El último tipo de torsión

Entonces, ¿alguna vez ha querido torcer el tipo de una manera un poco más avanzada que algunas de las opciones que ha visto con el Característica de deformación?


Introducción

¿Qué tal hacer un tipo que parezca que ha sido envuelto alrededor de una cara? Piensa que necesitas una aplicación 3D especial o algún complemento de "hifalutin"?

No, puedes hacerlo todo dentro de Illustrator v10 (o superior) con el Malla función. Solo necesita un poco de planificación y algunos pequeños atajos para que todo suceda, quédate conmigo y te guiaré por eso ...



Paso 1: Material de referencia

Antes de comenzar a utilizar cualquier herramienta en Illustrator, necesitamos material fotográfico en el que basar nuestra ilustración (sería bastante difícil conjurar la imagen o trabajar sobre la marcha con un proyecto como este), idealmente, sería mejor si podría tomar la fotografía de la imagen de origen, entonces evitaría cualquier problema de derechos de autor.


Paso 2: Dibujo

Colocar papel de calco sobre una impresión de su fotografía, intente dibujar líneas que sigan ciertos contornos de la cara. En mi experiencia, cuanto más rugosa o pronunciada sea una cara, mejor se verá. Un marcador negro grueso es bueno para hacer líneas fuertes en negrita. Aquí hay algunos consejos:

  1. Intente y deje algunas áreas tan negras como las cejas, dentro de la boca y partes del cabello, etc. Esto ayudará a definir la imagen un poco mejor. También hace algunas de sus líneas más gruesas en ciertos lugares..
  2. Los espacios entre las líneas de tipo ayudarán a que sus ojos vean la ilustración como una cara y no solo como texto legible.
  3. Otro dispositivo útil en esta etapa es dibujar algunas curvas en su boceto a lápiz que emulan los contornos de la cara. Esto será útil cuando retuerza el tipo para darle ese aspecto envuelto..


Paso 3: Dibujando el Linework

Una vez que esté satisfecho con la línea en su boceto, haga un escaneo y colóquelo en su documento. Hace algunos años, la gente siempre usaba un escáner de superficie plana para hacer bocetos en Illustrator, pero en estos días con cámaras digitales podría colocarse fácilmente encima de su dibujo y tomar una foto y usarlo en su lugar (solo asegúrese de que esté directamente arriba y no en un ángulo peculiar y que no está proyectando sombras sobre la imagen, lo que podría dificultar la visualización una vez en Illustrator).

Coloque su escaneo en un documento de Illustrator en una capa separada y bloquéelo. El tamaño no es realmente importante ya que es vectorial, pero encontré que un escaneo de 150 ppp a tamaño Carta estaba bien.

Ahora, usando tus mejores habilidades con la herramienta Pluma, establece unas curvas bezier increíblemente suaves con una línea negra de 4 puntos.

Una forma de lograr la línea más gruesa de la que hablamos anteriormente es copiar y pegar una línea frente a otra y separar los segmentos de los dos caminos (como se muestra arriba), o dibujar con una línea más gruesa: elegí 8 puntos.



Paso 4: Di lo que?

Una vez que se dibuja su línea negra, ahora estamos en un escenario divertido! Tenemos todas estas áreas blancas en blanco trazadas y necesitamos palabras para poner en ellas..

La cara de Louis Armstrong fue promover un CD compilatorio de música, así que pensé que elegiría algunas palabras que reflejaran a los otros artistas en el CD y otras palabras relacionadas directamente con Louis. Pensé que elegiría un color ligeramente diferente para su tipo y un tercer color para la trompeta.

Mi agente de ilustración Matt en los estudios Drawingbook en Sydney, me ayudó a investigar un poco sobre Louis y me dio unas 75 palabras, frases y datos relevantes para jugar. ¡Estuve muy agradecido por los cortos! Como de vez en cuando solo tenía un espacio pequeño para encajar en una palabra (vea el extremo de la nariz)!

Escribí las palabras en otra hoja de papel y verifiqué errores de ortografía (... arriba a la derecha, Fred Astaire ... dobladillo, dobladillo) y lo coloqué en la pared como una rápida referencia visual cuando el trabajo comenzó..



Paso 5: Fuentes efectivas

Una última cosa a considerar fue la elección de la fuente con la que trabajar. Tenía que ser uno que no se bloquee sin espacios (de lo contrario, las palabras serían difíciles de leer) y también reflejaría el estilo y el tema de la Ilustración..

Basado en esa fuente Mojo no funcionaría ya que tenía poca legibilidad y tiene una sensación hippy de principios de los setenta que no refleja a Louis Armstrong. Al final me fui con una tipografía llamada Machohouse. Tenía un poco de carácter de cincuenta y sesenta y era fácil de leer.

Otra cosa, el tipo de letra también tenía que trabajar con la parte superior e inferior de cada personaje aplanado un poco ... más sobre eso a continuación!



Paso 6: Trabajando por debajo

Para ahorrar tiempo al tener que torcer todas las letras, y asegurarme de que las partes superior e inferior de cada personaje fueran suaves entre sí, pensé que sería mejor dibujar líneas suaves y sólidas en Illustrator (como lo describimos anteriormente) . Coloco mi tipo debajo eso. Aquí hay un parche de prueba de texto para el oído derecho:

  1. Muestra una línea de texto regular escrita en una curva leve.
  2. El tipo se modifica con la función Malla (vea el siguiente paso), como puede ver, las partes superior e inferior de las letras son puntiagudas y dentadas.
  3. El tipo se coloca debajo de nuestra línea negra (la puse en rojo para que pueda ver a través).
  4. Aquí, las líneas negras se vuelven blancas para que pueda ver qué tan bien enmascaran los bordes irregulares del tipo..


Paso 7: tuerce ese tipo!

Ahora que hemos tomado todas las decisiones sobre las palabras, las fuentes y las áreas de tipo, es hora de comenzar a poner el texto a trabajar. Tomemos nuestra primera palabra ... "Satchelmouth".

Dato pop interesante: las mejillas de Louis Armstrong se describieron una vez como dos bolsas de cuero y se conoció como Satchelmouth o Satchmo '.

Escriba la palabra dentro de su obra de arte. Mantuve todo mi tipo en una capa separada debajo de las líneas de la cara que dibujamos antes.

Todas las palabras que escribimos serán inicialmente una forma de rectángulo, y se cambiarán a veces en formas bastante radicales. Si podemos ayudar a alterar un poco el tipo, al acercarlo a la forma final, significará menos trabajo de malla..

Por lo tanto, el tipo "Satchelmouth" se colocará dentro de la oreja de Louis.

  1. Dibuja una línea con una ligera curva en la parte inferior. Use la herramienta Type on a Path Text para crear nuestra palabra en la fuente elegida.
  2. Convierta el texto en contornos aplicando Tipo> Crear contornos (Cmd + Shift + O).
  3. Luego aplique Objeto> Sobre distorsión> Hacer con malla (Comando + Alt + M).

Hay una opción para tener varias filas y columnas con Malla, pero en este caso encuentro que es mejor mantenerlas tan cerca de una fila y columna cada una.


Coloque el tipo de malla debajo de la forma de la oreja aproximadamente en el medio.

Lo que vamos a hacer ahora es manipular cada una de las cuatro esquinas de nuestro gráfico de malla para retorcer el tipo y darle forma. Si tuviéramos más filas y columnas, tendríamos que hacer muchos más ajustes, por lo que vamos a mantenerlo simple al principio..

  1. Con la Herramienta de selección directa, mueva cada uno de los cuatro puntos de las esquinas hacia los cuatro bordes de nuestra forma vacía. Parecerá un poco loco y no encajará bien, pero solo estamos estableciendo el punto de inicio y final de nuestra palabra.
  2. Al mover los puntos de malla más lejos (aún utilizando la Herramienta de selección directa) y al ajustar uno o ambos mangos en cada punto final de la malla, podemos comprimir el tipo en la forma.
  3. La mayoría de las veces el tipo se puede manipular a la perfección, pero en ocasiones obtenemos la parte superior de las letras cortadas con demasiada severidad.
  4. Además, espacios en blanco donde la parte superior o inferior de una letra no está completamente debajo de nuestra línea de enmascaramiento.


Paso 8: Empujar y tirar

En este punto usaremos la herramienta Malla (Comando + U):

  1. Haga clic a lo largo de la línea de texto en los lugares donde cree que los puntos adicionales podrían ayudar.
  2. Para comprobar si el tipo está funcionando, cambie la línea de la ilustración a blanco al 90% de opacidad.
  3. Otra opción para verificar si el tipo está funcionando es cambiar el diseño de la línea a blanco sólido.


Paso 9: Puntos de malla adicionales

Cuando tiene formas que son obviamente complicadas, vale la pena dividir la malla utilizando la herramienta Malla para agregar puntos, pero tenga cuidado de agregar los puntos a medida que los necesite..

  1. Las palabras "Dean Martin" se dividieron usando los puntos de malla horizontales.
  2. Esto ayudó al estirar la "M" y al cambio brusco de dirección entre la "A" y la "R".
  3. La última letra "N" también tenía un punto de malla adicional agregado para extender la letra verticalmente hasta un punto, pero los puntos de malla una vez agregados se ejecutan a través del gráfico y afectan la forma en que responde la malla.

Idealmente, la palabra "Dean Martin" debería colocarse primero en la forma correcta, luego se agrega el último punto de malla para bajar la última "N".



Paso 10: Siga los contornos

Tenga en cuenta que las letras que bajan por la nariz tienen una ligera curva que corresponde a las líneas de contorno que dibujamos en el boceto. Como mencioné, es bueno tener el boceto encima de su computadora para que pueda seguir refiriéndose a él mientras trabaja..

Las siguientes letras comienzan sutilmente debajo del ojo como una curva convexa y cambian de la letra "H" a una curva cóncava a medida que seguimos la forma hinchada de las mejillas..



Paso 11: Pequeños detalles

Si bien "Satchmo" es una palabra grande y tiene un gran impacto en la cara de Louis Armstrong, son las palabras más pequeñas las que ayudan a hacer de la obra de arte un diseño más interesante en general..

Ejecutar dos líneas de texto alrededor del párpado de alguien puede parecer una tarea desalentadora, pero si te acercas y trabajas con un aumento de 1600%, el método de trabajo no debería ser diferente a las palabras más grandes. Vale la pena alejarse de vez en cuando para asegurarse de que todo sea legible..



Paso 12: Cambio de color

Después de un rato las palabras se vuelven legibles como una cara! Al principio jugué un poco con los colores, pero descubrí que los tonos claros sobre un fondo negro con líneas superiores negras hacían que la imagen realmente saltara..


También puede crear efectos más suaves con un fondo blanco y líneas superiores!



Conclusión

Sin embargo, independientemente de los colores que elijas, si tus líneas están limpias y todo tu texto es legible, entonces tienes un diseño ganador en tus manos. Buena suerte!