Crear un caligrama peludo en Illustrator

En este tutorial, te guiaré a través de la creación de tu propio caligrama inspirado por un perro llamado Poppy. Aprenderá cómo manipular un tipo de letra a través del renderizado de pieles, agregando funciones de doggy y varios detalles..


Introducción

Tengo una obsesión con mi gato y he hecho numerosos vectores con ella. Una de las piezas que he hecho ha sido el caligrama de "Miau", que se había convertido en piel con la marca de su piel..

La maravilla que es Wikipedia afirma:

Un caligrama es un poema, una frase o una palabra en la que el tipo de letra, la caligrafía o la escritura a mano se organizan de una manera que crea una imagen visual. La imagen creada por las palabras expresa visualmente lo que la palabra o palabras dicen.

Para expandir mi cartera de animales, decidí comenzar a vectorizar perros, que son un proceso similar al de los gatos, pero en su mayor parte tienen un pelo más peludo y áspero..

En este tutorial, voy a guiarte a través de la creación de una obra de arte con texto inspirada en mi caligrama "Miau", pero este se basa en un perro. Me gustaría presentarles la fuerza hiperactiva que es Poppy. Voy a hacer referencia a ella durante este tutorial..


Teoría de la tipografía

La palabra que voy a representar es "WOOF" y esto es por dos razones:

  • Es una palabra que, cuando se oye, se asocia directamente con un perro..
  • Las letras se pueden manipular para ilustrar las extremidades y el cuerpo del perro. Por ejemplo, las piernas y la cola se pueden ilustrar con la "W" y la "F", y la cara y el cuerpo se pueden construir a partir de la "OO".

Cuando selecciono un tipo de letra para usar como base para este proyecto, tiendo a inclinarme más hacia tipos de letra más clásicos como Tahoma, Verdana, etc. Esto se debe a que, en su mayor parte, son fáciles de entender y no son tan complejos de manipular..

Los gatos estereotipados se ven más como una criatura femenina, ilustrada con curvas y muy pocas líneas ásperas. Así que en contraste, mi perro inspirado en caligramas va a parecer más masculino. Entonces, para el mejor amigo del hombre, voy a seleccionar un tipo de letra que tenga muchas líneas rectas y curvas mínimas. Voy a seleccionar un tipo de letra sans serif, ya que asocio los serifs como una calidad más femenina, ya que parecen delicados..

Otro aspecto a tener en cuenta es que no desea que sus letras sean demasiado delgadas, ya que desea mostrar un montón de pelaje en las letras. Sin embargo, en contraste, no querrás que las letras sean demasiado gruesas, ya que con el pelaje en el exterior de las letras no puedes decir cuál es la palabra!

Para este tutorial, voy a utilizar el tipo de letra Tahoma. Vamos a mirar!


Paso 1

Usando la herramienta de tipo (T) para agregar el texto "WOOF" a tu lienzo.
Vaya a las opciones de Carácter (en CS5 está en la parte superior, debajo de su barra de herramientas) y cambie el tamaño de la fuente a 150pt. Cambie el estilo de fuente a negrita. Haga clic en el Panel de caracteres y cambie el seguimiento a 100 y la Escala vertical a 125%.


Paso 2

Expanda las letras yendo a Objeto> Expandir y luego haga clic en Aceptar. Desagrupar (Comando + Shift + G) las letras para que sea más fácil manipularlas.


Paso 3

Usando la herramienta Pluma (P), agregue una cola a la "F". Ahora seleccione la cola y la forma de "F", luego use el Pathfinder para unirlos.


Etapa 4

Quiero que la "W" sea claramente dos patas delanteras. Para crear esta ilusión, tendré que reducir el centro de la carta para que los dos extremos parezcan mucho más prominentes..

Con la Herramienta de selección directa (A), seleccione las líneas y los puntos que están presentes en el centro de la letra. Luego use la herramienta de transformación libre (E) para mover estos elementos hacia abajo y aplastar el centro de la letra..


Paso 5

Para que las piernas sean más evidentes para el espectador, agregaré patas a las letras. Voy a hacer esto usando la herramienta Elipse (L). Una vez que haya colocado los cinco círculos, uso el Pathfinder para unirlos. Ahora usa la herramienta Pluma (P) para quitar dos puntos en cada lado.


Paso 6

Copie (Comando + C) y Pegue (Comando + V) las patas en la "W" y la "F", usando la Herramienta de transformación libre (E) para rotarlas y colocarlas. Posiciona las patas en su letra correspondiente y Unelas..


Paso 7

Seleccione todas las formas (Comando + A) y cree una ruta compuesta (Comando + 8). Copie (Comando + C) y pegue en frente (Comando + F) la ruta compuesta y luego bloquee ambas formas.


Paso 8

Usando la herramienta Pluma (P), dibujaré encima de las formas donde está el pelaje blanco para las partes del cuerpo. En lugar de blanco, usaré un gris muy claro (C = 0, M = 0, Y = 0, K = 10), lo cual se debe a que más adelante usaremos el blanco para agregar resalte a la piel..

Como las patas delanteras van a ser parte de la "W", haré la primera cabeza de Poppy de "O" y la segunda su cuerpo. Esto hace una ligera diferencia en su coloración..


Paso 9

Seleccione todas las formas grises (Comando + A) y conviértalas en una Ruta Compuesta (Comando + 8). Desbloquee una de las rutas compuestas negras y selecciónela junto con la ruta compuesta gris. En el Pathfinder aplique Intersect..

Ahora, mientras el grupo está seleccionado, conviértelo en una Ruta Compuesta (Comando + 8). Cambie la ruta compuesta negra a un color de relleno negro apagado (C = 0, M = 0, Y = 0, K = 95). Bloquea la carpeta de capas por ahora. Haga doble clic en la carpeta de capas y cámbiele el nombre a "Bases".


Paso 10

Para la siguiente parte del tutorial, deberá crear los pinceles de perfil de ancho, 1 y 5 de mi tutorial de pincel de perfil de ancho.

Crea una nueva capa y cámbiala como "Fur". Voy a usar la herramienta Pincel (B) con el pincel de perfil ancho 1, el color del trazo en negro y la opacidad del 50%. Use esto para dibujar el pelaje alrededor de los bordes de las letras donde las formas están en negro.

Modifica la longitud de tus golpes al tipo de piel de tu perro. Como Poppy es un perro de pelo corto, la reproducción del pelaje requerirá movimientos cortos. Considere el área del pelaje que representa cada letra y la dirección en la que irá el pelaje..


Paso 11

Seleccione Todos (Comando + A), Agrupe todos los trazos en gris oscuro (Comando + G), luego bloquee el grupo. Ahora agrega el pelaje gris claro al resto de los bordes. Donde el blanco y el negro se encuentran dentro de las letras, todavía dibuje trazos pero no se superponen. Esto hará que la piel se vea más natural..

Consejo: si está dibujando un pelaje de color claro como lo soy yo, agregue una capa detrás de todas sus formas con un color oscuro. Esto hará que sea más fácil ver dónde se colocan tus golpes.

Seleccione Todos (Comando + A), Agrupe todos los trazos en gris oscuro (Comando + G), luego bloquee el grupo.


Paso 12

Para agregar más profundidad al pelaje, agregue trazos dentro de las formas, y algunos hacia los bordes con el mismo pincel, pero con el color correspondiente con el modo de fusión Multiplicar. Para el gris claro, use una opacidad del 70% y el gris oscuro la opacidad del 40%. Para cada uno de los colores, agrúpalos (Comando + G) y bloquéalos.

Sugerencia: si encuentra que Illustrator se está ralentizando a medida que dibuja las hebras de piel, oculte los grupos dibujados anteriormente.


Paso 13

Usando el mismo proceso, voy a agregar puntos destacados a la piel. Voy a hacer esto usando los mismos colores para las áreas correspondientes. Establezca el modo de fusión en pantalla, la opacidad de color gris claro al 50% y la opacidad de color gris oscuro al 25%.

Para cada uno de los colores, agrúpelos (Comando + G), luego ciérrelos y la carpeta de capas.


Paso 14

Crear una nueva capa y cambiarle el nombre a "Spots".

Si te fijas en la imagen de referencia de Poppy, tiene algunas manchas pequeñas de color negro en las patas delanteras y alrededor de la nariz. Entonces, utilizando las mismas propiedades de pincel y el color de trazo gris oscuro, agregue algunos puntos en la "W" y la primera "O" en los lugares donde están los puntos. Establece el pincel en un modo de fusión de multiplicación y la opacidad en 50%.

Cuando hayas terminado, agrúpalos (Comando + G), luego bloquéalos y la carpeta de capas.


Paso 15

Cree una nueva capa y cámbiele el nombre a "Nariz". Usando la herramienta Pluma (P), con un color de relleno gris oscuro; dibujar la nariz Luego dibuja en las fosas nasales y una línea en medio. Establezca el Modo de fusión en Multiplicar para esas formas con las fosas nasales al 100% y la línea intermedia al 50%.

Cree un degradado radial transparente de gris claro a gris claro y agregue luces y brillo a la nariz. Usando la herramienta de degradado (G) arrastre la fuente del degradado hacia la parte superior de la nariz.


Paso 16

Los gatos son a menudo dibujados con sus característicos bigotes largos. Los perros también tienen bigotes, pero no tan prominentes. Son mucho más cortos y no tantos. Dentro de la carpeta de la capa "Nariz", voy a agregar algunos bigotes de color gris oscuro con la herramienta Pincel (B) y el pincel de perfil ancho 5.


Paso 17

Usando las mismas opciones de pincel, sin embargo, cambie la opacidad al 75% y agregue algunos puntos en la parte superior de la nariz, ya que la nariz de un perro no es completamente lisa. Esto le agregará alguna textura sutil. Cuando haya terminado, bloquee la carpeta de capas.


Paso 18

Cree una nueva carpeta de capas y cámbiele el nombre a "Detalles". Al utilizar las mismas opciones de pincel, cambie la Opacidad al 20% y el Modo de fusión a Multiplicar. Agrega algunos trazos alrededor de las patas para agregar definición entre los dígitos.


Paso 19

Con la herramienta Pluma (P), cree una forma ovalada con el color de relleno de gris oscuro y una opacidad del 80%. Copie (Comando + C) y Pegue (Comando + V) la forma de cada garra de dígitos en una pata. Seleccione las cuatro formas para una pata y luego conviértalas en una ruta compuesta (Comando + 8).

Copie (Comando + C) y Pegue (Comando + V) la ruta compuesta, y muévalos a cada una de las patas. Bloquea la carpeta de capas cuando termines.


Paso 20

Vaya a la carpeta de la capa "Bases" y copie (Comando + C) la ruta compuesta gris oscuro. Bloquea la carpeta de capas "Bases" de nuevo. Cree una nueva capa sobre la carpeta "Bases" y llámela "Light", luego pegue en Front (Comando + F) la ruta compuesta.

Suelte la ruta compuesta (Alt + Shift + Comando + 8). Deberá seleccionar las formas para cada una de las formas "O" y usar Minus Front de las opciones de Pathfinder.

Con la herramienta Degradado (G), aplique el degradado radial transparente de color gris claro a gris claro a las letras. Coloca los gradientes como si hubiera luz que viene de arriba. Reduzca la opacidad al 15% y el modo de fusión a pantalla. En algunas de las letras deberá copiar (Comando + C) y Pegar al frente (Comando + F). Una vez completado, bloquea la carpeta de capas.


Paso 21

Crea una nueva capa debajo de la carpeta de capas "Bases" y cambia su nombre a "Sombra". Cree un degradado radial transparente de gris oscuro a gris oscuro. Usando la herramienta Elipse (L) dibuja círculos debajo de las letras para dar la impresión de que las letras están flotando. Agrupe las formas (Comando + G) y luego cambie el Modo de fusión a Multiplicar y la Opacidad al 70%.


Paso 22

Agregue un degradado radial transparente de gris claro a gris claro en la pantalla al 30% en el fondo para completar la pieza. Ahora has terminado tu caligrama Woof!


Conclusión

Al agregar diferentes colores en el pelaje y variar la longitud de los trazos, puede lograr una pieza única de arte de texto. Al conocer las sutiles diferencias entre gatos y perros, también puede crear un purrfect Caligrama para un gato que usa estas mismas técnicas también..