Blog Vecindad Gráfica Diseño Gráfico

Diseño Gráfico y Más

Archivo de la Categoría ‘Tips de Illustrator


Me han preguntado si al crear unas tarjetas de presentación en Illustrator se puede repetir a la hora de imprimir como en Corel Draw.
Bueno, en Illustrator es un poco más complicado que solo pedir una impresión repetida. Aquí muestro una forma de hacerlo, pero cada persona puede encontrar una forma más fácil y rápida.

En una hoja tamaño carta, primero creas un rectángulo con el tamaño de la tarjeta 3.5 x 2″ (9 x 5 cm), y el diseño que va en ella, debes estar bien seguro que el contenido no esté muy cerca de la orilla, para que no se corte, de 3 a 5mm son suficientes.
tarjetas de presentacion

Seleccionas el rectángulo exterior y vas a Filter>Create Cropmarks.
tarjetas de presentacion 2

Al crear las marcas de corte, vemos que se crean con el color de “Registration”, el cual se imprimirá en todos los negativos de los Pantones.
tarjetas de presentacion 3

Seleccionamos las marcas de corte que se muestran, con la herramienta de selección de grupo y las borramos:
tarjeta de presentacion 3

Seleccionamos con la misma herramienta todo, excepto las dos marcas de corte de la izquierda:
tarjetas de presentacion 4

De ahí vamos a Object>Transform>Move…
tarjetas de presentacion 5

Le damos el valor de lo ancho mas un poco más, porque en la parte de atrás de la tarjeta existe un color que cubre todo y requiere un poco de “sangría”. Unos 55mm está bien. Tenemos que darle al botón de Copiar para que se duplique del lado derecho:
tarjetas de presentacion 6

Luego con Shift + Alt en la PC o Shift + Option en la Mac, arrastramos las marcas que quedaron del lado izquierdo y se copiarán del otro lado:
tarjeta de presentacion 6

Ya que tenemos las dos tarjetas, las seleccionamos con las cuatro marcas de corte que se muestran:
tarjetas de presentacion 7

Nos vamos otra vez a Object>Transform>Move… y ahora le damos en la opción vertical un valor de -5.55 y Copiamos:
tarjeta de presentacion 7

Ya nada más, sin deseleccionar le damos otras dos veces a Object>Transform>Transform Again
O con el atajo Control + D en PC o Command + D en la Mac, :
tarjeta de presentacion 8

Así tendremos un set de 8 tarjetas en una hoja. Al final seleccionamos las líneas de corte de arriba y las arrastramos con Shift + Alt o Shift + Option, para duplicarlas en la parte de abajo:
tarjetas de presentacion 9

No se te olvide quitarle la línea de los rectángulos, solo te ayudó en el diseño, pero no se imprimirá. Desde ese set ya puedes cambiar la información de cada trabajador, así puedes determinar si una persona requiere más tarjetas, puedes tenerla repetida en esa hoja.

Con el mismo método obtenemos también la parte de atrás:
tarjeta de presentacion atras
Tal vez se sienta que son muchos pasos, pero en realidad cuando te acostumbras, lo haces en unos cuantos minutos.

Existen diferentes formas para crear este efecto en Illustrator, este que les muestro es uno que te deja cambiar el texto en un solo movimiento. En el pasado se hacía con copiar y pegar atrás o enfrente y moverlo un poco para simular la profundidad, pero para para cambiar una letra del texto lo tenías que hacer en las tres copias.
Aquí lo puedes hacer una vez. y se mostrará inmediatamente.
vecindad emboss

ACTUALIZACIÓN para los que me han preguntado donde están los pantones.
La paleta de colores Pantone está en Window>Swatch Lybraries>Pantone Solid Coated

Primero creamos el fondo con un Pantone al 50%:
vecindad emboss tutorial

Al texto le damos igual porcentaje del Pantone, para que se “funda” con el fondo:
vecindad emboss tutorial 2

Al incorporarle una línea alrededor del texto, ya saben que Illustrator la acomoda mitad afuera y mitad adentro, distorsionando así la forma de las letras.:
vecindad emboss tutorial 3

Para evitar esto, en el panel de Apariencia arrastran hacia arriba el relleno “fill”, así quedará visualmente atrás la línea y la tipografía no perderá la forma, en mi caso le dejé una línea de 2 puntos:
vecindad emboss tutorialvecindad emboss tutorial

ACTUALIZACIÓN de un problema que tienen algunos cuando tratan de arrastrar el relleno.
Si no lo pueden mover, pueden hacer lo siguiente, antes de aplicarle el color Pantone al texto, se van al panel de Apariencia y crean un Relleno Nuevo, así lo podrán cambiar por el color que sea y ya se puede mover hacia donde quieran:
anadir relleno

Seleccionado la línea en el panel de Apariencia…:
vecindad emboss tutorial 10

…Nos vamos a Effect>Distort & Transfor>Transform… y ahí movemos la línea dependiendo cuanto desees de sombra, los valores son negativos para que esté un poco a la izquierda y abajo:
vecindad emboss tutorial 11

Para crear el filo blanco, seleccionamos en panel de Apariencia la línea y la duplicamos:
vecindad emboss

Expandemos con doble click, para cambiarle el color de línea a blanco:
vecindad emboss tutorial 16

Posteriormente doble click a los efectos y le damos valores positivos y listo ya tenemos un texto simulando relieve:
vecindad emboss tutorial 17

Como el texto queda con todo el relieve en uno solo, ya puedes cambiar inmediatamente la leyenda por lo que desees y conserva el efecto:
vecindad emboss tutorial 18

Tomaremos como base cromática la pintura de Vincent van Gogh “The Starry Night”, no es que tomemos los colores exactos, pero funciona como paleta de colores para lo que necesitamos:
Vincent van Gogh

Producimos un gradiente lineal en una capa sobre el Arte:
gradiente

Escondemos momentáneamente la capa del gradiete:
esconder

Para ir tomando los colores de la pintura con la herramienta de gotero:
color gotero

Al tomar el primer color, activamos la capa del gradiente para verlo, lo seleccionamos y si te das cuenta en la paleta del Color verás el pequeño cuadro del color que tomaste con el gotero, arrástralo sobre el cuadrito negro de la paleta de Gradient:
color goterocolor gotero gradientecolor gotero gradiente 2

Así seguimos tomando toda la gama de colores con el gotero en la capa del Arte, regresamos a la capa del gradiente, arrastramos el cuadro pequeño del color bajo la barrita del gradiente, para ir incrementando la gama de color:
colores gotero completo

Y obtenemos algo así:
gradiente completo

Seleccionamos el gradiente y nos vamos a Object>Expand.
Si ustedes están acostumbrados a crear desde cero un Gradient Mesh, saben que en este mismo menú existe la opción de “Create Gradient Mesh…”, pero en esta ocasión no lo usaremos, porque si lo hacemos de esta forma se perderán nuestros colores que ya escogimos y tenemos que comenzar de nuevo:
gradient mesh expand

Aquí está el truco, tienes que escoger en la ventana de diálogo la opción de Gradient Mesh:
expand gradient mesh

Así obtienes un Gradient Mesh con colores predeterminados:
expand gradient mesh 2
(more…)

solar ilustracion 12
herramienta blend
Muchos sabemos utilizar la herramienta de Blend en Illustrator, su tarea es crear una pregnancia entre objetos, en este tutorial trataremos de hacer un gradiente que puede ser más versátil que el utilizado regularmente.

Aquí vemos que la S de la ilustración está con el gradiente normal:
solar ilustracion

En este paso crearemos dos círculos con el mismo grosor de la S y le aplicaremos el gradiente que tiene la letra:
solar ilustracion 2

Le aplicamos la opción de Blend, dando un click en el nodo del primer círculo(1) y luego otro click en su correspondiente nodo del otro círculo(2):
solar ilustracion 3

Claro que al aplicarlo tendrá un valor de pregnancia que no corresponde a los pasos que requerimos para lograr una transición fluida:
solar ilustracion 4

Para que tengamos una transición fluida, le damos doble click a la herramienta de Blend, para ver las opciones, escogemos “Specified Steps” y en mi caso decidí que 250 pasos estaría bien:
solar ilustracion 5

Para que tome la forma de la S, tenemos que trazar exactamente a la mitad de esa letra un trazo con la pluma:
solar ilustracion 6

Seleccionamos con el puntero normal, tanto la pregnancia como el trazo, nos vamos al menú Object>Blend>Replace Spine:
solar ilustracion 7
(more…)

Muy buena aproximación a la ilustración con vectores.
bocetoboceto a lapizvectoriales con illustratorarte vectorial

From Sketch to Vector Illustration

vector grunge
Buen tutorial que muestra como crear una textura muy socorrida entre los ilustradores, lo bueno de esta forma es que es en forma vectorial.

How to Make Vector Grunge

Por cierto que en ese tutorial se menciona al programita llamado Inkscape, es una aplicación Open Source, editora de gráficos vectoriales.
Se las recomiendo ampliamente, sobre todo para lo que se dice en este tutorial.
inkscape

En el foro preguntaron si se podía crear transparencia con una imagen importada de Photoshop. Sí se puede, pero es un poco tedioso.

Primero tenemos la imagen de Photoshop en un fondo de Illustrator:
transparencia imagen photoshop en Illustrator

Creas un gradiente del tamaño de la imagen:
transparencia imagen photoshop en Illustrator 2

Posteriormente seleccionas tanto la imagen como el gradiente y en el panel de Transparencia, te vas al triangulito de la extrema superior derecha y escoges Make Opacity Mask:
transparencia imagen photoshop en Illustrator 3

Y listo ya tienes tu imagen con transparencia de un lado:
transparencia imagen photoshop en Illustrator 4


Comentarios Recientes:



Archivos por Mes

  • 2008: e f m a m j j a s o n d
  • 2007: e f m a m j j a s o n d
  • 2006: e f m a m j j a s o n d
  • 2005: e f m a m j j a s o n d
  • 2004: e f m a m j j a s o n d

  • Creative Commons License
    Esta obra está bajo una licencia de Creative Commons.

    Add this blog to my Technorati Favorites!

    BloGalaxia

    TOP Bitacoras.com para México

    Top Blogs México


    vecindad 3 aniversario

    vecindad 3 aniversario

    2008 Los invito a leer los Artículos del Pasado. Encontrarán infinidad de tópicos o ligas a diferentes lugares sobre Diseño Gráfico.
    Este no es un blog de "noticias de último minuto", se pretende que sea un punto de referencia en nuestra profesión.

    Si deseas recomendar una Noticia, un evento, concurso, un Sitio o aportar con un Artículo en este Blog, puedes avisarnos en el formulario de CONTACTO.

    Si tienes una pregunta específica o requieres un método de diseño visita los mejores foros de Diseño Gráfico
    foro Vecindad Grafica
    Foro de Diseño Gráfico
    Aumenta tu Cultura Visual


    Suscribirse al Foro RSS Feed

    En México Capacitación en Diseño Gráfico y clases con Adan Avelar, cursos de Diseño Web, Cursos de Diseño Editorial y Diplomado Multimedia:
    Recreo Digital
    recreo digital cursos y diplomados Web


    Eventos Activos

    Dile NO a TELCEL
    NELtelcel.com

    Concurso Los Leones No Son Como Los Pintan 2008

    Concurso Los Leones No Son Como Los Pintan 2008


    Posts muy interesantes del Pasado:
  • El teclado diNovo Edge ahora para Mac
  • El fotógrafo en su ambiente natural
  • Derriban estatua de Fox en Veracruz
  • ¿Te tomarías un Crayon?
  • Anuncio sobre anuncio
  • Big Brother Australia, ignorancia y estupidez extrema contra la bandera de México
  • El MIT desarrolla un lenguaje de programación para niños, se llama Scracht
  • ¿Sabes escuchar "Buenas Ideas" de tus colegas?
  • Como instalar Vista en OS X utilizando Parallels
  • ¿Una raspadita de lima?

  • Ligas Recomendadas


    Posts Favoritos del Público:

    Categorías

    Agencias, Estudios o Despachos (35) Alianzas y Estrategias (30) Alumbramiento y Creatividad (8) Animación (262) Arte (122) Arte del Vecino (1) Arte en Blogs (6) Autopromoción (3) Blog de la Semana (19) Blog del Año (1) Blogs (321) Bocetos (3) Bolsa de Trabajo (6) Capacitación Personal (5) Cine (240) Color (92) Comics (172) Como se hace (5) Comunicación con el Foro (13) Concursos y Eventos (120) Creatividad (117) Cultura General (107) Desarrollo Web (7) Diferentes Tipografías (8) Diseño Alternativo (28) Diseño de Escenarios (2) Diseño de Personajes (2) Diseño Editorial o Impreso (172) Diseño en la Comunidad (5) Diseño horriblemente malo (16) Diseño Industrial (140) Diseño Supremo (32) Diseño Web (266) Educación en el Diseño Gráfico (128) Empaque (1) Encuestas (1) Entrevistas (6) Estándares Web (243) Flash (52) Fotografía (291) Frase (6) Galería del Vecino (18) Historia y Personajes Diseño Gráfico (101) Iconos (5) Ilustración (254) infografía (7) Lenguaje Visual (4) Logos de Blogs (9) Logos del Diario (2) Logos y Marcas (277) Los Viajes Ilustran (6) Mac (198) Números visuales (2) Opinión Gráfica (2) Pensamiento Célebre (3) Pensamiento Visual (82) Podcast (1) Políticas del Diseño Gráfico (1) Posters (82) Pregunta del día (3) Preprensa (2) Principios de Diseño Gráfico (12) Producción Gráfica (3) Proyecto Bitácora Vecindad Gráfica (60) Proyecto Estudiantes o recién Egresados (1) Publicidad (741) Recomendación de Sitios (10) Recursos del Diseño Gráfico (213) referencias (4) scan del día (4) Sin Categoría (37) Tecnología (588) Tendencias en el Diseño Gráfico (5) Tesoro Creativo (1) Tip del Día (10) Tipografía (195) Tips de Illustrator (30) Tips de Photoshop (97) Tutoriales (81) Técnicas de Desarrollo en el Diseño Gráfico (5) Técnicas de Diseño Gráfico (3) Ventana Visual (106) Vida Diaria (12) Vida personal diseñística (78) Video (331) Visual del día (684)

    quiteloudFM rompiendo el silencio
    Programación de radio vía Internet con un punto de vista original

    PROMEDIA  Dirección General de Comercio Interior y Economía Digital Subsecretaría de Industria y Comercio Secretaría de Economía
    Programa de Desarrollo de la Industria de Medios Interactivos.