Cómo crear un efecto de texto de un bagel delicioso en Adobe Illustrator

Sigue este tutorial y aprende a crear un efecto de texto de bagel en Adobe Illustrator.

Comenzaremos con el texto y haremos algunos ajustes para obtener las letras individuales. Después de eso, aprenderás a crear la textura del bagel y añadir sombreado e iluminación para que este efecto de texto sea lo más realista posible.

Después, crearemos y guardaremos el Pincel de dispersión de semillas de amapola y lo usaremos para añadir las semillas en las letras y alrededor de las letras en el fondo. ¡Esto suena divertido, así que comencemos!

Si quieres más efectos de texto o alimentos vectoriales en general, ingresa a GraphicRiver y sin duda encontrarás lo que estás buscando.

Recursos para el tutorial

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

• Fuente Pleasantly Plump I dafont.com
• Pincel artístico negro de fusión I Cómo crear un grupo de pinceles de fusión multiusos

1. Cómo abrir un nuevo documento

Abre Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre para el archivo, configura las dimensiones y luego, selecciona Píxeles como unidades y RGB como modo de color. Asegúrate de que la casilla Alinear nuevos objetos a la cuadrícula de píxeles no esté activada.

Luego, ve a Edición > Preferencias > General y establece el Incremento de teclado en 1 px y, mientras estés allí, ve a Unidades para asegurarte de que estén establecidas como en la siguiente imagen. Normalmente trabajo con estos ajustes y te ayudarán durante todo el proceso de dibujo.

2. Cómo preparar el texto

Paso 1

Selecciona la Herramienta texto (T) y escribe "BAGEL" en tu mesa de trabajo con la fuente Pleasantly Plump, tamaño de 140 pt (1).

Ahora, usa la Herramienta selección (V) para seleccionar la pieza de texto y arrastrar el cuadro delimitador hacia arriba con el fin de hacer el texto un poco más alto (2).

Paso 2

Mientras el texto siga seleccionado, elige Expandir y Desagrupar en el menú Objeto para obtener las formas de letras individuales. Selecciona solo las letras "B" y "A", ve a Objeto > Trazado compuesto > Soltar, y después de eso, elimina las tres pequeñas elipses que componen los agujeros.

3. Cómo crear la textura del bagel

Paso 1

Rellena las letras con un marrón claro y luego añade un nuevo Relleno en el panel Apariencia encima del primero. Usa un tono cálido de marrón para el segundo relleno; luego ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de -10 px.

Paso 2

Mantén las letras seleccionadas y mantén también el segundo atributo de Relleno seleccionado en el panel Apariencia y ve a Efecto > Estilizar > Resplandor interior. Aplica los ajustes mostrados en el lado izquierdo para las letras "B" y "A" y aplica los ajustes mostrados en el lado derecho para las letras "G", "E" y "L".

Paso 3

Con las letras seleccionadas y también el segundo atributo de Relleno seleccionado, ve a Efecto > Desenfoque > Desenfoque gaussiano y aplica un Radio de 3 px.

Paso 4

Con las letras aún seleccionadas, añade un Nuevo relleno en la parte superior del panel Apariencia y usa el color indicado. Ve a Efecto > Textura > Texturizar y aplica los ajustes que se muestran en la imagen; luego establece el Modo de fusión en Superponer y reduce la Opacidad al 30%.

Paso 5

Añadiremos algunas iluminaciones en los bordes. Selecciona la Herramienta pluma (P) y dibuja dos o tres trazados en cada letra, siguiendo los bordes. Dales un Trazo amarillo claro de 3 pt y elige el Perfil ancho 2 en el panel Trazo. Cuando termines, aplica un Desenfoque gaussiano de 1,5 px para todos ellos.

4. Cómo crear los agujeros

Paso 1

Selecciona la Herramienta elipse (L) y dibuja dos pequeñas formas de aproximadamente 16 x 14 px en la letra "B" y una forma en la letra "A" como agujeros. Selecciona el blanco como el color de relleno y un Trazo de 6 pt de color amarillo pálido. Además, presiona la opción Trazo alineado al exterior en el panel Trazo. Luego, ve a Efecto > Desenfoque > Desenfoque Gaussiano y aplica un Radio de 4 px para todos ellos.

Paso 2

Ahora, selecciona el atributo de Trazo existente y elige Duplicar elemento en el menú desplegable del panel Apariencia. Como resultado, obtendrás un segundo atributo Rellenar en la parte superior. Mantén los mismos ajustes y simplemente reduce el Grosor del trazo de 6 pt a 3 pt.

5. Cómo enmascarar las letras

Paso 1

Selecciona la forma de la letra "B" junto con los dos agujeros y luego copia y pega en mismo lugar (Shift+Control+V) para obtener copias de ellas. Después de eso, elimina todas las apariencias existentes para las copias (ningún trazo, ningún relleno). Sólo por razones visuales, en la imagen de abajo le di un trazo simple, pero no tienes que hacerlo.

Mientras se selecciona la copia de la letra "B" y las copias de los agujeros, ve a Objeto > Trazado compuesto > Crear (Control+8) para obtener una nueva forma "B".

Repite lo mismo para la letra "A". Para las letras "G", "E" y "L", simplemente copia las letras originales delante de todo y no olvides eliminar las apariencias existentes.

Paso 2

Ahora, selecciona la Herramienta selección (V) y arrastra una selección sobre la letra "B" para seleccionar todo, incluida la copia del paso anterior que debería estar delante, y establécela en ningún trazo y ningún relleno. Ve a Objeto > Máscara de recorte > Crear (Control+7).

Repite lo mismo para las otras letras y obtendrás bordes lisos.

6. Cómo añadir sombreado e iluminaciones a las letras

Paso 1

Usa la Herramienta pluma (P) para dibujar algunas formas en cada letra como se muestra en la siguiente imagen. Rellénalos de marrón y luego aplica un Desenfoque gaussiano de 4 px. Reduce la Opacidad al 35%. Esto creará la apariencia de las cortezas doradas en nuestras letras de bagel.

Paso 2

Para añadir algo de brillo, primero selecciona la Herramienta pluma (P) y dibuja dos o tres trazados curvos cortos en cada letra, principalmente en la parte superior derecha. Traza estos caminos con el Pincel de arte de fusión negra 100x3 (información abajo). Mantén el Grosor del trazo en 1 pt y utiliza el color indicado. Cuando hayas terminado, aplica un Desenfoque gaussiano de 1.2 px a todos ellos.

Tengo un tutorial completo dedicado a Pinceles de fusión y lo útiles que son: Cómo crear un grupo de pinceles de fusión multiusos. Puedes encontrar más información sobre el Pincel de arte de fusión negra 100x3 utilizado aquí, cómo crearlo y cómo guardarlo en el panel Pinceles. Utilizo estos Pinceles de fusión todo el tiempo en mis dibujos y definitivamente deberías tenerlos en tu biblioteca, siempre listos para usar.

7. Cómo crear el pincel de dispersión de semillas de amapola

Paso 1

Selecciona la Herramienta elipse (L) y dibuja una elipse de 21 x 31 px con relleno gris (1). Copia y pega delante (Control+F) esta elipse y cambia el color de relleno a negro y, después de eso, dibuja una pequeña elipse en el centro relleno de blanco (2).

Ahora, selecciona la elipse en blanco y negro y ve a Objeto > Fusión > Opciones de fusión. Elige 10 pasos especificados y luego regresa a Objeto > Fusión > Crear (Alt+Control+B). Establece el grupo de fusión resultante en Superposición de modo de fusión (3).

Paso 2

Selecciona todas las formas que componen la semilla de amapola y arrástralas al panel Pinceles. Elige Nuevo pincel de dispersión y presiona OK. En la ventana Opciones de pincel de dispersión, simplemente dale un nombre a tu pincel y deja los ajustes tal como están por el momento.

8. Cómo usar el cepillo de dispersión de semillas de amapola

Paso 1

Selecciona la Herramienta lápiz (N) y dibuja un trazado espiral aleatorio en cada letra, como se muestra en la siguiente imagen. Traza estos caminos con el Pincel de dispersión de semillas de amapola y reduce el Grosor del trazo a 0.75 pt. Abre la ventana Opciones de trazo desde el panel Apariencia y juega con los ajustes Tamaño, Espaciado, Dispersión y Rotación para obtener un aspecto realista.

Estos son los ajustes que he usado. Además, cambia la Rotación en relación con el trazado.

Paso 2

Cuando estés satisfecho con tus semillas de amapola, selecciona todos los trazados y elige Expandir apariencia en el menú Objeto. Ahora, por ejemplo, enfócate en la letra "A" y haz doble clic en el grupo de semillas de amapola para entrar en el Modo de aislamiento.

En este punto podrás seleccionar las semillas de amapola individualmente y eliminar las que caen sobre el borde de la letra (1). Una vez que el área alrededor de la letra esté libre, puedes presionar la flecha de Retroceso de un nivel hasta que salga del Modo de aislamiento (2).

Repite lo mismo para el resto de los grupos de semillas de amapola en las otras letras y puedes ver el resultado final en la siguiente imagen (3).

Paso 3

Selecciona todos los grupos de semillas de amapola y ve a Efecto > Estilizar > Sombra paralela. Aplica los ajustes que se muestran en la imagen y presiona OK.

Paso 4

Si deseas añadir más semillas de amapola en algunas áreas para lograr un aspecto más realista, utiliza la Herramienta lápiz (N) o la Herramienta pluma (P) para dibujar uno o dos trazados adicionales en cada letra como se muestra en la siguiente imagen. Traza estos trazados con el Pincel de dispersión semillas de amapola y reduce nuevamente el Grosor del trazo a 0.75 pt.

Después de eso, abre la ventana Opciones de trazo y juega principalmente con los ajustes de Dispersión porque esta vez las semillas de amapola deben estar más cerca del trazado.

Estos son los ajustes que he utilizado:

Paso 5

Aquí hay una imagen de antes (1) y después (2). Ahora tenemos más semillas de amapola en las letras del bagel.

9. Cómo crear la sombra

En este paso, necesitas las formas que utilizaste para enmascarar las letras anteriormente en el tutorial, así que selecciona esas formas y Copia y Pega en el mismo lugar (Shift+Control+V) para obtener copias de ellas. Mueve estas copias de las letras en una nueva capa detrás del efecto de texto. Ahora, ve a Efecto > Estilizar > Sombra paralela y aplica este efecto cuatro veces.

Aquí están los ajustes para los cuatro efectos de Sombra paralela en orden:

10. Cómo añadir semillas de amapola adicionales

Paso 1

Puedes añadir semillas de amapola adicionales alrededor de las letras, pero esto es opcional y parte del fondo. Usa la Herramienta lápiz (N) para dibujar un trazado aleatorio sobre las letras como se muestra en la siguiente imagen y muévelo a una nueva capa detrás de las sombras. Traza con el Pincel de dispersión de semillas de amapola, reduce el Grosor del trazo a 0.75 pt y cambia los ajustes del pincel como lo hiciste antes.

Paso 2

Cuando estés satisfecho con el resultado, selecciona este trazado y elige Expandir apariencia en el menú Objeto. Ahora, entra en Modo aislamiento y limpia algunas de las áreas donde hay demasiadas semillas de amapola superpuestas o simplemente no te gusta dónde están. Sal del Modo de aislamiento cuando hayas terminado.

Paso 3

Lo último es seleccionar el grupo de semillas de amapola en segundo plano y aplicar un efecto de Sombra paralela.

¡Felicitaciones! Terminaste

Esta es la imagen final del efecto de texto de bagel. Espero que este tutorial haya sido divertido y si decides recrear este efecto de texto, no te olvides de compartir una imagen con nosotros. Me encantaría verlo.