Crear un efecto de texto de boceto de contorno

Este tutorial demostrará una manera fácil de crear un efecto de texto de Photoshop de boceto de contorno usando estilos de capa simples, un pincel y un filtro de desenfoque.


Imagen final

Como siempre, esta es la imagen final que crearemos:
Efecto de boceto de contorno


Detalles del tutorial

  • Programa: Adobe Photoshop CS6 (las versiones CS3 + también funcionarán)
  • Tiempo estimado de finalización: 30 minutos
  • Dificultad: Principiante

Recursos


Paso 1

Cree un nuevo documento de 1000 x 500 px con todas las configuraciones predeterminadas, luego rellénelo con el color # d7c7a8.

Efecto de boceto de contorno 1

Crea el texto en negro usando la fuente “Hall Fetica” y el tamaño de fuente 350 px.

Efecto de boceto de contorno 2

Cambie el valor de Relleno de la capa de texto a 0.

Efecto de boceto de contorno 3


Paso 2

Haga doble clic en la capa de texto para aplicar un efecto de bisel y relieve. Cambie la profundidad a 103, el tamaño a 2, desmarque la casilla Usar luces globales, cambie el ángulo a 170 y la altitud a 32, luego cambie la opacidad del modo de iluminación a 0 y la opacidad del modo de sombra a 74.

Efecto de boceto de contorno 4

Así es como debería verse el texto.

Efecto de boceto de contorno 5


Paso 3

Duplica la capa de texto.

Efecto de boceto de contorno 6

Seleccione la herramienta Mover, luego mueva el texto duplicado 5 px hacia la izquierda y 5 px hacia arriba, haciendo clic en la tecla de flecha izquierda (en el teclado) 5 veces, luego haga clic en la tecla de flecha arriba 5 veces también.

Efecto de boceto de contorno 7


Paso 4

Haga doble clic en la capa de copia de texto para ajustar los valores de Bisel y Relieve, cambiando el Ángulo a 0 y la Altitud a 37.

Efecto de boceto de contorno 8

Esto es lo que deberías conseguir.

Efecto de boceto de contorno 9


Paso 5

Ahora elija la herramienta Pincel, elija una punta de pincel redonda dura de 1 px, establezca el color de primer plano en Negro y cree una nueva capa encima de todas las capas y luego llámela «Vertical».

Efecto de boceto de contorno 10

A continuación, deberá dibujar líneas verticales sobre los bordes verticales del texto. Para crear líneas rectas, haga clic y mantenga presionado el botón del mouse, presione y mantenga presionada la tecla Shift, luego arrastre el pincel. Cuando termine, suelte todo, luego repita para crear las otras líneas.

También puede usar la herramienta Línea para eso, pero deberá fusionar y rasterizar todas las capas de línea cuando haya terminado.

Efecto de boceto de contorno 11

Después de agregar todas las líneas verticales que desee, vaya a Filtro -> Desenfocar -> Desenfoque de movimiento. Cambie el ángulo a 90 y la distancia a 29. Esto hará que las líneas se desvanezcan verticalmente.

Efecto de boceto de contorno 12


Paso 6

Crea una nueva capa encima de todas las capas y llámala «Líneas horizontales».

Efecto de boceto de contorno 13

Crea líneas horizontales sobre los bordes horizontales del texto.

Efecto de boceto de contorno 14

Vaya a Filtro -> Desenfocar -> Desenfoque de movimiento. Cambie el ángulo a 0 y la distancia a 29. Esto hará que las líneas se desvanezcan horizontalmente.

Efecto de boceto de contorno 15


Paso 7

Seleccione todas las capas (haga clic en la que está en la parte superior, luego Mayús + haga clic en la capa Fondo) y vaya a Capa -> Combinar capas.

Efecto de boceto de contorno 16

Vaya a Filtro -> (Galería de filtros) -> Trazos de pincel -> Salpicaduras. Cambie el radio de pulverización a 4 y la suavidad a 15.

Efecto de boceto de contorno 17

Esto hará que el efecto de boceto sea más desordenado y realista.

Efecto de boceto de contorno 18

Vaya a Filtro -> (Galería de filtros) -> Textura -> Texturizador. Elija Sandstone, establezca la Escala en 67, el Relieve en 3 y la Luz en Arriba a la derecha.

Efecto de boceto de contorno 19

Esto agregará una textura similar al papel.

Efecto de boceto de contorno 20

Finalmente, vaya a Filtro -> Ruido -> Agregar ruido. Cambie la cantidad a 3, seleccione el botón Gaussiano y marque la casilla Monocromático.

Efecto de boceto de contorno 21


¡Y hemos terminado!

Espero que hayas disfrutado del tutorial y te haya resultado útil.

Efecto de boceto de contorno

¿Todavía no eres usuari@ de Fiverr ?

Tenemos un post sobre Fiverr donde te contamos cono funciona.

Deja un comentario