1. Design & Illustration
  2. Typography

Cómo crear un delicioso efecto de texto de gominolas en Photoshop

Scroll to top

Spanish (Español) translation by Rosario (you can also view the original English article)

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

En este tutorial, te mostraré cómo crear un delicioso efecto de texto de gominola en Adobe Photoshop usando un simple pincel personalizado, un trazo y algunos estilos de capas. ¡Empecemos!

Recursos del tutorial

Los siguientes recursos se utilizaron durante la producción de este tutorial. Si no están disponibles, es posible que tengas que encontrar alternativas.

1. Crea la punta del pincel

Paso 1

Crea un nuevo documento de 500 x 500px, elige la herramienta Elipse y crea una elipse de 175 x 385px en el centro del documento.

Paso 2

Elige la herramienta Selección directa, y luego haz clic y arrastra para seleccionar los dos puntos de anclaje horizontales de la elipse.

Paso 3

Presiona la Tecla flecha izquierda un par de veces para mover los puntos seleccionados un poco hacia la izquierda.

Paso 4

Ahora selecciona los dos puntos verticales, luego ve a Edición > Transformar > Escala, mantén pulsada la tecla Alt y arrastra el lado derecho hacia afuera. La tecla Alt arrastrará el lado izquierdo hacia afuera al mismo tiempo. Pulsa la tecla Enter cuando hayas terminado para aceptar los cambios.

Paso 5

Después de eso, usa la herramienta Selección directa para seleccionar los puntos que tienes y moverlos, hasta que consigas la forma de frijol que te guste.

Paso 6

Ve a Edición > Definir valor de pincel y escribe un nombre para la punta del pincel.

2. Crea el fondo

Paso 1

Crea un nuevo documento de 1250 x 1250px, y establece el valor Resolución en 200.

Coloca el color de Primer plano en #f7f7f7 y el color de Fondo en #cdc9c8. Elige la herramienta Degradado, elige el relleno de degradado desde el Primer plano al fondo y haz clic en el icono de Degradado radial.

Luego, haz clic y arrastra desde el centro del documento a una de las esquinas para crear el degradado de fondo, y duplica la capa de Fondo.

Paso 2

Haz doble clic en la copia de la capa de Fondo para aplicar un efecto de Superposición de motivo:

  • Modo de fusión: Multiplicar
  • Opacidad: 60%
  • Motivo: Pared rocosa

Paso 3

Esto aplicará una textura sutil al fondo.

3. Crea el texto

Paso 1

Crea el texto utilizando la fuente "Insaniburger". Si vas a usar más de una línea de texto, crea cada una en una capa separada.

Paso 2

En este tutorial, también se utilizan diferentes tamaños de fuente. El Tamaño de texto más grande es 150pt, y el Tamaño de texto más pequeño es 100pt. El valor Tracking (separación de caracteres) está configurado en 75 para evitar cualquier superposición de los trazos.

4. Crea el trazado de trabajo

Paso 1

Haz clic con el botón derecho en la capa de texto y selecciona Crear trazado de trabajo.

Paso 2

Oculta la capa de texto más grande haciendo clic en el icono del ojo que está a su lado, crea una nueva capa encima de la capa de texto y llámala Trazo, luego elige la herramienta Pincel.

5. Traza el texto con pincel

Paso 1

Abre el panel Pincel (Ventana > Pincel), escoge la punta del frijol que definiste y modifica sus Ajustes como se muestra a continuación:

Forma de la punta del pincel.

Paso 2

Dinámica de forma

Paso 3

Establece el color del Primer plano en #000000, y luego pulsa la tecla Enter una vez para contornear el trazado con el pincel modificado.

6. Corrige las áreas superpuestas

Paso 1

Algunas áreas tendrán puntas superpuestas, que deben corregirse.

Paso 2

Para ello, usa la herramienta Borrador en esas áreas.

Paso 3

Luego elige la herramienta Pincel una vez más, y comienza a hacer clic y arrastrar ligeramente para rellenar esas partes vacías. Es importante seguir el flujo (dirección) original del área que se está llenando, porque de lo contrario, las puntas añadidas se verán mal.

Paso 4

Asegúrate de no dejar ninguna punta conectada o superpuesta antes de avanzar al siguiente paso.

7. Estilo de los frijoles

Paso 1

Haz doble clic en la capa Trazos para aplicar el siguiente Estilo de capa:

  • Tamaño: 7
  • Desmarca la casilla Usar luz global
  • Ángulo: 117
  • Altitud: 58
  • Marca la casilla Suavizado
  • Modo resaltado - Opacidad: 65%
  • Modo de sombra:
  • Color: #aeaeae
  • Opacidad: 15%
Bisel y relieve

Paso 2

  • Marca la casilla Suavizado.
Contorno

Paso 3

  • Motivo: Arena blanca
  • Profundidad: 50%
Textura

Paso 4

  • Modo de fusión: Superponer
  • Opacidad: 70%
  • Color: #ffffff
  • Técnica: Preciso
  • Fuente: Centro
  • Tamaño: 16
Resplandor interior

Paso 5

  • Color: #75b602

Aquí es donde puedes elegir el color que te gusta para tus gominolas, así que juega con los colores y usa los que quieras.

Superposición de colores

Paso 6

  • Opacidad: 20%
  • Tamaño: 7
Sombra paralela

Paso 7

Esto estilizará el trazo. El mismo Estilo de capa será usado para las otras capas de frijoles también, pero la Superposición de colores será modificada para obtener diferentes colores.

Así que copia el Estilo de capa haciendo clic derecho en la capa Trazo, y eligiendo Copiar estilo de capa.

8. Rellena el texto

Paso 1

Crea una nueva capa debajo de la capa Trazo, y llámala Rosa 1, o cualquier otro nombre del color que vayas a usar para empezar a rellenar el texto. Nombrar las capas hará que sea más fácil identificarlas, y añadir los números te ayudará a saber el orden, ya que el mismo color se usará más de una vez para diferentes capas.

Para cada capa que vayas a crear, deberás hacer clic con el botón derecho del ratón y elegir Pegar estilo de capa. También puedes copiar el Estilo de capa de un determinado color, y pegarlo al crear una nueva capa del mismo color más adelante.

Paso 2

Haz doble clic en la capa Rosa 1 para cambiar el Color de la Superposición de colores a #da296c. Puedes volver y cambiar el color, una vez que veas cómo luce cuando crees los frijoles.

Paso 3

Usando el pincel de frijoles modificado, comienza a hacer clic y arrastrar ligeramente para esparcir algunos frijoles dentro del texto. Tendrás que añadir un frijol a la vez.

Paso 4

Luego, continúa creando nuevas capas, copiando y pegando Estilos de capa, cambiando colores, y colocando frijoles por todo el texto hasta que te guste el resultado. A continuación se muestran las capas y los colores utilizados en este tutorial (de arriba a abajo):

  • Rosa 3 - #da296c
  • Verde 2 - #75b602
  • Púrpura 2 - #4f2b3a
  • Amarillo 2 - #ddc64b
  • Naranja 2 - #ea9400
  • Púrpura 1 - #4f2b3a
  • Amarillo 1 - #ddc64b
  • Rosa 2 - #da296c
  • Verde 1 - #75b602
  • Naranja 1 - #ea9400
  • Rosa 1 - #da296c

9. Añade más frijoles a las letras

Paso 1

Selecciona la capa Trazos y usa la herramienta Borrador para borrar la parte inferior de una de las letras que tienes, preferiblemente la última. Luego, usa la herramienta Pincel para añadir algunos frijoles a los lados del área borrada, haciendo que parezca que ha sido abierta.

Paso 2

Selecciona 3 o 4 capas de frijoles al azar, y añade un frijol a cada una de ellas, como si estuvieran cayendo de la parte abierta.

Paso 3

Agrupa todas las capas de frijoles que tienes para mantener las cosas organizadas.

10. Crea un trazado de trabajo para un texto más pequeño

Paso 1

Selecciona la herramienta Pluma, elige la opción Trazado en la barra de Opciones, crea una nueva capa sobre la capa de texto más pequeña y llámala con el texto más pequeño que hayas creado.

Luego, comienza a crear un trazado de trabajo en el centro del texto más pequeño. Haz clic una vez para añadir puntos de anclaje, y haz clic y arrastra para crear curvas. Utiliza el texto como referencia para agregar el trazado. No es necesario que lo sigas exactamente o que lo hagas perfecto, ya que trabajaremos en eso a continuación.

Puedes crear un trazado de trabajo para todas las letras al mismo tiempo. Para separarlas al hacerlo, mantén pulsada la tecla Control y haz clic una vez fuera de cada trazado cuando hayas terminado de crearlo. También puedes mantener pulsada la tecla Shift para crear líneas rectas.

Paso 2

Después de crear todos los trazados de trabajo, elige la herramienta Selección directa y empieza a modificarlos. Puedes hacer clic y arrastrar un punto de anclaje para moverlo, o puedes hacer clic en los Puntos de dirección al final de las dos Palancas de dirección y luego moverlos para cambiar la orientación de la curva, o arrastrarlos hacia fuera y hacia dentro para hacer la curva más ancha o más estrecha.

Paso 3

No es necesario crear trazados para las áreas muy pequeñas, ya que se pueden añadir manualmente.

Paso 4

Una vez que hayas terminado de crear los trazados, haz invisible la capa de texto más pequeña, elige la herramienta Pincel, copia un Estilo de capa con el color con el que quieres contornear el trazado y pégala en la capa de texto más pequeña que hayas creado.

Luego, usa los mismos pasos que antes para contornear el trazado y modificarlo. No olvides rellenar las áreas para las que no creaste un trazado de trabajo.

¡Felicitaciones! Lo lograste.

En este tutorial, la herramienta Elipse se utilizó para crear una punta de pincel simple en forma de frijol, con la ayuda de la herramienta Selección directa y el modo Transformar Escala

Luego, se creó un texto con diferentes tamaños de letra, se modificaron los ajustes de la punta del pincel y se contorneo el texto más grande. El trazo se modificó, y se corrigió cualquier parte superpuesta.

Después de eso, el trazo fue estilizado usando un par de efectos de Estilo de capa, dando un aspecto de caramelo a los frijoles. El mismo Estilo de capa se copió y se pegó en otras capas, y los valores de Superposición de colores se cambiaron para que esas capas rellenaran el texto con frijoles de colores. Para añadir un toque simpático, se abrió una parte del contorno de la última letra, y se añadieron algunos frijoles de diferentes colores como si se hubieran caído de esa parte.

En cuanto al texto más pequeño, se creó una trazado de trabajo en su centro con la herramienta Pluma, luego se contorneó y modificó siguiendo los mismos pasos que anteriores.

Así que usando la misma punta del pincel y Estilo de capas, puedes jugar con los colores y con las capas de frijoles, y Voilà... ¡Tienes un delicioso efecto de texto de gominola!

Por favor, no dudes en dejar tus comentarios, sugerencias y resultados en la sección de comentarios. Gracias.