Cómo crear un efecto de texto de velas de celebración en Adobe Illustrator

En los siguientes pasos aprenderás cómo crear un efecto de texto de velas de celebración en Adobe Illustrator.

Para empezar, aprenderás cómo configurar una cuadrícula sencilla y cómo crear un fondo con motivos aplicados sutilmente. Usando una fuente gratuita y el panel Apariencia junto con algunas técnicas de fusión y agrupación, aprenderás cómo crear las principales formas del texto. Aprenderás cómo hacer tu trabajo más fácil con íconos de objetivo y cómo organizar tus formas dentro del panel Capas. Por último, aprenderás cómo usar algunos efectos de deformación y cómo añadir texturas sutiles y sombreado.

Para más inspiración sobre cómo ajustar o mejorar tu efecto de texto final, puedes encontrar muchos recursos en GraphicRiver.

1. Cómo crear un nuevo documento y configurar una cuadrícula

Pulsa Control-N para crear un nuevo documento. Selecciona Pixeles del menú desplegable Unidades, introduce 850 en las casillas de anchura y altura y luego haz clic en el botón Más ajustes. Selecciona RGB para el Modo de color, establece Efectos de rasterizado en Pantalla (72 ppp) y luego haz clic en OK.

Habilita la cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitarás una cuadrícula cada 1 px, así que simplemente ve a Edición > Preferencias > Guías y cuadrícula, introduce 1 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. Trata de no desanimarte por toda esa cuadrícula; te facilitará el trabajo y ten en cuenta que fácilmente puedes habilitarla o deshabilitarla usando el atajo de teclado Control-".

Puedes aprender más sobre el sistema de cuadrícula de Illustrator en este breve tutorial de Andrei Stefan: Comprendiendo el sistema de cuadrícula de Adobe Illustrator.

También deberías aprender el panel Información (Ventana >  Información) para una previsualización instantánea con el tamaño y la posición de tus formas. No olvides establecer la unidad de medición en pixeles desde Edición > Preferencias > Unidades. Todas estas opciones incrementarán significativamente tu velocidad de trabajo.

2. Cómo crear el fondo y añadir texto

Paso 1

Toma la herramienta Rectángulo (M) y enfócate en tu barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y establece su color en R=155 G=173 B=202.

Dirígete a tu mesa de trabajo, crea un cuadrado de 860 px y asegúrate de que cubra toda tu mesa de trabajo.

Paso 2

Abre el menú extendible de tu panel Muestras (Ventana > Muestras) y ve a Abrir biblioteca de muestras > Motivos > Gráficos básicos > Gráficos básicos_Texturas. Esto abrirá un nuevo panel con algunos motivos preelaborados.

Asegúrate de que tu cuadrado azul siga seleccionado, enfócate en el panel Apariencia (Ventana > Apariencia) y agrega un nuevo relleno usando el botón Añadir nuevo relleno. Selecciona este nuevo relleno, aplica el motivo Media tinta Irregular, y luego disminuye su Opacidad a 30% y cambia el Modo de fusión a Luz suave.

Paso 3

Enfócate en el panel Capas (Ventana > Capas), bloquea la capa existente y luego añade una segunda capa usando el botón Crear nueva capa. Selecciónala.

Toma la herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Coiny y establece el tamaño en 170 px. Simplemente haz clic en tu mesa de trabajo y añade el texto "FIRST 10 DAYS". Colócalo en el centro de tu mesa de trabajo y establece el color en R=255 G=242 B=161.

Paso 4

Asegúrate de que tu texto siga seleccionado, ve a Texto > Crear contornos, y luego solo pulsa las teclas Mayúsculas-Control-G para Desagrupar el grupo resultante.

3. Cómo estilizar las formas de las letras

Paso 1

Concentrémonos en una de esas formas de letras. Selecciónala y ve al panel Apariencia.

Selecciona el relleno existente, remplaza el color con el degradado lineal mostrado abajo, y luego aplica Efecto > Trazado > Desplazamiento. Introduce Desplazamiento de 6 px, haz clic en el botón OK y luego aplica Efecto > Distorsionar y transformar > Emborronar. Introduce los atributos mostrados en la siguiente imagen, haz clic en el botón OK y luego aplica Efecto > Estilizar > Resplandor interior. Introduce los atributos mostrados en la siguiente imagen y luego haz clic en el botón OK.

Paso 2

Asegúrate de que tu forma de letra estilizada siga seleccionada y mantente enfocado en el panel Apariencia.

Selecciona el trazo y remplaza el color con el degradado lineal mostrado a continuación. Disminuye su Opacidad a 70% y cambia el Modo de fusión a Luz suave y luego haz clic en el texto "Stroke" para abrir el panel extendible Trazo. Incrementa el Grosor a 4 px y marca el botón Alinear trazo al exterior.

Paso 3

Asegúrate de que tu forma de letra estilizada siga seleccionada y mantente enfocada en el panel Apariencia. Añade un segundo trazo usando el botón Añadir nuevo trazo y selecciónalo.

Establece el color en R=241 G=77 B=12 y Grosor en 5 px y luego ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -2px, haz clic en el botón OK y luego aplica Efecto > Distorsionar y transformar > Emborronar. Introduce los atributos mostrados en la siguiente imagen, haz clic en el botón OK y luego ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos mostrados abajo y luego haz clic en el botón OK.

Paso 4

Asegúrate de que tu forma de letra estilizada siga seleccionada y mantente enfocado en el panel Apariencia. Añade un tercer trazo y selecciónalo.

Establece el color en R= 252 G=138 B=6 y el Grosor en 3 px y luego aplica Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -2 px, haz clic en el botón OK y luego aplica Efecto > Distorsionar y transformar > Emborronar. Introduce los atributos mostrados en la siguiente imagen, haz clic en el botón OK y luego abre el menú extendible Trazo. Concéntrate en la parte inferior, abre el menú desplegable Perfil y selecciona Perfil de anchura 2.

Paso 5

Asegúrate de que tu letra estilizada siga seleccionada y mantente enfocado en el panel Apariencia. Añade un cuarto trazo y selecciónalo.

Establece el color en R=255 G=191 B=23 y el Grosor en 1 px y luego aplica Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -2 px, haz clic en el botón OK y luego ve a Efecto > Distorsionar y transformar > Emborronar. Introduce los atributos mostrados en la siguiente imagen, haz clic en el botón OK y luego abre el menú extendible Trazo. Abre el menú desplegable Perfil y selecciona Perfil de anchura 6.

Paso 6

Enfócate en el panel Capas, abre la capa superior y usa esos íconos de objetivo para aplicar fácilmente los atributos de Apariencia utilizados para tus primeras formas de letras para el resto de tus formas. Los íconos de objetivo son los pequeños íconos redondos mostrados en la extrema derecha de cada capa o forma individual. Mantén presionado el botón Alt y haz clic en el ícono de objetivo que representa el de tus formas de letra estilizadas y luego arrástralo a uno de los íconos objetivo que representan las otras formas de letras. Usa esta misma técnica para estilizar el resto de tus formas.

4. Cómo crear los soportes de plástico

Paso 1

Enfócate en el lado inferior de tus primeras formas de letras. Usando la herramienta Rectángulo (M), crea una forma de 20 x 25 px y colócala como se muestra en la siguiente imagen.

Rellénala con un púrpura aleatorio y luego ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 2 px, haz clic en el botón OK y luego aplica Efecto > Deformar > Arco inferior. Introduce los atributos mostrados en la siguiente imagen y luego haz clic en el botón OK.

Paso 2

Usando la herramienta Rectángulo (M), crea una forma de 6 x 20 px y colócala como se muestra en la siguiente imagen.

Rellénala de negro y luego ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 1 px, haz clic en el botón OK y luego aplica Efecto > Deformar > Arco superior. Introduce los atributos mostrados en la siguiente imagen y luego haz clic en el botón OK.

Paso 3

Asegúrate de que tus formas negras y púrpuras sigan seleccionadas y aplica Objeto > Expandir apariencia. Selecciona las formas resultantes, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Menos frente.

Paso 4

Asegúrate de que tus forma púrpura siga seleccionada y enfócate en el panel Apariencia. Selecciona el relleno, remplaza el color con el degradado lineal mostrado abajo, y luego aplica Efecto > Estilizar > Sombra paralela. Introduce los atributos mostrados en la siguiente imagen y luego haz clic en el botón OK.

Paso 5

Asegúrate de que tu diminuta forma siga seleccionada y aplica Efecto > Estilizar > Redondear vértices. Introduce un Radio de 2 px, haz clic en el botón OK y aplica Efecto > Deformar > Arco inferior. Introduce los atributos mostrados en la siguiente imagen y luego haz clic en el botón OK. Una vez que termines, envía esta forma detrás usando el atajo de teclado Mayúsculas-Control-[.

Paso 6

Multiplica tu diminuta forma (Control-C > Control-V) y esparce las copias como se muestra en la siguiente imagen. No olvides enviarlas detrás (Mayúsculas-Control-[).

5. Cómo añadir sombreado y una serie de puntos de color

Paso 1

Selecciona tu primera forma de letra junto con la diminuta y Agrúpalas (Control-G).

Paso 2

Asegúrate de que tu nuevo grupo siga seleccionado y aplica Efecto > Estilizar > Sombra paralela. Introduce los atributos mostrados en la ventana izquierda (en la siguiente imagen), haz clic en el botón OK y luego aplica los otros dos efectos de Sombra paralela mostrados a continuación.

Paso 3

Mueve el resto de tus formas y Agrúpalas como lo hiciste con las primeras dos. De nuevo, usa los íconos de objetivo en el panel Capas para transferir fácilmente los efectos de Sombra paralela de un grupo a otro.

Paso 4

Enfócate en el panel Capas, bloque tu segunda capa y añade una tercera. Selecciónala.

Usando la herramienta Elipse (L), crea una serie de círculos de 5 px, espárcelos como se muestra en la siguiente imagen y rellénalos con los seis colores mostrados a continuación.

Paso 5

Multiplica tus círculos de colores y espárcelos como se muestra en la siguiente imagen.

Paso 6

Selecciona todos tus círculos de colores y aplica Efecto > Distorsionar y transformar > Emborronar. Introduce los atributos mostrados en la siguiente imagen y luego haz clic en el botón OK.

6. Cómo crear las flamas

Paso 1

Concéntrate en el panel Capas, bloquea tu tercera capa y añade una cuarta. Selecciónala y luego enfócate en la parte superior de tu primera forma de letra.

Usando la herramienta Elipse (L), crea una forma de 16 x 45 px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Concéntrate en la parte superior del círculo apretado, toma la herramienta Punto de ancla (Mayúsculas-C) y simplemente haz clic en ese punto de ancla.

Paso 2

Usando la herramienta Elipse (L), crea una forma de 10 x 34 px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Asegúrate de que esta nueva forma siga seleccionada, toma la  herramienta Punto de ancla (Mayúsculas-C) y haz clic en el punto de ancla superior.

Paso 3

Usando la herramienta Elipse (L), crea una forma de 6 x 22 px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Asegúrate de que esta nueva forma siga seleccionada, toma la herramienta Punto de ancla (Mayúsculas-C) y haz clic en el punto de ancla superior.

Paso 4

Usando la herramienta Rectángulo (M), crea una forma de 2 x 32 px, rellénala con el degradado lineal mostrado abajo y colócala como se muestra en la primera imagen. Asegúrate de que esta nueva forma siga seleccionada y toma la herramienta Selección directa (A). Selecciona los puntos de ancla y ve a Objeto > Trazado > Promediar (Alt-Control-J). Marca la casilla Ambos y luego haz clic en el botón OK.

Paso 5

Usando la herramienta Elipse (L), crea una forma de 12 x 22 px, rellénala con R=255 G=247 B=209 y colócala como se muestra en la primera imagen. Disminuye su Opacidad a 40% y cambia el Modo de fusión a Superponer.

Usando la misma herramienta, crea una forma de 6 x 2 px y rellénala con el degradado lineal mostrado abajo. Colócala como se muestra en la segunda imagen y envíala detrás (Mayúsculas-Control-[).

Paso 6

Selecciona todas las formas que conforman la flama y Agrúpalas (Control-G). Multiplica este grupo (Control-C > Control-V) y esparce las copias como se muestra en la siguiente imagen.

Paso 7

Selecciona tu primer grupo de flamas y aplica Efecto > Deformar > Bandera. Introduce los atributos mostrados en la siguiente imagen y luego haz clic en el botón OK. Selecciona el resto de los grupos y aplica el mismo efecto Deformar-bandera, pero experimenta con el atributo Curvar.

Paso 8

Toma la herramienta Elipse (L) y crea una serie de círculos de 40 px. Rellena estas nuevas formas con R=255 G=247 B=209 y colócalas como se muestra en la siguiente imagen.

Paso 9

Asegúrate de que tu conjunto de círculos de 40 px siga seleccionado, envíalo detrás (Mayúsculas-Control-[) y luego concéntrate en el panel Apariencia. Disminuye la Opacidad a 25% y cambia el Modo de fusión a Superponer y luego aplica Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 10 px y luego haz clic en el botón OK.

7. Cómo añadir sombreado y una textura sutil

Paso 1

Crea un nuevo cuadrado de 860 px, asegúrate de que cubra toda tu mesa de trabajo y rellénala con un degradado lineal mostrado abajo. Ten en cuenta que el cero en amarillo de la imagen del Degradado (Ventana > Degradado) representa el porcentaje de la Opacidad. Enfócate en el panel Apariencia y selecciona el relleno existente. Disminuye su Opacidad a 70% y cambia el Modo de fusión a Luz suave.

Paso 2

Asegúrate de que tu forma más reciente siga seleccionada, concéntrate en el panel Apariencia y añade un segundo relleno. Selecciónala y establece el color en negro, disminuye su Opacidad a 15% y cambia el Modo de fusión a Luz suave y luego aplica Efecto > Artístico > Película granulada. Introduce los atributos mostrados en la siguiente imagen, haz clic en el botón OK y terminaste.

¡Felicidades! ¡Terminaste!

Así es cómo debería lucir. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.

Siéntete libre de ajustar el diseño final y hacerlo tuyo. Puedes encontrar algunos magníficos recursos de inspiración en GraphicRiver, con soluciones interesantes para mejorar tu diseño.