Efecto texto estilo bosquejo

Saltaalavista Blog - 25/02/2014 13:14
Hoy desde Saltaalavista Blog os presentamos la traducción al castellano de este Tutorial publicado por Photoshopstar. Si estas interesado en su versión en inglés encontrarás el enlace que te llevará hasta él al final de esta entrada.

Resultado final:


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230690



Recursos:
Fuente Hall Fetica.

Tutorial:
Paso 1
Crea un Nuevo documento de 1000 por 500 pixeles, después selecciona la herramienta Bote de pintura y rellena el lienzo con el color #d7c7a8.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230711



Paso 2
Selecciona la Herramienta de texto y escribe la palabra Draft. Utiliza la fuente descargada Hall Fetica con un color Negro y un tamaño de 350 px.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230710



Paso 3
Baja el Relleno al 0% en la capa de texto creada.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230709



Paso 4
Doble clic en la capa de texto y aplica un Estilo de capa de Bisel y Relieve con los ajustes mostrados en la imagen de a continuación.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230708



Este es el aspecto que debería tener tu texto ahora.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230707



Paso 5
Duplica la capa de texto con Control+J.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230706



Selecciona la herramienta Mover y desplaza la capa duplicada 5 pixeles a la izquierda y 5 pixeles hacia arriba. (Para ello utiliza las flechas de tu teclado y pulsa 5 veces Flecha izquierda y 5 veces Flecha arriba).


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230705



Paso 6
Doble clic a la capa de texto duplicada y cambia el ángulo y la altitud del Bisel y Relieve por los valores mostrados a continuación.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230704



Así debe verse tu texto tras los pasos realizados.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230703



Paso 7
Selecciona la herramienta Pincel con un tamaño de 1 pixel y una dureza del 100%. Selecciona Negro como color frontal y crea una nueva capa a la que nombrarás Vertical.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230702



A continuación, pintarás líneas verticales sobre los bordes verticales de cada letra de tu texto. Para hacer líneas rectas presiona una vez el pincel para marcar el punto donde quieres que comience tu línea, ahora manteniendo presionada la tecla Mayúsculas presiona el pincel nuevamente donde quieras que termine y se creará una línea recta que unirá ambos puntos.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230701



Paso 8
Después de añadir todas las líneas verticales que tu texto precise, ve a Filtro/Desenfocar/Desenfoque de Movimiento y aplica los siguientes valores.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230700



Paso 9
Crea una nueva capa y la renombramos a Horizontal.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230699



Paso 10
Crea líneas horizontales de la misma forma que lo hicimos en el Paso 7 con las verticales.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230698



Paso 11
Después de añadir todas las líneas horizontales que tu texto precise, ve a Filtro/Desenfocar/Desenfoque de Movimiento y aplica los siguientes valores.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230697



Paso 12
Mayúsculas+Control+E para combinar todas las capas.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230696



Paso 13
Ve a Filtro/Trazos de Pincel/Salpicaduras y aplica los siguientes valores.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230695



Esto dará al diseño un efecto más sucio y realista.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230694



Paso 14
Ve a Filtro/Textura/Texturizar y aplica los valores mostrados a continuación

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230693



Esto dará una textura de papel a nuestro diseño.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230692



Paso 15
Finalmente ve a Filtro/Ruido/Añadir ruido y aplica los siguientes valores.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230691



Resultado final:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230690



-- IMÁGENES ADJUNTAS --

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #190693



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #226149



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230690



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230691



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230692



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230693



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230694



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230695



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230696



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230697



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230698



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230699



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230700



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230701



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230702



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230703



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230704



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230705



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230706



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230707



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230708



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230709



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230710



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #230711