1. Design & Illustration
  2. Theory
  3. Global Influences

Cómo crear un efecto de texto inspirado en el Día de Muertos en Adobe Photoshop

Scroll to top

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

El Día de Muertos es una fiesta mexicana que celebra el espíritu y honra la memoria de los amigos y familiares que han muerto. El cempasúchil es la flor tradicional utilizada en la celebración del Día de Muertos, así como en la decoración de las Calavera de alfeñique, que son el símbolo más popular de ese día.

Este tutorial te enseñará a crear flores de cempasúchil simples, y a utilizarlos con un par de pinceles, texturas, estilos de capa y ajustes de forma, con el fin de crear un efecto de texto inspirada en la calavera de alfeñique del Día de Muertos. ¡Empecemos!

Si deseas comprar un gráfico, vector o plantilla (para complementar tu trabajo en el efecto de texto), hay una colección útil de artículos del Día de muertos en GraphicRiver.

Recursos para el tutorial

Los siguientes recursos se utilizaron durante la producción de este tutorial.

1. Crear las guías básicas

Paso 1

Crea un nuevo documento de 500 x 500px y elige la Herramienta línea.

Establece el color Frontal en Rojo y, en la barra Opciones, establece el Grosor en 1.

Crea una línea vertical en el centro del documento y extiendela un poco hacia fuera.

Create a LineCreate a LineCreate a Line

Paso 2

Duplica la capa de forma de línea y rota la copia de la línea a 60° en sentido antihorario.

Rotate the LineRotate the LineRotate the Line

Paso 3

Duplica la copia de la línea y rota la segunda copia otros 60° en sentido antihorario.

Create One More LineCreate One More LineCreate One More Line

Paso 4

Selecciona todas las capas de forma de línea, ve a Capa > Fusionar formas y rota las formas fusionadas a 30° en sentido horario. Puedes bloquear esa capa si quieres una vez que termines.

Rotate the LinesRotate the LinesRotate the Lines

Paso 5

Elige la Herramienta elipse y crea una elipse de 366 x 373 px en el centro del documento.

En la barra Opciones, cambia el Color de relleno a Blanco, el Color de trazo a Negro y haz clic en el icono Definir tipo de trazo de forma para cambiar Alinear a Exterior.

Center Ellipse SettingsCenter Ellipse SettingsCenter Ellipse Settings

2. Crear los pétalos

Paso 1

Elige la Herramienta pluma, elige la opción Forma en la barra de Opciones y establece el Color de relleno en Blanco, el Color de trazo en Negro y su Tamaño en 7.

Lo que sigue es crear la forma básica del pétalo.

Puedes hacer un solo clic para añadir los puntos y haz clic y arrastra para crear las curvas. Usa la siguiente forma como guía de cuántos puntos de anclaje necesitas y dónde deben colocarse.

No te preocupes por hacer la forma perfecta, ya que trabajaremos en eso en el siguiente paso.

Create the Basic Petal ShapeCreate the Basic Petal ShapeCreate the Basic Petal Shape

Paso 2

Una vez que crees la forma básica, puedes elegir la Herramienta selección directa y hacer clic y arrastrar los puntos de anclaje para cambiar su posición.

Move the Anchor PointsMove the Anchor PointsMove the Anchor Points

Paso 3

También puedes hacer clic y mover los manejadores en ambos extremos del punto de anclaje para cambiar la forma de la curva.

Tómate tu tiempo para trabajar en la forma de los pétalos hasta que obtengas el resultado que te guste.

Move the Anchor Points HandlesMove the Anchor Points HandlesMove the Anchor Points Handles

Paso 4

Elige la Herramienta añadir punto de anclaje y añade cuatro puntos de anclaje como se muestra en la siguiente imagen.

Add Anchor PointsAdd Anchor PointsAdd Anchor Points

Paso 5

Elige la Herramienta selección directa y haz clic y arrastra cada uno de los puntos de anclaje dos y cuatro hacia abajo, cambiando su forma a la medida que quieras para crear los bordes irregulares del pétalo.

Create the Petals Jagged EdgesCreate the Petals Jagged EdgesCreate the Petals Jagged Edges

Paso 6

Una vez que hayas terminado con el primer pétalo, puedes duplicarlo, rotarlo y modificarlo para hacer el resto de los pétalos.

Cuando tengas todos los pétalos listos, selecciona todas las capas y ve a Capa > Fusionar formas para colocarlas todas en una sola capa de forma. Nómbrala Pétalos.

Merge the Petal LayersMerge the Petal LayersMerge the Petal Layers

3. Crear las líneas interiores

Paso 1

Elige nuevamente la Herramienta pluma y establece el Color de relleno en Negro y el Trazo en Ninguno.

Crea las líneas utilizando las curvas simples de dos puntos. Así que haz un solo clic en el lugar donde quieres que comience la línea y luego, haz clic y arrastra hasta el lugar donde quieres que termine. Mientras más curvada sea la línea, más gruesa aparecerá.

Presiona la tecla Esc después de crear cada línea para crear otra nueva separada.

Create the Inner LinesCreate the Inner LinesCreate the Inner Lines

Paso 2

Fusiona todas las capas de forma de línea en una capa y nómbrala Líneas.

Merge the Line LayersMerge the Line LayersMerge the Line Layers

4. Dar color y estilo a la flor

Paso 1

Haz doble clic en la miniatura de la capa de forma de pétalos para rellenarla con el color que desees. Aquí, el color que se usó fue #fa387f.

Change the Petals Fill ColorChange the Petals Fill ColorChange the Petals Fill Color

Paso 2

Haz doble clic en la capa de forma Líneas para aplicar un efecto de Sombra paralela con los siguientes ajustes:

  • Opacidad: 100%
  • Distancia: 0
  • Tamaño: 7
Drop ShadowDrop ShadowDrop Shadow

Esto calará un poco las líneas.

Lines with the Drop ShadowLines with the Drop ShadowLines with the Drop Shadow

Paso 3

Haz doble clic en la capa de forma de elipse central para aplicar un efecto de Superposición de degradado utilizando los siguientes ajustes:

  • Estilo: Radial
  • Escala: 110%
  • Haz clic en la casilla de Degradado para crear el degradado utilizando los colores #ff9b2c a la izquierda y #ffe64a a la derecha.
Gradient OverlayGradient OverlayGradient Overlay

Esto estilizará el centro.

Styled CenterStyled CenterStyled Center

5. Crear las capas ráster

Paso 1

Agrupa todas las capas de forma de flor que tengas y cambia el nombre del grupo al color de la flor (Rosado).

Duplica el grupo y cámbiale el nombre al otro color que quieras usar (Morado) y luego rellena la capa de forma Pétalos con ese color. Aquí, el color morado que se utilizó fue #a63a9d.

Change the Copy Petals Fill ColorChange the Copy Petals Fill ColorChange the Copy Petals Fill Color

Paso 2

Duplica los grupos que tienes y luego para cada uno de ellos, haz clic derecho y elige Fusionar grupo. Estas son las capas que utilizaremos para crear más adelante el efecto de texto.

Create the Raster LayersCreate the Raster LayersCreate the Raster Layers

6. Estilizar las hojas

Paso 1

Crea un nuevo documento de 1000 x 1000px y elige un pincel de hojas del paquete Pinceles florales 2.

Establece el color Frontal en #41a340, crea una nueva capa sobre la capa Fondo y haz clic para añadir el pincel.

Add the Leaves BrushAdd the Leaves BrushAdd the Leaves Brush

Paso 2

Haz doble clic en la capa del pincel para aplicar un efecto de Trazo utilizando los siguientes ajustes:

  • Tamaño: 5
  • Color: #000000
StrokeStrokeStroke

Paso 3

Haz clic derecho en la capa estilizada y elige Rasterizar estilo de capa.

Rasterize the Leaves Layer StyleRasterize the Leaves Layer StyleRasterize the Leaves Layer Style

7. Crear el texto

Paso 1

Crea un nuevo documento de 1024 x 845px y rellena el Fondo con el color #372535.

Create the Main BackgroundCreate the Main BackgroundCreate the Main Background

Paso 2

Crea el Texto en Todo en mayúsculas utilizando la fuente Aka Posse y el color #f2d27f.

El Tamaño de la primera línea de texto es 150 pt. Para la segunda línea, tendrás que elegir un Tamaño ligeramente más grande (aquí es 170 pt) y establece el valor de Tracking en alrededor de 50.

Character SettingsCharacter SettingsCharacter Settings

Paso 3

Duplica la capa de texto, arrastra la copia debajo de la original y luego, haz clic derecho y elige Convertir en forma.

Convert the Copy Text Layer into a Shape LayerConvert the Copy Text Layer into a Shape LayerConvert the Copy Text Layer into a Shape Layer

Paso 4

Haz doble clic en la capa de texto original para aplicar un efecto de Trazo utilizando los siguientes ajustes:

  • Tamaño: 5
  • Color: #000000
StrokeStrokeStroke

Probablemente por ahora no veas el trazo con claridad, pero definirá el texto cuando apliquemos más adelante los otros trazos.

Black Text StrokeBlack Text StrokeBlack Text Stroke

8. Crear el trazo de la capa de forma

Paso 1

Selecciona la capa de forma de texto y elige la Herramienta selección directa.

En la barra Opciones, cambia el Relleno a Ninguno, el Color de trazo a #b77113 y su Tamaño a 6. Luego, haz clic en el icono Definir tipo de trazo de forma y haz clic en el botón Más opciones.

Text Shape Layer Stroke OptionsText Shape Layer Stroke OptionsText Shape Layer Stroke Options

Paso 2

Cambia Alinear en Centro, Extremos en Redondo, Vértices a Inglete y marca la casilla Línea discontinua. Cambia el primer valor de Guión a 0 y el primer valor de Hueco a 2.

Stroke SettingsStroke SettingsStroke Settings

Paso 3

Esto creará un trazo punteado. Usa la Herramienta mover para mover el trazo punteado un poco hacia abajo en el lado izquierdo.

Nudge the Dotted StrokeNudge the Dotted StrokeNudge the Dotted Stroke

Paso 4

Duplica la capa de trazo punteado, coloca la copia debajo de ella y luego cambia el Color de trazo de la copia a Negro y su Tamaño a 7.

Copy Text Shape Stroke SettingsCopy Text Shape Stroke SettingsCopy Text Shape Stroke Settings

9. Añadir las flores y hojas

Paso 1

Duplica la capa de la flor morada en el documento del texto y redimensiona si es necesario.

Add One of the Flower LayersAdd One of the Flower LayersAdd One of the Flower Layers

Paso 2

Haz clic derecho en la capa de la flor y elige Crear máscara de recorte.

Create Clipping MaskCreate Clipping MaskCreate Clipping Mask

Paso 3

Lo que tendrás que hacer ahora es seleccionar la Herramienta mover, mantén presionada la tecla Opción, haz clic y arrastra la flor y luego sueltala para duplicarla y moverla sobre el texto.

Ten en cuenta que sólo puedes duplicar la flor en la capa seleccionada y que es necesario dejar un poco de espacio para las flores rosadas y las hojas.

Duplicate the FlowerDuplicate the FlowerDuplicate the Flower

Paso 4

Sigue los mismos pasos para añadir las flores rosadas.

Add the Second FlowerAdd the Second FlowerAdd the Second Flower

Paso 5

Luego, nuevamente sigue los mismos pasos para añadir las hojas. Asegúrate de colocar las capas de la hoja debajo de las capas de flores.

Si deseas, puedes cambiar el tamaño y rotar los elementos añadidos para que el resultado sea más dinámico.

Add the LeavesAdd the LeavesAdd the Leaves

10. Añadir la textura Grunge

Paso 1

Coloca la imagen Grunge encima de todas las capas, redimensiona si es necesario, cambia el Modo de fusión de su capa a Multiplicar y establece su Opacidad en 65%.

Add the Grunge TextureAdd the Grunge TextureAdd the Grunge Texture

Paso 2

Haz clic en el icono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elige Niveles.

Add a Levels Adjustment LayerAdd a Levels Adjustment LayerAdd a Levels Adjustment Layer

Paso 3

Haz clic en el icono Recortar la capa y cambia el valor de Iluminación a 245 y el valor Gamma a 1.70. Esto iluminará un poco la textura.

Levels SettingsLevels SettingsLevels Settings

Puedes jugar con las formas, los colores y los tamaños para crear varios resultados diferentes.

Final OutcomeFinal OutcomeFinal Outcome

¡Felicitaciones! Terminaste

En este tutorial, utilizamos un par de herramientas de forma para crear una flor de cempasúchil simple, y la coloreamos y estilizamos.

Luego le aplicamos un pincel de hoja simple y rasterizamos las capas para usarlas encima del texto.

Después de eso, creamos el texto, hicimos copias de la forma y estilizamos esas capas con diferentes trazos para crear los bordes exteriores.

Finalmente, llenamos el texto con las capas de flores y hojas, y añadimos una simple textura grunge para terminar el efecto.

No dudes en dejar tus comentarios, sugerencias y resultados aquí.