Cómo Crear un Efecto de Texto de Pay de Cereza en Adobe Illustrator

¿Te encanta un buen pay de cereza? ¡A mí sí! Así que divirtámonos y convirtámoslo en un efecto de texto de pay de cereza.

Al principio crearás la forma de las letras con los tradicionales bordes ondulados de un pay de cereza. Después de eso agregaremos el sabroso relleno con la ayuda de un Pincel de Dispersión Cereza, y luego es momento para las franjas entrelazadas arriba del pay de cereza.

No olvidemos la textura de la corteza del pay y el Pincel de Dispersión Azúcar Glass. Si quieres saber cómo crear todas éstas cosas, ¡comencemos!

Si tienes hambre de más efectos de texto o vectores de comida en general, entonces Graphic River te tiene cubierto con muchísimos recursos para elegir.

Recursos del Tutorial

Para completar el tutorial, necesitarás los siguientes recursos:

• Fuente Geis Knt
• Secuencia de Comandos Round Any Corner de 20 Secuencias de Comandos Gratuitos y Útiles para Adobe Ilustrator

1. Abre un Nuevo Documento

Lanza Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre para tu archivo, configura las dimensiones, y luego selecciona Pixeles como Unidades y RGB como Modo de Color. Asegúrate que la casilla Alinear Nuevos Objetos con Cuadrícula de Pixeles no esté marcada.

A continuación, ve a Edición > Preferencias > Generales y establece los Incrementos de Teclado en 1 px, y mientras estás ahí, ve a Unidades y asegúrate que estén establecidas como en la siguiente imagen. Generalmente trabajo con éstos parámetros, y te ayudarán a través de todo el proceso de dibujo.

2. Cómo Crear las Letras con Forma de Pay

Paso 1

Toma la Herramienta Texto (T) y escribe "PIE" en tu mesa de trabajo usando la Fuente Geist Knt, con un tamaño de 200 pt. En el campo Definir el tracking para los caracteres seleccionados, elige 200 para esparcir las letras.

Paso 2

Con el texto aún seleccionado, elige Expandir del menú Objeto y luego Desagrua (Mayúsculas-Control-G) para obtener las letras individuales.

Manten esas letras seleccionadas y ve a Efecto > Estilizar > Redondear Vertices. Aplica un Radio de 10 px y pulsa OK.

Paso 3

Con las letras aún seleccionadas, elige Expandir Apariencia del menú Objeto para expandir el efecto aplicado,  y después de eso, Desagrupa (Mayúsculas-Control-G) si es necesario.

Traza las letras con el Pincel Rombos 1, que puedes encontrar en el Menú Bibliotecas de Pinceles en Bordes > Bordes_Geométrico. Reduce el Grosor del Trazo a 0.75 pt.

Paso 4

Selecciona únicamente la letra "P" y elige Expandir Apariencia del menú Objeto para expandir el trazo del pincel aplicado. A continuación, presiona Unificar en el panel Buscatrazos para combinar el borde y la letra en una sola forma.

Repite lo mismo para las otras dos letras.

Paso 5

Con las nuevas letras aún seleccionadas, ve a Archivo > Secuencia de Comandos > Round Any Corner y apica un Radio de 5-6 para obtener los bordes redondeados que son característicos de un pay.

Si quieres hacer ajustes extra a los bordes ondeados, toma la Herramienta Selección Directa (A) y mueve algunos de los puntos o ajusta sus manejadores.

3. Cómo Agregar Textura a las Letras

Paso 1

Rellena las letras con el color indicado; luego ve a Efecto > Estilizar > Resplandor Interior y aplica los parámetros que se muestran abajo.

Paso 2

Con las letras aún seleccionadas, agrega un Nuevo Relleno arriba del primero y manten el mismo color de relleno. Luego, ve a Efecto > Textura > Texturizar y aplica los parámetros mostrados. Establece éste atributo de Relleno en Modo de Fusión Multiplicar y Opacidad 40%.

Paso 3

Para librarte de los bordes pixeleados generados por el efecto Texturizar, usaremos una máscara. Selecciona las tres letras y luego Copia y Pega Delante (Control-F) para tener copias de ellas; luego remueve todas las apariencias existentes del panel Apariencia.

Ahora, selecciona la letra "P" junto con la copia de la letra "P" y ve a Objeto > Máscara de Recorte > Crear (Control-7). Repite lo mismo para las otras dos letras, y tendrás bordes más definidos.

4. Cómo Crear un Pincel de Dispersión Cereza

Paso 1

Toma la Herramienta Elipse (L) y dibuja un pequeño círculo 18 x 18 px. Distorsiona éste círculo un poco con la ayuda de la Herramienta Selección Directa (A) para obtener la forma de la cereza, que debería ser perfectamente redonda.

Después, sigue la secuencia de imágenes y usa la Herramienta Pluma (P) para dibujar algunas formas al azar en la cereza como iluminaciones y sombreado.

Paso 2

Dibuja unas cuántas formas más pequeñas en la cereza para añadir más iluminaciones. Rellena éstas formas de blanco y reduce la Opacidad a 50%.

Paso 3

Agrupa (Control-G) todas las formas que conforman la cereza, que es muy pequeña. Arrastra el grupo al panel Pinceles y elige Nuevo Pincel de Dispersión. En la ventana Opciones de Pincel de Dispersión, sólo escribe un nombre para tu nuevo pincel y deja el resto de los parámetros como están.

5. Cómo Crear el Relleno del Pay de Cereza

Paso 1

Usa la Herramienta Selección Directa (A) para seleccionar las formas de las letras de abajo de la máscara, y luego ve a Objeto > Trazado > Desplazamiento. Aplica un Desplazamiento de -20 px y obtendrás las letras más pequeñas en el centro. Nombraré éstas formas "filling background".

Paso 2

Toma la Herramienta Lápiz (N) y dibuja un trazado circular al azar sobre las tres formas "filling background". Traza éstos trazados con el Pincel de Dispersión Cereza que guardaste antes. Con los trazados aún seleccionados, ve al panel Apariencia, abre la ventana Opciones de Trazo, y cambia los parámetros de Tamaño y Rotación como se muestra o hasta que obtengas una apariencia ligeramente desordenada.

Paso 3

Selecciona las tras formas "filling background" de abajo y luego Copia y Pega Delante (Mayúsculas-Control-V) para tener copias de ellas.

Ahora, selecciona el trazado definido de cereza sobre la letra "P" junto con la copia de "filling background" y ve a Objeto > Máscara de Recorte > Crear (Control-7). Repite lo mismo para las otras dos letras y enmascara el relleno de cereza.

6. Cómo Agregar Iluminaciones y Sombreado al Relleno del Pay de Cereza.

Paso 1

Hagamos el relleno de cereza más brillante. Haz un acercamiento sobre las letras y utiliza la Herramienta Lápiz (N) para dibujar un conjunto de trazados cortos siguiendo el contorno de las cerezas en el relleno. Puedes añadir tantas como quieras. Después de que termines, crea tres grupos de trazados, uno para cada letra.

Paso 2

Selecciona un Trazo blanco de 1 pt para todos éstos trazados y usa el Perfil de Anchura 2 en el panel Trazo. Establece la Opacidad para cada grupo de trazados a 80%.

Paso 3

Selecciona las tres formas "filling background" de abajo de las cerezas y luego Copia y Pega Delante (Mayúsculas-Control-V) para obtener copias de ellas. Usa blanco como el color de relleno, luego ve a Efecto > Estilizar > Resplandor Interior y aplica los parámetros mostrados abajo. Establece el Modo de Fusión en Multiplicar para hacer transparente el relleno blanco, y únicamente podrás ver la sombra interior.

7. Cómo Crear la Corteza Superior Enrejada

Paso 1

Enfócate en la letra "P" y dibuja unos cuántos trazados sobre el relleno de cereza en un motivo entrecruzado usando la Herramienta Lápiz (N). Los trazados no tienen que ser perfectamente derechos. Agrupa (Control-G) los trazados que no son consecutivos porque será más fácil obtener el diseño entrecruzado más adelante.

Por ejemplo, tengo cuatro grupos de franjas: blanca y verde en una dirección, y amarilla y azul en la dirección contraria.

Paso 2

Selecciona un Trazo de 8 pt para todas las franjas y presiona a opción Extremo Redondeado en el panel Trazo para obtener los extremos redondeados.

Paso 3

Con los cuatro grupos de franjas aún seleccionados, ve a Efecto > Estilizar > Sombra Paralela y aplica los parámetros mostrados.

En éste punto, puedes mezclar alrededor los grupos de franjas hasta que ésten en el orden correcto y luzcan perfectamente entrelazadas.

Paso 4

Ahora enfócate en la letra "I" y primero dibuja los trazados entrelazados. Aplica los mismos parámetros de antes y obtendrás el diseño superior entrecruzado.

Paso 5

Lo mismo aplica para la letra "E".

8. Cómo Crear la Textura de la Corteza del Pay

Paso 1

Toma la Herramienta Lápiz (N) y dibuja un trazado circular al azar sobre cada letra como se muestra en la siguiente imagen. Traza los trazados con el pincel Salpicaduras de Tinta 1 del Menu  Bibliotecas de Pinceles > Artístico > Artístico_Tinta. El Color del Trazo es negro y el Grosor del Trazo es 1 pt.

Paso 2

Con los tres trazados aún seleccionados, establece el Modo de Fusión en Superponer y la Opacidad en 40%.

Paso 3

Con los tre trazados aún seleccionados, agrega un Nuevo Trazo en el panel Apariencia arriba del primero. Ésta vez, usa el Pincel de Dispersión Manchas de Tinta del Menú Bibliotecas de Pinceles > Artístico > Artístico_Tinta. El Grosor del Trazo es 1 pt y el Color del Trazo es blanco (aunque por razones visuales, en la siguiente imagen el color es amarillo).

Paso 4

Establece el Modo de Fusión para el atributo del Segundo Trazo en Superponer y reduce la Opacidad a 30%.

Paso 5

Usa la Herramienta Selección Directa (A) para seleccionar la letra "P" de abajo de la máscara, y luego Copia y Pega Delante (Mayúsculas-Control-V) para hacer una copia de ella. Elimina todas las apariencias existentes del panel Apariencia.

Ahora, selecciona el trazado definido sobre la letra "P" junto con la copia de la letra y ve a Objeto > Máscara de Recorte > Crear (Control-7). Puedes nombrar el grupo resultante "pie crust texture".

Repite lo mismo para las otras dos letras y crea los bordes limpios alrededor del texto.

9. Cómo Cortar una Rebanada de Pay de Cereza

Paso 1

Usa la Herramienta Selección Directa (A) para seleccionar la letra "E" de debajo de la máscara y luego Copia y Pega Delante (Mayúsculas-Control-V) para hacer una copia de ella. Elimina las apariencias existentes y sólo dále un trazo (la forma azul). A continuación, usa la Herramienta Pluma (P) para dibujar una forma similar a un triángulo como la rebanada de pie (la forma verde). Antes de continuar, haz copias de éstas dos formas.

Ahora, con las dos formas seleccionadas, presiona Formar Intersección en el panel Buscatrazos para obtener la forma de la rebanada (1).

Toma las copias de las dos formas que acabas de hacer, y asegúrate de que la forma verde esté en frente de la forma azul. Mientras están seleccionadas, presiona Menos Frente en el panel Buscatrazos y obtendrás el resto de la letra "E" (2).

Nombraré la forma azul "E cut" y la forma verde "E slice".

Paso 2

Primero, selecciona todas las formas que conforman la letra "E" como un pay de cereza y Agrúpalas (Control-G). Nombra éste grupo "E cherry pie". Haz una copia de éste grupo en frente porque crearás dos máscaras.

Ahora, selecciona uno de los grupos "E cherry pie" junto con la forma "E cut" arriba y ve a Objeto > Máscara de Recorte > Crear (Control-7). Como resultado, obtendrás la letra "E" con la rebanada faltante (1).

Selecciona el segundo grupo "E cherry pie" junto con la forma "E slice" arriba, y ve a Objeto > Máscara de Recorte > Crear (Control-7). Como resultado obtendrás una rebanada de pay la cuál puedes mover en cualquier parte de tu mesa de trabajo (2),

10. Cómo Crear la Sombra Bajo el Pay de Cereza

Haz una copia de las siguientes formas: letra "P", letra "I", "E cut", y "E slice". Muévelas detras de todo al ir a Objeto > Organizar > Enviar Detrás (Mayúsculas-Control-[), y remueve todas las apariencias existentes.

Rellena éstas copias de negro; luego ve a Efecto > Estilizar > Sombra Paralela y aplica éste efecto cuatro veces.

Éstos son los parámetros para los efectos de la Sombra Paralela:

11. Cómo Crear el Escurridizo Relleno de Cereza

Paso 1

Usa la Herramienta Pluma (P) para dibujar una forma como se muestra abajo y rellénala del degradado radial mostrado. Con la ayuda de la Herramienta Degradado (G), ajusta la dirección y el ángulo del degradado.

A continuación, dibuja dos formas delgadas en el lado superior derecho como iluminaciones, y rellénalas con el degradado lineal mostrado abajo.

Agrupa (Control-G) todas las formas, y nombra el grupo "runny filling".

Paso 2

Escala y organiza el grupo "runny filling" dónde falta la rebanada de pay. Haz una copia del grupo, rótala, y organízala en el lado contrario.

Haz dos copias extra y organízalas en los lados de la rebanada. Asegúrate de que las dos pequeñas formas de iluminaciones del grupo "runny filling" estén hacia el exterior y estén visibles.

Selecciona todos los grupos "runny filling" y envíalos detrás de todo al ir a Objeto > Organizar > Enviar Detrás (Mayúsculas-Control-[). Puedes ver el resultado final en la imagen de abajo.

12. Cómo Agregar el Azúcar Glass en el Pay de Cereza

Paso 1

Primero, dibuja un pequeño círculo 10 x 10 px relleno de blanco (aunque por razones visuales, en la imagen de abajo el color es negro). Arrastra éste círculo al panel Pinceles y elige Nuevo Pincel de Dispersión. Estará ahí, pero no puedes verlo.

Paso 2

Usa la Herramienta Lápiz (N) para dibujar un trazado ondulado al azar en el lado superior derecho de la letra "P" y trázalo con el Pincel de Dispersión Azúcar que guardaste. Duplica el atributo de éste Trazo o agrega tantos como quieras hasta que estés satisfecho con la cantidad de azúcar glass y cómo qué tan densa se ve.

Abre la ventana Opciones de Trazo para cada atributo de Trazo en el panel Apariencia y arrastra el regulador de Tamaño y Espaciado a lo mínimo, que es 10%, para crear el azúcar glass realmente fino. También puedes experimentar con los parámetros de Dispersión hasta obtener el restulado deseado.

Después de que termines, mientras el trazado continúa seleccionado, presiona el ícono Nuevo Estilo Gráfico en la parte inferior del panel Estilos Gráficos para guardar el estilo.

Éstos son los parámetros que he usado en la ventana Opciones de Trazo para los cuatro atributos de Trazo:

Paso 3

Usa la Herramienta Lápiz (N) para dibujar más trazados ondulados siguiendo los bordes de las letras. Después de eso, simplemente selecciona el Estilo Gráfico Azúcar guardado anteriormente.

Para agregar aún más azúcar glass, dibuja más trazados sobre las otras y aplica de nuevo Estilo Gráfico Azúcar.

Paso 4

Selecciona las letras "P", "I", y "E" y luego Copia y Pega en el mismo Lugar (Mayúsculas-Control-V) para hacer copias de ellas. Tráelas al frente de todo al ir a Objeto > Organizar > Traer al Frente (Mayúsculas-Control-], y luego elimina todas las apariencias existentes. Con las tres copias aún seleccionadas, ve a Objeto > Trazo Compuesto > Crear (Control-8).

Ahora, selecciona todos los trazados definidos del azúcar junto con el trazado compuesto y ve a Objeto > Máscara de Recorte > Crear (Control-7).

Paso 5

Si añades azúcar glass junto a la rebanada faltante o en la rebanada de pay, necesitas mover éstos trazados definidos bajo las máscaras existentes en el panel Capas (las máscaras "E cut" y las máscaras "E slice" de cuándo la rebanada fue primero hecha). De ésta forma obtendrás los bordes limpios sin crear otra máscara.

¡Felicidades! Terminaste

El efecto de texto de pay de cereza está listo, y aquí está la imagen final. Éto fue muy divertido de crear, y espero que hayas disfrutado el tutorial. No olvides compartir tu recreación de éste delicioso efecto de texto con nosotros.