Diseña un cartel retro loco con letras extravagantes en Adobe Illustrator
Spanish (Español) translation by Johana (you can also view the original English article)



En este tutorial crearemos un cartel loco con una famosa cita de Oscar Wilde: “Be yourself; everyone else is already taken” (Sé tú mismo, los demás puestos ya están ocupados). Aplicaremos varios Efectos de deformación para crear los elementos fácilmente. Aprende a hacer un suave efecto de granulado para darle a nuestro cartel un aspecto vintage y hacer algunas letras a mano alzada. ¡Empecemos!
1. Crea un sombrero de copa elegante
Paso 1
Primero, crea un Nuevo documento de tamaño 600x800 px. Arma la paleta que usaremos en nuestra imagen para hacer la composición vívida, pero preservando el aspecto consistente de un cartel de estilo retro.



Paso 2
Comienza seleccionando la Herramienta elipse (L) y dibuja una forma aplastada. Además, usa la Herramienta rectángulo (M) para añadir una forma de rectángulo y alinear sus puntos de anclaje superiores con la parte central de la elipse.



Selecciona el punto de anclaje inferior izquierdo y presiona la tecla Enter para abrir la ventana de opciones Mover. Establece el valor de posición Horizontal en 35 px y Vertical en 0 px y presiona el botón OK. Repite lo mismo con el punto de anclaje derecho, pero esta vez muévelo a -35px.



Paso 3
Mantén nuestro rectángulo seleccionado y ve a Efecto > Deformar > Abombar, estableciendo el valor de Curvar en -11%.



Paso 4
Continúa y añade una franja estrecha con la Herramienta rectángulo (M) que conforma el borde del sombrero. Esta vez utilice el efecto Arco, estableciendo el valor de Curvar en -20% y haciendo que el borde tenga arco.



Paso 5
Crearemos una cinta simple para hacer que nuestro sombrero sea más atrevido. Duplica la forma del borde y mueve un poco la copia. Selecciona la forma del sombrero central y la copia del borde y usa la Herramienta creador de formas (Mayús+M) para eliminar las partes innecesarias haciendo clic en ellas mientras mantienes presionada la tecla Alt.



Paso 6
Duplica la parte central del sombrero de copa, hazlo más estrecho y establece el Modo de fusión en Trama. Repite estos movimientos una vez más y, finalmente, deshazte de las partes no deseadas, creando así una buena iluminación en la cinta.



2. Estiliza esas gafas redondas locas
Paso 1
¡Haremos gafas redondas de moda para darle a nuestro cartel un aspecto único y loco! Comienza formando un círculo uniforme con la Herramienta elipse (L). Ve a Objeto > Trazado > Desplazamiento y establece el valor de Desplazamiento en -10px. Por último, selecciona la forma exterior y cambia su color a naranja, escógelo de nuestra paleta.



Paso 2
Añade una iluminación simple y una sombra al marco. También crearemos una mancha reluciente en las gafas. Coloca un pequeño rectángulo blanco en el vidrio y Muévelo a 12px de forma horizontal. Presiona el botón Copiar para crear la copia del rectángulo. Añade dos copias más de los rectángulos y colócalas debajo de los dos primeros.



Paso 3
Agrupa las iluminaciones y aplica el efecto Arco con un valor de Curvar al 20%. Objeto > Expandir apariencia de la forma y aplica otro efecto, esta vez Arco, con un valor de Curvar al 23%.



Paso 4
Necesitamos añadir un reflejo para que las gafas sean más brillantes y vívidas. Simplemente copia la forma de vidrio interior, hazla más brillante y usa la Herramienta creador de formas (Mayús+M) para formar un reflejo curvo.



Paso 5
¡Es hora de formar todas las gafas! Añade la segunda parte de nuestras gafas y conéctalas con un rectángulo estrecho. Añade una iluminación y una sombra similar a las del marco de las gafas.



Paso 6
Agrupa todas las partes del puente y aplica el efecto Arco con un 40% de valor para curvar el puente hacia arriba.



3. Estiliza el bigote hipster de moda
Paso 1
Tenemos que crear un pincel simple con el fin de hacer un bigote rizado con unos cuantos clics. Comienza haciendo un círculo y usa la Herramienta de selección directa (A) para seleccionar su punto de anclaje lateral y arrastrarlo más a la derecha. Haz clic en él con la Herramienta convertir punto de anclaje (Mayús+C) para convertirlo en una esquina con punta.
Mueve la forma que hemos creado en el panel Pinceles y crea un Pincel de arte. He dejado la configuración predeterminada aquí, ya que no necesito cambiar el color o el tamaño de la forma después; sin embargo, puedes volver a este menú y editar la configuración en cualquier momento haciendo clic en el pincel dos veces en el panel Pinceles.



Paso 2
Crea una línea arqueada con la Herramienta lápiz (N) o Herramienta arco y aplica el pincel recién creado. Ve a Objeto > Expandir apariencia de nuestro objeto. Selecciona la Herramienta suavizar (o mantén presionada la tecla Alt, mientras se selecciona la Herramienta lápiz (N)) y traza la forma para reducir la cantidad de los puntos de anclaje, haciéndolo así más suave y ordenado.



Paso 3
Añade una sombra suave a la parte inferior del bigote, eligiendo el color rojo más oscuro de nuestra paleta. Coloca el bigote debajo de las gafas y usa la Herramienta reflejo (O) para hacer la segunda mitad del bigote duplicando sobre el eje vertical.



4. Renderiza una boca sonriente divertida y cinta cruzada vintage
Paso 1
Para empezar, selecciona la Herramienta rectángulo redondeado, establece el Radio de esquina en 20 px y haz un objeto en forma de salchicha. Aplica el efecto Arco para curvar nuestro objeto horizontalmente al -38%.



Paso 2
Añade una segunda forma, más pequeña, para formar la parte interna de la boca y resaltar los labios. Continúa añadiendo dos círculos blancos en las esquinas de la boca. Esos darán forma a los dientes. Selecciona ambos círculos y ve a Objeto > Fusión > Crear, estableciendo el Espaciado en Pasos especificados, 3 en Opciones de fusión.



Paso 3
Selecciona el Grupo de fusión con la Herramienta de selección directa (A) y edita la línea, haciéndola un poco arqueada. Coloca una copia de la forma interior de la boca por encima de otros objetos y Crea una máscara de recorte para ocultar las partes innecesarias de los dientes.



Paso 4
Añade dos círculos más a nuestra boca y escóndelos también en la Máscara de recorte, formando la lengua. Usa la Herramienta pincel (B) y haz un trazo suave con el mismo pincel que hemos creado para el bigote.



Paso 5
Expande el trazo y modifícalo cortando la parte superior innecesaria. Haz que la punta de la lengua sea más realista y suave con la Herramienta convertir punto de anclaje (Mayús+C) y, finalmente, añade una sombra suave con la Herramienta lápiz (N).



Paso 6
El último pero no menos importante elemento de nuestra composición es una cinta elegante vintage, que es muy fácil de hacer. Crea dos franjas turquesas con la Herramienta rectángulo (M) y dóblalas seleccionando puntos de anclaje laterales y arrastrándolas hacia arriba con la Herramienta selección directa (A). Añade partes del fondo más oscuras de las cintas de opciones y, por último, usa el efecto Arco con un valor de -10% para curvar ligeramente la cinta.



¡Hemos terminado con los elementos de la cara!



¡Pasemos a las letras!
5. Diseña tus extravagantes letras a mano alzada
“Be yourself; everyone else is already taken” (Sé tú mismo, los demás puestos ya están ocupados) - Oscar Wilde.
Paso 1
Arma con la Herramienta pluma (P) y empieza a bloquear la primera letra de nuestra cita: la "B". Crea líneas rectas y corta las piezas centrales con la función Menos frente en el panel Buscatrazos.



Paso 2
Decoraremos nuestras letras con "bombillas" brillantes. Coloca varios círculos en las esquinas de la letra y usa la Herramienta fusión (W) para conectarlos a una bonita guirnalda.



Paso 3
Forma la letra "E" de la misma manera y haz las letras más dimensionales añadiendo una sombra. Duplica las formas básicas y mueve las copias unos píxeles hacia abajo y hacia la izquierda.



Coloca las letras encima del sombrero.



Paso 4
Ahora selecciona la Herramienta lápiz (N) y dibuja a mano alzada la primera parte de nuestra siguiente palabra – "yourself" – en una simple escritura animada.



Dibuja una forma amarilla más brillante sobre las partes superiores de las letras y edítalas con la Herramienta creador de formas (Mayús+M), convirtiéndolas en una bonita iluminación.



Coloca las letras en el centro de nuestro sombrero de cilindro.



Paso 5
Usa una buena fuente caligráfica para representar la segunda parte de la palabra. En este caso en particular uso la fuente "Adventure", pero puedes elegir cualquier cursiva de tu gusto. Expande la fuente y dale un aspecto agradable añadiendo las iluminaciones y sombras. Usa el efecto de deformación Arco para darle al objeto una curva suave, de modo que se ajuste perfectamente al borde del sombrero.



Paso 6
La siguiente palabra será "everyone". Hagamos un Pincel de motivo simple para una escritura extravagante. Crea una franja y pon una línea discontinua encima de ella. Crea una forma simple, que consiste en círculos, que usaremos como puntas de las letras.



Expande la línea, agrupa con el rectángulo y crea un Pincel de motivo con los ajustes predeterminados.



Selecciona la Herramienta pincel (B) y haz algunos trazos para formar cada letra. Adjunta los elementos circulares a las puntas de cada letra.



Paso 7
También hay una manera "perezosa" de crear toda la palabra. También puedes añadir las puntas circulares a tu pincel de motivo. Simplemente arrastra el elemento y su copia reflejada al panel Muestras y luego, añádelas en la ventana Opciones de pincel de motivo como "Mosaico inicial" y "Mosaico final".



De esta manera podrás hacer una línea con puntas de figura, pero a veces se deforman y no se ven muy bien.



Sin embargo, la escala de la palabra será bastante pequeña en comparación con el tamaño de otros objetos, por lo que depende de ti decidir qué técnica utilizar. Abajo puedes ver la comparación de estos dos métodos.



Coloca las letras en nuestra imagen y distribúyelas muy bien alrededor de las gafas. Añade una sombra brillante para separar las letras de los objetos de abajo y hacerlos más visibles. Después, forma la palabra "else" con la Herramienta lápiz (N) y colócala en el bigote.



Paso 8
Probaremos otra útil herramienta de Adobe Illustrator: la Herramienta pincel de manchas (Mayús+B). Mira mi configuración en la siguiente imagen y forma la palabra "is" en la punta de la lengua, decórala con chispas de garabatos simples.



Paso 9
Por último, dales forma a las dos últimas palabras "already taken" de la misma manera que formamos la palabra "your" con la Herramienta lápiz (N). Coloca las letras y gíralas un poco para ajustarlas a la cinta.



6. Dale a tu cartel un aspecto granulado vintage
Paso 1
En cuanto a los elementos principales de la composición, necesitamos añadir un fondo agradable y sencillo que no nos distraiga de la imagen y, al mismo tiempo, resaltar la vivacidad de nuestro cartel. He jugado con los colores, cambiando algunos de ellos, para que sean claramente visibles por encima del fondo. Como puedes notar en la siguiente imagen, he cambiado los colores de las palabras "be", "everyone else" y "is" usando los colores de nuestra paleta básica.



Paso 2
Añade un rectángulo de un tamaño de nuestra Mesa de trabajo para el fondo y rellénalo con un brillante degradado radial de amarillo vivo en el centro y naranja en los bordes.



Paso 3
¡Es hora de crear un estilo granulado vintage! Selecciona la parte superior de nuestro sombrero, Copia y Pega delante (Control+C > Control+F). Rellena la forma con un degradado lineal de blanco a rojo oscuro y cambia el Modo de fusión a Multiplicar.
Por último, ve a Efecto > Galería de efectos > Texturas > Granulado y aplica el efecto con Tipo de granulado de chispas, establece la Intensidad en 72 y el Contraste en 55. Puedes modificar estos valores en cualquier momento al seleccionar Granulado en el panel Apariencia.



Aplica el mismo efecto Granulado a otros elementos de nuestra imagen, selecciona los colores adecuados de los degradados.



¡Yupi! ¡Felicitaciones por terminar tu cartel loco!
¡Gran trabajo! Acabas de terminar de crear un divertido cartel retro con letras extravagantes. Espero que te haya motivado para hacer nuevas creaciones de arte y te haya dado algunos consejos y trucos útiles. ¡Mantente atento y sigue tu inspiración!





