Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cómo Crear un Efecto de Texto de Primavera Cubierto de Hierba en Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

¡La primavera está en el aire! Y en celebración de ello, vamos a crear un efecto de texto inspirado en la primavera, similar a los efectos de texto que pueden ser comprados en Envato Market, usando algunas texturas, pinceles, estilos de capa, y filtros. ¡Comencemos!

Recursos del Tutorial

Los siguientes recursos fueron usados durante la producción de éste tutorial:

1. Crea el Fondo

Paso 1

Crea un nuevo documento de 849 x 603 px, y luego coloca la imagen Wood Texture v2e arriba de la capa Background (Fondo), y redimensiónala como gustes.

Add the Wood Texture

Paso 2

Ve a Filtro > Desenfocar > Desenfoque Gaussiano, y establece el Radio en 0.5. Ésto suavizará la textura un poco.

Gaussian Blur

Paso 3

Haz click en el ícono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas, y elige Tono/Saturación.

HueSaturation

Paso 4

Cambia la Saturación a -15.

Saturation Value

Paso 5

Haz click de nuevo en el ícono Crear nueva capa de ajuste o relleno, y elige Niveles, luego cambia el valor de Medios Tonos a 0.95.

Levels Settings

2. Crea y Duplica el Texto

Paso 1

Crea el texto en Mayúsculas usando la fuente Big Bottom Cartoon. Cambia el Tamaño a 120 pt y el valor de Tracking a 250.

Create the Text

Paso 2

Duplica la capa de texto, y luego ve a Edición > Transformación Libre.

Pulsa una vez la Tecla Flecha Abajo y una vez la Tecla Flecha Arriba para mover la copia de la capa de texto 1 px hacia abajo y 1 px hacia la derecha.

Pulsa la tecla Return para aceptar los cambios.

Duplicate and Transform the Text Layer

Paso 3

Presiona las teclas Comando-Opción-Mayúsculas-T tres veces más para crear tres nuevas capas de copias con la transformación aplicada.

Duplicate the Text Layer

3. Renombra y Reordena las Capas de Texto, y Crea Algunas Capas Más.

Paso 1

Renombra las capas de texto que tienes a Text, junto con el número de capa de abajo hacia arriba.

Así la capa de texto original en la parte inferior debería ser renombrada Text 1, y la quinta copia de la capa de texto en la parte superior debería renombrarse Text 5.

Rename the Text Layers

Paso 2

Ahora cambia el orden de las capas de texto para que tengas Text 1 en la parte superior y Text 5 en la parte inferior.

Reorder the Text Layers

Paso 3

Crea cinco nuevas capas arriba de las capas de texto que tienes, y reordénalas también.

Create Five New Layers

Paso 4

Duplica la capa Text 1, renómbrala Text Top, y colócala arriba de todas las capas que tiene.

Finalmente, crea una nueva capa más arriba de todas las capas y llámala Grass Stroke.

Create Two More Layers

4. Traza las Capas de Texto

Paso 1

Haz click derecho en la capa Text 1 y elige Crear Trazado de Trabajo.

Establece el Color de Frente en #b6b567 y el Color de Fondo en #425103, toma la Herramienta Pincel, y elige la punta Grass Stroke Brush.

Create a Work Path

Paso 2

Selecciona Layer 1, y pulsa la tecla Return para trazar el trazado con la punta del pincel.

Stroke the Path

Paso 3

Haz click-derecho en la capa Text 2, elige Crear Trazado de Trabajo, y luego selecciona Layer 2, y pulsa la tecla Return para trazar el trazado.

Repite eso para el resto de las capas de texto que tienes. Asegúrate de crear un trazado de trabajo para cada capa de texto, y luego selecciona la capa con el número correspondiente para trazar el trazado.

Stroke the Rest of the Text Layers

Paso 4

Crea un trazado de trabajo para Text 1 de nuevo, selecciona la capa Grass Stroke y traza el trazado.

Grass Stroke Layer

Paso 5

Selecciona la capa Text Top, y haz click en el ícono Añadir máscara vectorial en la parte inferior del panel Capas.

Toma la Herramienta Borrador, elige la misma punta Grass Stroke Brush, y establece el Color de Frente en Blanco.

Asegúrate de que la miniatura de la máscara esté seleccionada, y pulsa la tecla Return para trazar el trazado de trabajo Text 1 una última vez.

Toma la Herramienta Selección Directa (A) y pulsa la tecla Return para librarte del trazado de trabajo.

Stroke the Layer Mask

5. Agrega la Textura de Hierba

Paso 1

Agrupa las capas de texto en un grupo y llámalo Text Layers.

Text Layers Group

Paso 2

Coloca la imagen Grass0027_5_S arriba del grupo Text Layers, y redimensiónala para que cubre el contenido del grupo.

Add the Grass Texture

Paso 3

Haz click-derecho en la capa de la textura de la hierba y elige Crear Máscara de Recorte.

Duplica la capa textura de hierba dos veces. Coloca una de las copias arriba de la capa Top Text, y la otra arriba de la capa Grass Stroke, y crea máscaras de recorte para ambas.

Duplicate the Grass Texture

6. Alica Estilo a la Capa de Texto Superior

Paso 1

Haz doble-click en la capa Text Top para aplicar un efecto de Bisel y Relieve usando los siguientes parámetros:

  • Tamaño: 13
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 27
  • Altitud: 42
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Suave
  • Opacidad: 30%
  • Modo de Sombra: Multiplicar
  • Color: #8b8e79
  • Opacidad: 50%
Bevel and Emboss

Ésto agregará alguna dimensión al texto.

Styled Text Top Layer

Paso 2

Agrupa todas las capas que tienes excepto las capas Background (Fondo) y sus capas de ajuste. Luego duplica el grupo, y ve a Capa > Combinar Capas.

Group and Merge

7. Aplica Estilo al Grupo

Haz doble-click en Group 1 para aplicar el siguiente estilo de capa:

Paso 1

Agrega una Sombra Interior con éstos parámetros:

  • Modo de Fusión: Subexposición de Color
  • Color: #5d6625
  • Opacidad: 35%
  • Desmarca la cailla Usar Luz Global
  • Ángulo: -104
  • Distancia: 8
  • Tamaño: 9
Inner Shadow

Paso 2

Agrega una Sombra Paralela con éstos parámetros (1):

  • Opacidad: 43%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 41
  • Distancia: 10
  • Tamaño: 27
  • Ruido: 5
Drop Shadow 1

Paso 3

Agrega una Sombra Paralela con éstos parámetros (2):

  • Opacidad: 25%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 41
  • Distancia: 45
  • Tamaño: 27
  • Ruido: 5
Drop Shadow 2

Paso 4

Agrega una Sombra Paralela con éstos parámetros (3):

  • Modo de Fusión: Subexposición Lineal
  • Opacidad: 35%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 126
  • Distancia: 15
  • Tamaño: 27
  • Ruido: 5
Drop Shadow 3

Paso 5

Agrega una Sombra Paralela con éstos parámetros (4):

  • Modo de Fusión: Luz Intensa
  • Color: #ffffff
  • Opacidad: 10%
  • Distancia: 15
  • Extensión: 27
  • Tamaño: 27
  • Ruido: 5
Drop Shadow 4

Ésto aplicará estilo a las capas de extrusión y agregará la sombra.

Styled Extrusion Layers

8. Aplica Estilo a la Capa del Grupo Combinado

Haz doble-click en la capa Group 1 copia para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 29
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 61
  • Altitud: 37
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Suave
  • Opacidad: 50%
  • Modo de Sombra: Multiplicar
  • Color: #8b8e79
  • Opacidad: 70%
Bevel and Emboss

Paso 2

Agrega una Textura con éstos parámetros:

  • Motivo: Black Mamba
Texture

Ésto agregará algún texturizado realista a la hierba.

Textured Grass

9. Agrega las Flores

Paso 1

Elige las flores que quieres agregar del paquete High resolution: Flowers png, y agrega una arriba de todas las capas que tienes.

Ingrese al Modo de Transformación Libre (Comando-T) para redimensionarla, rotarla y moverla como sea necesaria, y luego pulsa la tecla Return para aceptar los cambios.

Add a Flower

Paso 2

Haz doble-click en la capa flower para aplicar un sencillo efecto de Sombra Paralela usando éstos parámetros:

  • Opacidad: 55%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 90
  • Distancia: 6
  • Tamaño: 9
Drop Shadow

Paso 3

Haz click-derecho en la capa de la flor y elige Copiar Estilo de Capa.

Copy Layer Style

Paso 4

Agrega el resto de las flores que quieres añadir, y duplícalas y transfórmalas hasta que te guste el resultado.

Una vez que termines, selecciona todas las capas de flores que tienes, haz click-derecho en cualquiera de ellas, y elige Pegar Estilo de Capa.

Add the Rest of the Flowers and Paste the Layer Style

Paso 5

Agrupa las capas de flores en un grupo Flowers.

Agrega una capa de ajuste de Tono/Saturación, recórtala con el grupo, y cambia el valor de Saturación a -15.

HueSaturation

10. Aplica el Filtro Paso Alto

Paso 1

Duplica todas las capas y grupos que tienes excepto las capas Background (Fondo) y sus capas de ajuste.

Expande la lista de efectos de Group 1 copia 2, y click-arrastra las pestañas del efecto Sombra Paralela al ícono Eliminar en la parte inferior del panel Capas para eliminarlas.

Duplicate and Remove the Drop Shadow Effects

Paso 2

Selecciona las capas duplicadas, y ve a Capa > Combinar Capas luego Filtro > Convertir para Filtros Inteligentes, y renombra la capa a Filters.

Create the Filters Layer

Paso 3

Ve a Filtro > Otro > Paso Alto, y cambia el Radio a 5.

High Pass 1

Paso 4

Cambia el Modo de Fusión de la capa Filters a Luz Suave y su Opacidad a 50%.

Change the Filters Layers Settings

Paso 5

Duplica la copia Filters, y cambia la Opacidad de la copia a 35%.

High Pass 2

¡Felicidades, Terminaste!

En éste tutorial, usamos una textura de madera para el fondo, y agregamos algunas capas de ajuste para realzar su color.

Luego, creamos y duplicamos el texto, así como un par de otras capas para comenzar a trabajar en el efecto.

Después de eso, creamos el trazo de la hierba, agregamos la textura de la hierba y aplicamos estilo a las diferentes capas para agregar textura y dimensión. También agregamos y aplicamos estilo a las capas de flores por todo el texto.

Finalmente, combinamos y modificamos las capas, aplicamos un filtro paso alto que enfocó los detalles del efecto creado y lo terminamos.

Por favor deja tus comentarios, sugerencias y resultados abajo.

Final Result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.