Advertisement
  1. Design & Illustration
  2. Photoshop Actions

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

Scroll to top
Read Time: 7 min

Spanish (Español) translation by Cristian Marroquin (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 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 imagepromo imagepromo 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 documentCreating a new documentCreating 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 settingsEllipse tool settingsEllipse tool settings

Paso 3

Comienza dibujando una forma de ovalo larga y delgada.

Drawing the oval shapeDrawing the oval shapeDrawing the oval shape

Paso 4

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

Convert Point ToolConvert Point ToolConvert 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 pointConverting anchor pointConverting 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 brushCreating the brushCreating 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 brushChoosing the brushChoosing 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 settingsBrush Tip Shape settingsBrush 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 settingsShape Dynamics settingsShape 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 settingsScattering settingsScattering 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 settingsColor Dynamics settingsColor 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 PresetSaving the Brush PresetSaving 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 settingsSecond Brush Tip Shape settingsSecond 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 settingsSecond Scattering settingsSecond 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 PresetSaving the second Brush PresetSaving 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 imageBackground imageBackground 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 settingsType Tool and its settingsType 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 PatternInstalling the Grass PatternInstalling 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 PanelOpening the Actions PanelOpening 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 actionsCreating a new set of actionsCreating 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 actionCreating a new actionCreating a new action

Paso 4

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

Renaming the text layerRenaming the text layerRenaming 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 layerCreating a new layerCreating a new layer

Paso 6

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

Creating the work pathCreating the work pathCreating 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 brushSelecting the brushSelecting 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 borderCreating the borderCreating the border

Paso 9

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

Creating the second brush layerCreating the second brush layerCreating 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 brushSelecting the second brushSelecting 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 borderCreating the second borderCreating 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 layersSelecting the layersSelecting the layers

Paso 13

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

Convert to Smart ObjectConvert to Smart ObjectConvert 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 settingsBevel and Emboss settingsBevel 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 settingsInner Shadow settingsInner 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 settingsGradient Overlay settingsGradient 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 settingsPattern Overlay settingsPattern 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 settingsDrop Shadow settingsDrop 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 actionFinishing the actionFinishing the action

Y el resultado es:

Final Result imageFinal Result imageFinal 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 imagepromo imagepromo image
Generador de Césped
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads