1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

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

É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!
Scroll to top

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

Final product imageFinal product imageFinal 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 SizeImage SizeImage 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 LayerAdd a Levels Adjustment LayerAdd a Levels Adjustment Layer

Paso 3

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

Darken the TextureDarken the TextureDarken 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 TextCreate the TextCreate 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 LayerCreate the Chalk LayerCreate the Chalk Layer

Paso 3

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

Convert for Smart FiltersConvert for Smart FiltersConvert 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 NoiseAdd NoiseAdd Noise

Paso 2

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

Diffuse FilterDiffuse FilterDiffuse 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 SelectionCreate a SelectionCreate 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 MaskAdd a Layer MaskAdd a Layer Mask

Paso 3

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

Text Layer Fill ValueText Layer Fill ValueText 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 1Drop Shadow 1Drop 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 2Drop Shadow 2Drop 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 3Drop Shadow 3Drop Shadow 3

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

Styled Text LayerStyled Text LayerStyled 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 ResultFinal ResultFinal Result