7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Vector

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)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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.

Document paletteDocument paletteDocument palette

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.

Create upper part of top hatCreate upper part of top hatCreate upper part of top hat

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.

Create middle part of top hatCreate middle part of top hatCreate middle part of top hat

Paso 3

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

Apply bulge effectApply bulge effectApply bulge effect

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.

apply arc effect to hat brimapply arc effect to hat brimapply arc effect to hat brim

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.

create a ribboncreate a ribboncreate a ribbon

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.

create highlights on the ribboncreate highlights on the ribboncreate highlights on the ribbon

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.

make round glasses with ellipse toolmake round glasses with ellipse toolmake round glasses with ellipse tool

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.

make reflections on glassesmake reflections on glassesmake reflections on glasses

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%.

apply arc and arch effectsapply arc and arch effectsapply arc and arch effects

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.

create colored reflection on the glasscreate colored reflection on the glasscreate colored reflection on the glass

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.

add second part of glasses and connect them with a bridgeadd second part of glasses and connect them with a bridgeadd second part of glasses and connect them with a bridge

Paso 6

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

apply arc effect to the bridgeapply arc effect to the bridgeapply arc effect to the bridge

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.

create art brushcreate art brushcreate art brush

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.

expand art brushexpand art brushexpand art brush

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.

style the mustachestyle the mustachestyle the mustache

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%.

use rounded rectangle tool for the mouthuse rounded rectangle tool for the mouthuse rounded rectangle tool for the mouth

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.

use blend tool for the teethuse blend tool for the teethuse blend tool for the teeth

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.

modify the blend group and use clipping maskmodify the blend group and use clipping maskmodify the blend group and use clipping mask

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.

make the tongue with art brushmake the tongue with art brushmake the tongue with art brush

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).

modify the tonguemodify the tonguemodify the tongue

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.

create a ribboncreate a ribboncreate a ribbon

¡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.

create the letter B with Pen toolcreate the letter B with Pen toolcreate the letter B with Pen tool

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.

use blend tool for decorationuse blend tool for decorationuse blend tool for decoration

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.

make the letters dimensionalmake the letters dimensionalmake the letters dimensional

Coloca las letras encima del sombrero.

Place the letters on top of the hatPlace the letters on top of the hatPlace the letters on top of the hat

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.

use Pencil Tool N and freehand the lettersuse Pencil Tool N and freehand the lettersuse Pencil Tool N and freehand the letters

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.

add highlights add highlights add highlights

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

Put the letters on the center of our cylinder-hatPut the letters on the center of our cylinder-hatPut the letters on the center of our cylinder-hat

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.

use a custom font to create textuse a custom font to create textuse a custom font to create text

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.

create a pattern brush 1create a pattern brush 1create a pattern brush 1

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

create a pattern brush 2create a pattern brush 2create a pattern brush 2

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

add detailsadd detailsadd details

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".

create a pattern brush 3create a pattern brush 3create a pattern brush 3

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

apply pattern brushapply pattern brushapply pattern brush

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.

comparison of two methodscomparison of two methodscomparison of two methods

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.

distribute the letters around the glassesdistribute the letters around the glassesdistribute the letters around the glasses

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.

use the blob brush tooluse the blob brush tooluse the blob brush tool

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.

add text to the ribbonadd text to the ribbonadd text to the ribbon

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.

recolor your imagerecolor your imagerecolor your image

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.

add background with radial gradientadd background with radial gradientadd background with radial gradient

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.

add grain effect to the hatadd grain effect to the hatadd grain effect to the hat

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

add grain effect to other elementsadd grain effect to other elementsadd grain effect to other elements

¡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!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.