Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photoshop Actions

¿Cómo Crear un Efecto de Acción de Texto de Césped en Adobe Photoshop?

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

En este tutorial te mostraré cómo crear un acción de césped en Adobe Photoshop usando dos pinceles, y un estilo de capa con un motivo de césped. Al final de este tutorial tendrás una acción que te deje hacer todo el proceso con un solo click.

Si te gustaría saltar este tutorial pero aún deseas comprar la acción, puedes ir a GraphicRiver y comprar el Generador de Césped. La acción completa tiene características adicionales, funciona a 72 dpi y 300 dpi y también funciona con formas.

promo image
Generador de Césped

Elementos del Tutorial

Los siguientes elementos fueron usados durante este tutorial:

1. ¿Cómo Crear los Pinceles?

Paso 1

Abre Photoshop y crea un nuevo documento de 350 x 460 px.

Creating a new document

Paso 2

Presiona D en tu teclado para restablecer los colores de Primer Plano y Fondo. Luego coge la Herramienta Elipse (U) y cambia su modo a forma.

Ellipse tool settings

Paso 3

Comienza dibujando una forma de ovalo larga y delgada.

Drawing the oval shape

Paso 4

Coge la Herramienta Convertir Punto de Ancla y presiona Control-Click en el centro de la forma.

Convert Point Tool

Paso 5

Ahora da click en el punto de ancla encima para hacerla puntiaguda. Haz lo mismo en el punto de ancla de abajo.

Converting anchor point

Paso 6

Control-click en la miniatura de la capa Elipse 1 para crear una selección alrededor de la forma. Luego ve a Edición > Definir Pincel Preestablecido. Nómbralo Pincel Base y da click en OK.

Creating the brush

Paso 7

Coge la Herramienta Pincel (B) y luego da click-derecho en el documento y selecciona el pincel que hemos creado (Pincel Base).

Choosing the brush

Paso 8

Ve a Ventana > Pincel para abrir el Panel de Pincel. Luego pon esta configuración en la Forma de la Punta del Pincel.

  • Tamaño: 27 px
  • Voltear X: Desmarcado
  • Voltear Y: Desmarcado
  • Ángulo: 0°
  • Redondez: 100%
  • Espaciado: 130%
Brush Tip Shape settings

Paso 9

Selecciona Dinámica de Forma con esta configuración:

  • Variación del Tamaño: 32%
  • Control: Desactivado
  • Diámetro Mínimo: 7%
  • Variación del Ángulo: 35%
  • Control: Desactivado
  • Variación de la Redondez: 26%
  • Control: Desactivado
  • Redondez Mínima: 100%
  • Vibración X de Volteo: Desmarcado
  • Vibración Y de Volteo: Desmarcado
  • Proyección del Pincel: Desmarcado
Shape Dynamics settings

Paso 10

Selecciona Dispersión con esta configuración:

  • Dispersión: 62%
  • Ambos Ejes: Desmarcado
  • Control: Desactivado
  • Cantidad: 5
  • Variación de la Cantidad: 100%
  • Control: Desactivado
Scattering settings

Paso 11

Selecciona Dinámica de Color con esta configuración:

  • Aplicar por Punta: Marcado
  • Variación Frontal/de Fondo: 100%
  • Control: Desactivado
  • Variación de Tono: 25%
  • Variación de Saturación: 13%
  • Variación del Brillo: 11%
  • Pureza: -1%

La Dinámica de Color no hace diferencia al resultado final de este tutorial, pero es importante si lo quieres usar con otras cosa.

Color Dynamics settings

Paso 12

Ahora da click en el icono en la esquina superior derecha del panel de Pincel y escoge Nueve Pincel Preestablecido. Luego nómbralo Pincel Césped 1 y marca la casilla de Capturar Tamaño de Pincel en Preestablecido. Luego de eso, da click en OK.

Saving the Brush Preset

Paso 13

Ahora vamos a crear un nuevo preestablecido. Vuelve a la Forma de la Punta de Pincel en el panel de Pincel y haz estos cambios:

  • Tamaño: 18 px.
  • Voltear X: Desmarcado
  • Voltear Y: Desmarcado
  • Ángulo: 0°
  • Redondez: 100%
  • Espaciado: 339%
Second Brush Tip Shape settings

Paso 14

No cambies la configuración de Dinámica de Forma; solo déjala seleccionada. Luego selecciona Dispersión y haz estos cambios:

  • Dispersion: 50%
  • Ambos Ejes: Desmarcado
  • Control: Desactivado
  • Cantidad: 8
  • Variación de la Cantidad: 0%
  • Control: Desactivado
Second Scattering settings

Paso 15

Deja Dinámica del Color seleccionado y guarda el preestablecido como antes, pero esta vez nómbralo Pincel Césped 2.

Saving the second Brush Preset

2. ¿Cómo Crear el Texto e Instalar el Motivo?

Paso 1

Ve a Archivo > Abrir y abre el fondo que descargaste (Background-Grass.jpg).

Background image

Paso 2

Coge la Herramienta de Texto (T) y escribe "GRASS". Escoge la fuente Plump y luego pon el Tamaño a 300 pt.

Type Tool and its settings

Paso 3

Ve a Edición > Preestablecido > Gestor de Ajustes Preestablecidos. En el Tipo de Ajuste, selecciona Motivos, da click en Cargar y escoge Grass Pattern.pat. Luego, da click en Hecho.

Installing the Grass Pattern

3. ¿Cómo Crear la Acción?

Paso 1

Ve a Ventana > Acciones para abrir el panel de Acciones.

Opening the Actions Panel

Paso 2

Vamos a crear un nuevo grupo de acciones. Para hacerlo da click en el icono Crear Nuevo Grupo, y nómbralo Grupo Césped, y da click en OK.

Creating a new set of actions

Paso 3

Da click en el icono Crear Nueva Acción, y nómbralo Texto Césped y da click en Grabar.

Desde este punto, todo lo que hagas será guardado, así que echa ojo en el Panel de Acciones. Si cometes un error, da click en Detener Reproducción/Grabación, y borra el paso innecesario de la acción de Texto de Césped. Luego da click en el icono de Iniciar Grabación para continuar.

Creating a new action

Paso 4

Con la capa de texto seleccionada, ve a Capa > Renombrar Capa y renómbrala 1.

Renaming the text layer

Paso 5

Crea una nueva capa dando click en el icono de Crear Nueva Capa y nómbrala Césped 1 y da click en OK.

Creating a new layer

Paso 6

Selecciona la capa 1 y ve a Texto > Crear Trazado de Trabajo.

Creating the work path

Paso 7

Ahora selecciona la capa Césped 1. Luego coge la Herramienta Pincel (B) y selecciona Pincel Césped 1 con esta configuración.

  • Modo: Normal
  • Opacidad: 100%
  • Fluido: 100%
  • Opciones Relacionados a la Pluma: Desmarcada
Selecting the brush

Paso 8

Ve a Ventana > Trazados para abrir el panel de Trazados. Luego da click-derecho en el Trazado de Trabajo y escoge Contornear Trazado. Escoge Pincel, con la casilla de Simular Presión desmarcada y luego da click en OK.

Creating the border

Paso 9

Selecciona la capa 1. Luego crea una nueva capa y nómbrala Césped 2.

Creating the second brush layer

Paso 10

Ahora coge la Herramienta Pincel (B) con esta configuración:

  • Pincel: Pincel Grama 2
  • Modo: Normal
  • Opacidad: 100%
  • Fluido: 100%
  • Opciones Relaciones a la Pluma: Desmarcada
Selecting the second brush

Paso 11

Vuelve al panel de Trazado. Da click-derecho en el Trazado de Trabajo y escoge Contornear Trazado. Así como antes, escoge el Pincel con la casilla de Simular Presión desmarcada y luego da click OK. Luego, elimina el Trazado de Trabajo.

Creating the second border

Paso 12

Ahora selecciona la capa 1 de nuevo. Luego mantén presionada la tecla Mayus y da click en la capa Césped 1 para seleccionar todas las capas (excepto la capa de Fondo).

Selecting the layers

Paso 13

Da click-derecho en la capa Césped 1 y escoge Convertir en Objeto Inteligente.

Convert to Smart Object

Paso 14

Ahora da doble-click en la capa Césped 1 para abrir la ventana de Estilo de Capa. Vamos a Comenzar con Bisel y Relieve:

  • Estilo: Inglete Interior
  • Técnica: Redondeado
  • Profundidad: 100%
  • Dirección: Arriba
  • Tamaño: 26 px
  • Suavizar: 0%
  • Usar Luz Global: Desmarcado
  • Ángulo: 90°
  • Altitud: 30°
  • Contorno de Resplandor: Lineal
  • Suavizado: Desmarcado
  • Modo de Resaltado: Trama
  • Color de Modo de Resaltado#ffffff
  • Opacidad del Modo de Resaltado: 16%
  • Modo de Sombra: Multiplicar
  • Color del Modo de Sombra: #000000
  • Opacidad del Modo de Sombra: 30%
Bevel and Emboss settings

Paso 15

Añade Sombra Interior con esta configuración:

  • Modo de Fusión: Multiplicar
  • Color: #000000
  • Opacidad: 22%
  • Usar Luz Global: Desmarcada
  • Ángulo: -90°
  • Distancia: 14 px
  • Retraer: 16%
  • Tamaño: 4 px
  • Contorno: Lineal
  • Suavizado: Desmarcado
  • Ruido: 0%
Inner Shadow settings

Paso 16

Añade una Superposición de Degradado con esta configuración:

  • Modo de Fusión: Superposición
  • Tramado: Desmarcado
  • Opacidad: 46%
  • Invertir: Desmarcado
  • Estilo: Lineal
  • Alinear con Capa: Marcado
  • Ángulo: 90°
  • Escala: 89%

Da click en la Barra de Degradado y haz un degradado con esta configuración:

  • Color de Primera Detención: #000000
  • Ubicación de Primera Detención: 0%
  • Color de Segunda Detención: #FFFB9C
  • Ubicación de Segunda Detención: 100%
Gradient Overlay settings

Paso 17

Añade una Superposición de Motivo con esta configuración:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Motivo: Escoge el Motivo de Césped que instalaste en el principio de este tutorial.
  • Escala: 25%
  • Enlazar con Capa: Marcado
Pattern Overlay settings

Paso 18

Añade Sombra Paralela con esta configuración:

  • Modo de Fusión: Multiplicar
  • Color: #000000
  • Opacidad: 31%
  • Usar Luz Global: Desmarcada
  • Ángulo: 23%
  • Distancia: 12 px
  • Extensión: 0%
  • Tamaño: 1 px
  • Contorno: Lineal
  • Suavizado: Desmarcada
  • Ruido: 0%
  • La Capa Cubre la Sombra Paralela: Marcado

Luego de eso, presiona OK.

Drop Shadow settings

Paso 19

Renombra la capa Césped 1 a Texto de Césped. Luego de eso, da click en el icono de Detener Reproducción/Grabación en el panel de Acciones.

Finishing the action

Y el resultado es:

Final Result image

¡Felicidades! ¡Lo Haz Terminado!

En este tutorial, aprendiste a cómo crear una acción de césped en Adobe Photoshop.

Comenzamos creando pinceles, luego creamos el texto y mientras grabamos una acción, añadimos un borde usando el pincel y el Trazado, luego finalmente un Estilo de Capa para hacerlo como césped.

Cosas a Recordar Antes de Ejecutar la Acción:

  • Asegúrate de que el Motivo esté instalado.
  • Asegúrate de que la Opacidad del Pincel y el Fluido estén a 100%.
  • Asegúrate de que ejecutes la acción con la capa de texto seleccionada.

Para ejecutarla, necesitas seleccionar la acción de Texto de Césped y da click en Ejecutar en el panel de Acciones. Espero que hallas disfrutad este tutorial, y siéntete libre de dejar tus comentarios abajo. Esta acción que creamos es parte del Generador de Césped.

promo image
Generador de Césped
Advertisement
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.