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

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

Read Time: 5 mins

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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:

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Figuras Dinámicas:

Shape DynamicsShape DynamicsShape Dynamics

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.

Create Pattern FillCreate Pattern FillCreate Pattern Fill

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.

Define PatternDefine PatternDefine Pattern

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.

Fill Background with PatternFill Background with PatternFill Background with Pattern

Paso 2

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

Create the TextCreate the TextCreate the Text

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.

Creating the Smart Object Layers and their GroupCreating the Smart Object Layers and their GroupCreating the Smart Object Layers and their Group

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.

Photo Filter SettingsPhoto Filter SettingsPhoto Filter Settings

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.
Pattern OverlayPattern OverlayPattern Overlay

Esto arreglará la parte interna.

Styled Pattern Filled TextStyled Pattern Filled TextStyled Pattern Filled Text

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
StrokeStrokeStroke

Paso 3

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

  • Color: #bfbfbf
  • Distance: 0
  • Spread: 100
  • Size: 1
Inner ShadowInner ShadowInner Shadow

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.

First Stroke Layer First Stroke Layer First Stroke Layer

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.

StrokeStrokeStroke

Paso 6

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

Inner ShadowInner ShadowInner Shadow

Esto arreglará la segunda capa stroke.

Second Stroke LayerSecond Stroke LayerSecond Stroke Layer

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
StrokeStrokeStroke

Esto arreglará la última capa stroke.

Third Stroke LayerThird Stroke LayerThird Stroke Layer

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.

Ripple FilterRipple FilterRipple Filter

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.

ZigZag FilterZigZag FilterZigZag Filter

Paso 3

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

Surface Blur FilterSurface Blur FilterSurface Blur Filter

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.

Moving the Stroke LayersMoving the Stroke LayersMoving the Stroke Layers

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.

Change the ColorChange the ColorChange the Color

¡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.

Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads