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

Cómo Crear un Estilizado Efecto de Texto de Tiza en Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

Éste tutorial te mostrará una manera realmente fácil y rápida para crear un estilizado efecto de texto de tiza, usando algunos filtros y efectos de sombra paralela. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en Envato Market.

Recursos del Tutorial

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

1. Crea el Fondo

Paso 1

Abre la imagen del Pizarrón, y luego ve a Imagen > Tamaño de Imagen, y establece la Anchura en 1000 px.

Image Size

Paso 2

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

Add a Levels Adjustment Layer

Paso 3

Establece el valor de Medios Tonos en 0.95. Ésto oscurecerá la textura un poco.

Darken the Texture

2. Crea las Capas del Texto y de la Tiza

Paso 1

Crea el texto usando la fuente Magnolia Script. Establece el Tamaño en 200 pt, y si estás usando múltiples líneas de texto, establece el Interlineado a un valor de unos 185 pt.

Create the Text

Paso 2

Establece los colores de Frente y Fondo en Negro y Blanco.

Crea una nueva capa debjo de la capa del texto, llámala Chalk (Tiza), y rellénala de Negro.

Create the Chalk Layer

Paso 3

Ve a Filtro > Convertir para Filtros Inteligentes, para convertir la capa en un objeto inteligente.

Convert for Smart Filters

3. Aplica los Filtros

Paso 1

Ve a Filtro > Ruido > Añadir Ruido.

Cambia la Cantidad a 150 y la Distribución a Gaussiano, y marca la casilla Monocromático.

Add Noise

Paso 2

Ve a Filtro > Estilizar > Difusión y elige el Modo Solo Aclarar.

Diffuse Filter

4. Enmascara la Textura de Tiza

Paso 1

Haz comando-click en la miniatura de la capa del texto para crear una selección.

Create a Selection

Paso 2

Haz click en el ícono Añadir máscara de capa en la parte inferior del panel Capas.

Add a Layer Mask

Paso 3

Selecciona la capa del texto, y cambia su valor de Relleno a 0.

Text Layer Fill Value

5. Aplicar Estilo a la Capa del Texto

Haz doble-click en la capa del texto para aplicar el siguiente estilo de capa:

Paso 1

Agrega una Sombra Paralela con éstos parámetros:

  • Color: #1e1c1e
  • Opacidad: 100%
  • Distancia: 6
  • Extensión: 35
  • Tamaño: 1
  • Ruido: 100%
Drop Shadow 1

Paso 2

Haz click en el ícono + a la derecha de la pestaña Sombra Paralela para agregar otra instancia con éstos parámetros:

  • Color: #b57b88
  • Opacidad: 100%
  • Distancia: 7
  • Extensión: 60
  • Tamaño: 5
  • Ruido: 50%
Drop Shadow 2

Paso 3

Agrega otra instancia de Sombra Paralela con éstos parámetros:

  • Color: #000000
  • Opacidad: 25%
  • Distancia: 15
  • Extensión: 0
  • Tamaño: 15
  • Ruido: 30%
Drop Shadow 3

Ésto creará el contorno de tiza coloreado y finalizará el efecto de texto.

Styled Text Layer

¡Felicidades, Terminaste!

En éste tutorial, creamos un sencillo fondo usando una textura de pizarrón, y luego creamos texto y una capa de objeto inteligente para trabajar en el efecto.

Después de eso, aplicamos algunos filtros para crear el principal efecto de tiza y lo enmascaramos con el texto que creamos.

Finalmente, aplicamos estilo al texto usando un par de efectos de sombra paralela con diferentes parámetros para crear el contorno con color.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.

Final Result
Advertisement
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.