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 una Acción de Efecto de Cubiertas de Hoja de Texto en Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, usted aprenderá cómo crear un efecto de texto muy hermoso, de aspecto natural, que vamos a grabar con una acción de Photoshop, así que usted podrá aplicar rápidamente el mismo efecto a cualquier fuente. Entonces, para que se vea aún mejor, añadiremos algunas ramas y pájaros al resultado final.

Este efecto de texto es parte de la Hoja Generador Photoshop Acción.

Aquí están las características de la acción completa:

  • Funciona con cualquier fuente o forma.
  • Estilo de capa y colores totalmente editables.
  • apoyo de 300 y 72 dpi.
  • Seis colores diferentes para que usted elija de.
  • Funciona con CS5, CS6 y CC.
  • PSD con alta resolución ramas y pájaros.
Leaf Generator promo
Hoja Generador Photoshop Acción

Tutoriales Activos

Durante este tutorial se utilizaron los siguientes activos:

* Los artículos marcados con un asterisco están dentro del archivo zip adjunto a este tutorial, editado y listo para su uso en este tutorial.

1. Cómo Crear el Fondo

Paso 1

Crear un nuevo documento con estos valores:

  • Nombre: Hoja generador Tutorial
  • Dimensiones: 850 x 553 px
  • Resolución: 72 dpi
  • Modo de color: RGB 8 bits de Color
  • Contenido de fondo: Medida #193333
Creating a new document

Paso 2

Haga doble-clic en el capa de fondo y cambiarle el nombre a BG. Luego haga clic-derecho sobre él y elija convertir en objeto inteligente.

Converting the BG layer to a Smart Object

Paso 3

Ir a filtro > ruido > Añadir ruido y utilizan estos ajustes:

  • Cantidad: 1.12%
  • Distribución: Gauss
  • Monocromática: On
Adding a noise filter

Paso 4

Ahora haga doble-clic en el capa BG para abrir el panel de estilo de capa. Luego aplicar un resplandor interior con estos valores:

  • Modo de mezcla: multiplicar
  • Opacidad: 65%
  • Ruido: 0%
  • Color: #102a50
  • Técnica: Suave
  • Fuente: Borde
  • Choke: 26%
  • Tamaño: 250 px
  • Contorno: lineal
  • Suavizado: On
  • Variedad: 100%
  • Jitter: 0%

Después de eso, haga clic en Aceptar para cerrar la ventana estilo de capa.

Inner Glow Settings

2. Cómo Crear los Estilos

Paso 1

Para este paso, vamos a utilizar el patrón y los pinceles desde el archivo zip adjunto a este tutorial. He creado el patrón utilizando este Ficus Pumila (autor: Khalid Mahmood) imagen. Había hecho transparente, había extraído algo de ruido, quitar algunos detalles fuertes y altera sus colores. El patrón dentro del archivo zip se escala hacia abajo hasta el 25% del tamaño original, por lo que es perfecto para este tutorial.

He creado las escobillas desde cero, y es bastante fácil de hacer. Si quieres aprender cómo crear pinceles como eso, seguir adelante y ver este tutorial.

Así, sin más preámbulos, continuemos.

Vaya a Editar > Preset > Preset Manager y seleccionarlos patrones en el menú desplegable. Luego haga clic en carga... e instale la textura del generador de la hoja (dentro del archivo zip). Después de eso, seleccione pinceles y cargue las escobillas del generador de hoja - archivo Tutorial (también dentro del archivo zip). Vamos a utilizar los cepillos más adelante.

Installing the necessary files

Paso 2

Escoja la herramienta de tipo Horizontal (T) y fija la fuente Kingthings Organica y fuente a 287 pt. Luego escriba hoja.

Horizontal Type Tool Settings

Paso 3

Haga doble-clic en el capa de texto para abrir la ventana estilo de capa. Luego, añadir una superposición de motivo con estas opciones:

  • Modo de mezcla: Normal
  • Opacidad: 100%
  • Patrón: Hoja generador textura
  • Escala: 100%
  • Enlace con capa: On
Pattern Overlay settings

Paso 4

Ahora añada una superposición de degradado con estos valores:

  • Modo de mezcla: superposición
  • Opacidad: 25%
  • Tramado: Off
  • Gradiente: Negro, blanco
  • Reverso: Off
  • Alinear con capa: en
  • Estilo: lineal
  • Ángulo: 90°
  • Escala: 100%
Gradient Overlay settings

Paso 5

Añadir un resplandor interior con estos valores:

  • Modo de mezcla: Sobreexposición lineal (Añadir)
  • Opacidad: 59%
  • Ruido: 0%
  • Color: #acff62
  • Técnica: más suave
  • Fuente: borde
  • Choke: 0%
  • Tamaño: 17 px
  • Contorno: lineal
  • Suavizado: On
  • Variedad: 100%
  • Jitter: 0%
Inner Glow Settings

Paso 6

Añada una sombra interior con estos valores:

  • Modo de mezcla: Luz fuerte
  • Color: #122d02
  • Opacidad: 100%
  • Usar luz Global: Off
  • Ángulo: -180 °
  • Distancia: 15 px
  • Choke: 0%
  • Tamaño: 11 px
  • Contorno: lineal
  • Anti-aliasing: Off
  • Ruido: 0%
Inner Shadow settings

Paso 7

Añadir un bisel y relieve con estos valores:

  • Estilo: Bisel interior
  • Técnica: lisa
  • Profundidad: 178%
  • Dirección: hacia arriba
  • Tamaño: 4 px
  • Ablandar: 6 px
  • Usar luz Global: Off
  • Ángulo:-135 °
  • Altitud: 32°
  • Contorno de lustre: Rodando cuesta - descendente
  • Suavizado: On
  • Modo de destacar: pantalla
  • Color del punto culminante: #e1ff90
  • Opacidad punto culminante: 31%
  • Modo de sombra: oscurecer
  • Sombra Color: #000000
  • Opacidad de sombra: 22%
Bevel Emboss Settings

Paso 8

Ahora haga clic en nuevo estilo y guárdelo como hojas pequeñas. Luego, active las casillas efecto de capa y opciones de fusión de capa y haga clic en Aceptar.

Saving the style

Paso 9

Ahora desactivar el filtro resplandor interior y editar la sombra interior con estos valores:

  • Modo de mezcla: Luz fuerte
  • Color: #122d02
  • Opacidad: 43%
  • Usar luz Global: Off
  • Ángulo:-180 °
  • Distancia: 15 px
  • Choke: 0%
  • Tamaño: 42 px
  • Contorno: lineal
  • Anti-aliasing: Off
  • Ruido: 0%
Inner shadow Setings

Paso 10

Guardar el estilo nuevamente haciendo clic en el botón nuevo estilo, pero el nombre border hoja pequeño esta vez. Después de eso, haga clic en Aceptar para cerrar la ventana estilo de capa.

Saving the second style

3. Cómo Crear la Acción

Paso 1

Ir a ventana > acciones para abrir el panel de acciones. Luego haga clic en el icono crear nuevo set y lo cubierto hoja efecto. Después de eso, haga clic en el icono de crear nueva acción y asígnele el nombre efecto hoja - pequeño. A continuación, haga clic en registro para empezar a grabar la acción.

Todo lo que haces en Photoshop está siendo grabado, así que tenga cuidado y siga las instrucciones cuidadosamente. Si usted comete un error, haga clic en el icono Detener grabación, borrar el error desde el panel de acción y reanudar la grabación otra vez.

Creating a new action

Paso 2

Cambiar el nombre de la capa de texto a texto BKP y establecer el tamaño del texto 287,5 pt. Después de eso, pulse Control-A para seleccionar todo el documento. A continuación, elija la herramienta Mover (V) y alinear la capa con el centro del documento.

Aligning the text with the document

Paso 3

Pulse Control+D para quitar la selección. Después de eso, pulsa Control-J para duplicar la capa. A continuación, cambie el nombre la copia a Base de texto.

Renaming the new text layer

Paso 4

Haga clic-derecho en el capa de Base de texto y elija rasterizar texto. Luego, ir a ventana > estilos para abrir el panel estilos. Después de eso, haga clic en el estilo de hojas pequeñas para aplicar a la capa rasterizada.

Applying the style to the rasterized layer

Paso 5

Elegir la herramienta pincel (B) y seleccione el pincel de hojas A. Continuación, Control-clic en la miniatura de la capa de Base de texto para crear una selección alrededor del texto. Después de eso, escoja la herramienta de lazo poligonal (L) y con él click-derecho sobre la selección y elija hacer trazado de trabajo. Crear la ruta de trabajo con una tolerancia de 2.0 px.

Creating a work path

Paso 6

Asegúrese de comprobar que el cepillo opacidad y el relleno estén ajustados al 100% para el siguiente paso.

Ir a ventana > trazos para abrir el panel Trazados. Después de eso, haga clic en el icono en la esquina superior-derecha del panel y Elija Contornear trazado. Seleccione en la opción de la herramienta de pincel, desmarque la casilla de simular presión y haga clic en Aceptar.

Stroking the path with the brush tool

Paso 7

Ahora vamos a crear otra capa y aplicarle un segundo trazo, haciendo los bordes de la mirada del texto más realista.

Presione Control-Mayús-N para crear una nueva capa, nombrar como borde hoja y haga clic en Aceptar. Luego, mantener Control y haga clic en la miniatura de la capa de Base de texto para crear otra selección. Después de eso, escoja la herramienta de lazo poligonal (L) otra vez y crear otra ruta de trabajo tal como lo hicimos antes.

Tenga cuidado de no seleccionar la capa de Base de texto en el panel de capas (la capa de borde de hojas debe estar seleccionada).

Creating another work path

Paso 8

Elegir la herramienta pincel (B) otra vez y seleccione el pincel de hojas B. Luego, ir al panel de trazados, haga clic-derecho en el trazado de trabajo y Elija Contornear trazado tal como lo hicimos antes.

Stroking the work path with another brush

Paso 9

Volver al panel de trazados y eliminar el trazado de trabajo. Luego ir al panel de estilos y haga clic en el estilo borde de hojas pequeño para aplicarlo a la frontera que acabamos de crear.

Applying the second layer style

Paso 10

Ahora tenemos que convertir todas las capas de texto en un objeto inteligente.

Mantenga pulsada la tecla Control y haga clic para seleccionar las capas de texto BKP, texto Base y borde de hojas. A continuación, haga clic-derecho en uno de ellos y elija convertir en objeto inteligente. Después de eso, cambie el nombre el nuevo objeto inteligentehojas.

Converting three layers into one Smart Object

Paso 11

Ahora tenemos que añadir algunas sombras en el texto.

Haga doble clic en el capa de hojas para abrir la ventana estilo de capa. Luego, añadir una sombra con estos valores:

  • Modo de mezcla: multiplicar
  • Color: #000000
  • Opacidad: 63%
  • Usar luz Global: Off
  • Ángulo:
  • Distancia: 5 px
  • Extensión: 0%
  • Tamaño: 9 px
  • Contorno: lineal
  • Suavizado: On
  • Ruido: 0%
  • Capa noquea a sombra: On
Drop Shadow Settings

Paso 12

Añada una sombra interior con estos valores:

  • Modo de mezcla: Luz fuerte
  • Color: #000000
  • Opacidad: 61%
  • Usar luz Global: Off
  • Ángulo: 180°
  • Distancia: 8 px
  • Choke: 0%
  • Tamaño: 2 px
  • Contorno: lineal
  • Anti-aliasing: Off
  • Ruido: 0%

Haga clic en Aceptar para cerrar la ventana estilo de capa.

Inner Shadow settings

Paso 13

Pulsa Control-J para duplicar la capa actual. Cambie el nombre la copia sombra de hojas, cambiar su opacidad de relleno a 0% y enviar la capa hacia atrás (organizar > Enviar atrás). Después de eso, haga doble-clic en la capa de sombra de las hojas para abrir el panel de estilo de capa otra vez. Luego, retire el filtro de sombra interior y editar la sombra con estos valores:

  • Modo de mezcla: multiplicar
  • Color: #000000
  • Opacidad: 19%
  • Usar luz Global: Off
  • Ángulo:
  • Distancia: 15 px
  • Extensión: 26%
  • Tamaño: 7 px
  • Contorno: lineal
  • Suavizado: On
  • Ruido: 0%
  • Capa noquea a sombra: On
Drop Shadow settings

Paso 14

Vamos a eliminar algo de ruido de la textura.

Seleccione la capa de hojas e ir a filtro > ruido > reducir ruido.

Utilice estas opciones:

  • Fuerza: 10
  • Datos de reserva: 11%
  • Reducción de ruido Color: 8%
  • Enfocar detalles: 19%
  • Eliminar artefactos JPEG: Off
Reduce Noise Settings

Paso 15

El aspecto de hojas un poco borroso, así que vamos a añadir un muy sutil afilar a él.

Ir a filtro > enfocar > enfocar y utilizar estos ajustes:

  • Cantidad: 66%
  • Radio: 0.5 px
  • Quitar: Desenfoque gaussiano
Smart Sharpen settings

Paso 16

Ahora vamos a hacer las hojas un poco más verde. Vamos a utilizar un mapa de degradado para eso.

Seleccione la capa de hojas e ir a ventana > ajustes. Haga clic en el icono de crear un nuevo degradado para crear una nueva capa de mapa de degradado.

Creating a new Gradient Map layer

Paso 17

Cambiar el nombre de la capa mapa de degradado a los colores de la hoja y cambiar su opacidad al 50%. Después de eso, haga clic-derecho en la misma capa y seleccione Crear máscara de recorte. Luego haga doble-clic en su miniatura para abrir el panel de propiedades.

Opening the Properties panel

Paso 18

Haga clic en la barra de degradado y editar con estas opciones:

  • Primera parada: #031000 Ubicación: 5%
  • Segunda parada: #054c2b Ubicación: 26%
  • Tercera parada: #106905 Ubicación: 42%
  • Cuarta parada: #86ff5c Ubicación: 87%

Después de eso, vaya al panel de acciones y haga clic en el icono Detener grabación para terminar la acción.

Creating a new gradient

4. Terminar la Composición

Paso 1

Vamos a crear una muy simple sombra debajo del texto.

Elija la herramienta Rectángulo redondeado (U) y crea un rectángulo horizontal negro justo debajo de la capa de sombra de las hojas.

Creating the rounded rectangle

Paso 2

Haga clic-derecho en el capa rectángulo redondeado y elija convertir en objeto inteligente. Luego ir a filtro > Desenfoque > Desenfoque gaussiano y configurelo a 6 px. Después de eso, ajusta la opacidad de la capa del rectángulo redondeado en 71%.

Adding a gaussian blur to the rectangle

Paso 3

Ahora vamos a usar las ramas y pájaros desde el archivo zip. He creado estas ramas con la imagen original del Ficus Pumila. Cortar algunas hojas de ella y me dibujó las ramitas. Luego, poner todo junto y había creado las sombras de las ramas usando estilos de capa y un cepillo suave.

Las aves son de pixabay.com, y tuve que editar demasiado. He quitado el fondo y recrearon algunas piezas pequeñas de las aves que no existían en la imagen original (que se retira de la imagen). Luego apliqué algunas luces y sombras utilizando un estilo de capa. Estos activos fueron escalados para este tutorial.

Así que adelante y abrir los Pájaros y Ramas - Small.psd (archivo zip) y arrastrar y soltar las ramas y las aves a su documento. Después de eso, moverse las capas y colocarlas donde crees que se ve bien.

En el ejemplo siguiente, he duplicado algunas ramas (Control-J) y colocados en los bordes de las letras. Luego me trasladé a las aves en la parte superior de la palabra.

Tenga en cuenta que la capa del pájaro más grande se coloca debajo de la capa de sombra de las hojas. Eso es porque se ve mejor si tiene unas hojas de esconder sus pies. Usted podría utilizar una rama para que también lo hacen, incumbe a usted.

Adding the branches and birds

Felicidades. ¡Usted es Hecho!

En este tutorial, aprendió a crear un efecto texto cubierto de hoja de estilos y pinceles.

En primer lugar, hemos creado dos estilos usando un patrón, una interior y otra para las fronteras del texto. Luego añadió pinceladas al texto y aplica estilos a ellos. Después de eso, se fusionaron todas las capas y aplicar otro estilo para las sombras, hacer que el texto se vea un poco 3D. Entonces, importamos algunas ramas y pájaros el documento acabado la composición.

Recuerde revisar Generador Hoja Photoshop Acción en GraphicRiver.

Leaf Generator promo
Hoja Generador Photoshop Acción

También puede gustarte:


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.