Cómo Crear un Rápido Efecto de Texto de Boceto en Adobe Photoshop

Este tutorial le mostrará como usar los objetos inteligentes, los estilos de capa y algunos filtros para crear un efecto de texto de boceto sencillo. Además, le daré un estupendo consejo para cambiar el color del resultado final, es bastante sencillo usando un Filtro de Foto para ajustar capas. ¡Vamos a comenzar!

Recursos del Tutorial

Los siguientes recursos fueron usados durante la producción de este tutorial:

• La fuente Panton Black Caps 
• 9 Modelos de Cuadernos de Notas de elemisfreebies

1. Creando el Modelo

Paso 1

Crear un documento nuevo de 80 x 80 px, ajuste el color Foreground a #e0e0e0, escoja la Herramienta Brush, y abra el panel Brush (Window > Brush).

Elija un pincel suave con una punta de 1 px, active las casillas Noise y Wet Edges y modifique el resto de los ajustes como se muestra a continuación:

Figuras Dinámicas:

Paso 2

Debe crear una capa nueva y empezar a dibujar algunas líneas diagonales para conseguir un patrón de relleno para su efecto de texto.

Paso 3

Cuando termine, haga visible la capa Background (haciendo clic sobre el icono del ojo que está a su lado), luego diríjase a Edit > Define Pattern, y escriba un nombre para el patrón. Después, haga clic en OK.

2. Crear el Fondo, el Texto y los Filtros de Fotos

Paso 1

Crear otro documento nuevo de 1000 x 750 px, escoja la Herramienta Paint Bucket y elija la opción Pattern que está en la barra de Options, y rellene el Background con cualquier patrón que usted quiera del paquete 9 Patrones de notas.

Paso 2

Crear un texto en Negro usando la fuente Panton Black Caps y el tamaño Size 150 pt.

Paso 3

Haga clic derecho sobre la capa de texto, escoja la opción Convert to Smart Object, y cambie el valor de relleno Fill de está capa a 0.

Luego, duplique tres veces más la capa smart object, para que pueda terminar con un total de 4 capas smart object.

Agrupe todas las capas smart object que tenga y nombre al grupo Text y cambi su modo de mezcla Blend Mode a Normal. Ésta es la parte que le permitirá cambiar el color del texto más fácil, más adelante.

Paso 4

Haga clic sobre el icono Create new fill or adjustment layer que está al pie del panel capas Layer y elija la opción Photo Filter. Coloque la capa de ajuste Foto Filter dentro del grupo Text arriba de todas las capas smart object.

Elija la opción Color, y luego cambie el color a #3f3f3f y la Density a 100% y desactive la casilla Preserve Luminosity.

3. Aplicando estilo al Texto

Paso 1

Haga doble-clic sobre la capa del primer smart object y aplique un efecto Pattern Overlay usando los siguientes ajustes:

• Opacidad: 70%.
• Patrón: Use el patrón que usted creó al comienzo del tutorial.

Esto arreglará la parte interna.

Paso 2

Doble-clic sobre la capa primer copy smart object para aplicar el siguiente estilo de capa:

Añada un Stroke con estos ajustes:

• Size: 1
• Position: Center
• Color: #c9c9c9

Paso 3

Añada un efecto Inner Shadow con los siguientes ajustes:

• Color: #bfbfbf
• Distance: 0
• Spread: 100
• Size: 1

Paso 4

Esto aplicará el estilo stroke sobre la primer capa.  Clic-derecho para aplicar estilo a la capa, elija la opción Copy Layer Style. Luego, seleccione las capas copy que aún quedan, luego clic derecho sobre una de ellas y elija la opción Paste Layer Style.

Paso 5

Doble clic sobre la capa second copy smart object y modifique algunos de los valores usados para el estilo de capa:

Para el efecto Stroke, cambie el Color a #bfbfbf.

Paso 6

Para el efecto Inner Shadow, cambie el tamaño Size a 2.

Esto arreglará la segunda capa stroke.

Paso 7

Doble-clic sobre la capa third copy smart object para cambiar algunos de los ajustes del efecto Stroke:

• Opacity: 90%
• Position: Inside
• Color: #d6d4d4

Esto arreglará la última capa stroke.

4. Aplicando los Filtros

Paso 1

Seleccione la capa first copy smart object y diríjase a Filter > Distort > Ripple. Cambie la cantidad Amount a 20 y el Size a Medium.

Paso 2

Seleccione la capa third copy smart object y diríjase a Filter > Distort > ZigZag. Cambie la Amount a 5, Ridges a 10 y el Style a Out From Center.

Paso 3

Finalmente, diríjase a Filter > Blur > Surface Blur. Cambie el Radius a 3 y el Threshold a 12.

5. Mueva el Texto y Cambie el Color

Paso 1

Lo que necesitará para hacer lo siguientes es escoger la Herramienta Move y luego seleccionar cada una de las tres capas smart object y moverlas levemente. Puede mover cualquiera o todas las capas, eso dependiendo del efecto que quiere conseguir.

Paso 2

Si quiere cambiar el color del texto, entonces todo lo que necesita hacer es seleccionar la capa Photo Filter y en el panel Properties, haga clic sobre la casilla color para elegir una diferente. El color que aquí se uso fue #3060ce.

Coloque la capa Photo Filter dentro del grupo que contiene los elementos que se supone van a afectar, y cambie el modo de mezcla a Normal en lugar de Pass Through, éste es el truco para hacer que funcione.

¡Felicitaciones! Lo termino.

En este tutorial, creamos un patrón sencillo usando una punta de pincel modificada.

Después, rellenamos un fondo con un patrón de líneas de papel, creamos algo de texto y lo convertimos a smart object y luego, creamos un par de copias de él. Luego, arreglamos cada uno de ellos para conseguir el efecto de boceto, con la ayuda de algunos filtros que aplicamos después de aplicar estilos a las capas.

Finalmente, movimos las capas un poco, y usamos una capa de ajuste Photo Filter para cambiar el color del resultado final.

Por favor, siéntase libre de dejar sus comentarios, sugerencias y conclusiones debajo.