Cómo crear un efecto de texto de banner estilo esténcil en Adobe Photoshop

Deformar objetos es una manera fantástica de lograr magníficos efectos realistas. Este tutorial te mostrará cómo usar las propiedades de formas, objetos inteligentes, texturas, estilos de capa, y pinceles para crear un sencillo efecto de texto de banner estilo esténcil. Luego, usarás el comando Deformar para hacer más realista el resultado final y darle más profundidad. ¡Comencemos!

Recursos del tutorial

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

• Fuente Lintsec Regular.
• Imagen de stock de textura de cartón de YmntleStock.
• Imagen Unrestricted Neutral grunge 7 de DavisM-stock.
• Motivo Soft Wallpaper (Tapiz Suave) elaborado por Atle Mo.
• Motivo Concrete wall 3 (muro de concreto) elaborado por Atle Mo.
• También necesitarás cargar un conjunto de pinceles predeterminados de Photoshop. Así que aplica Edición > Ajustes Preestablecidos > Gestor de Ajustes Preestablecidos, y elige Pinceles del menú desplegable Tipo de Ajuste Preestablecido. Luego haz clic en la pequeña flecha ubicada a la derecha del menú desplegable de Tipo de Ajuste Preestablecido, y haz clic en Pinceles Cuadrados cerca de la parte inferior del menú emergente. Cuando el cuadro de diálogo aparezca después de eso, solo haz clic en Añadir, y obtendrás el conjunto de Pinceles Cuadrados.

1. Creando el fondo

Paso 1

Crea un nuevo documento de 909 x 620 px, y establece la Resolución en 200.

Coloca la imagen de stock textura de cartón arriba de la capa Fondo, redimensiónala como sea necesario, y combínala con la capa Fondo cuando termines. Luego duplícala, y ve a Filtro > Convertir para Filtros Inteligentes.

Paso 2

Haz clic en el ícono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elige Niveles.

Paso 3

Haz cic en el ícono Recortar ajuste en capa en la parte inferior del panel Propiedades y cambia el valor de Sombras a 15.

Paso 4

Haz clic de nuevo en el ícono Crear nueva capa de relleno o ajuste y agrega una capa de ajuste de Equilibrio de Color. Haz clic en el ícono Recortar ajuste en capa, asegúrate de que la opción Tonos esté establecida en Medios tonos, y luego cambia los valores a -45, 0, y 2.

2. Creando y colocando los rectángulos y el texto

Paso 1

Toma la Herramienta Rectángulo y crea una forma de 140 x 200 px usando el color #edebdf.

Paso 2

Toma la Herramienta Elipse, y elige la opción Restar Forma Frental en la barra de Opciones. Luego haz clic en el ícono Opciones de Geometría, y establece los valores de la W y la H del Tamaño Fijo en 7.

Lo que necesitarás hacer a continuación es clic y arrastrar ligeramente para crear dos agujeros en la parte superior del rectángulo. También puedes usar algunas guías para ayudarte a colocar los círculos, pero eso no es necesario.

Paso 3

Crea el texto en Mayúsculas, cada letra en una capa separada, usando la fuente Lintsec Regular, el Tamaño 43 pt, y el color Negro.

Paso 4

Coloca la capa de la primera letra debajo de la capa de la forma del rectángulo que creaste, renombra la capa del rectángulo con cualquier letra que esté debajo de ella, y luego selecciona ambas capas.

Toma la Herramienta Mover, y haz clic en los íconos Alinear centros verticales y Alinear centros horizontales en la barra de Opciones.

Paso 5

Duplica la capa del rectángulo, mueve la copia arriba de otra letra, y repite el resto de los pasos hasta que cada letra tenga un rectángulo.

3. Creando las formas finales del esténcil y las capas de sombras

Paso 1

Selecciona todas las capas de texto que tienes, y ve a Texto > Convertir en Forma (o clic-derecho en una de ellas y elige Convertir en Forma).

Paso 2

Selecciona la capa de cada letra y su capa de rectángulo y ve a Capa > Combinar Formas > Restar Formas en Superposición. Esto combinará ambas capas en una, y restará la letra del rectángulo, creando la forma del esténcil.

Paso 3

Repite eso para el resto de las letras que tienes.

Paso 4

Duplica cada capa de forma, coloca la copia debajo de la original y haz doble clic en la miniatura de la copia para cambiar su color a #afaba3.

Una vez que termines, selecciona cada capa de forma que tengas, haz clic derecho en ellas y elige Convertir en Objeto Inteligente. Esto hará no destructivas y editables la Transformación y la Deformación que estarán ejecutándose a continuación.

Paso 5

Selecciona cada copia de capa de forma, y luego ve a Filtro > Desenfocar > Desenfoque Gaussiano, y cambia el Radio a 3.

Paso 6

Después de que apliques el Desenfoque Gaussiano, cambia el Modo de Fusión de las capas que son copia (sombra) a Multiplicar y la Opacidad a 85%.

Esto concluirá la creación de las capas de la sombra y del esténcil.

4. Aplicando estilo a las capas del esténcil y deformando las formas de las sombras.

Paso 1

Haz doble clic en la capa de la forma del esténcil de la primera letra para añadir un efecto de Superposición de Motivo usando los siguientes valores:

• Modo de Fusión: Multiplicar
• Opacidad: 50%
• Motivo: Soft Wallpaper (Tapiz Suave)

Paso 2

Haz clic-derecho en la capa a la que se le aplicó estilo y elige Copiar Estilo de Capa. Luego selecciona el resto de las capas de la técnica de estarcido, haz clic derecho en cualquiera de ellas, y elige Pegar Estilo de Capa. Esto aplicará el efecto Superposición de Motivo al resto de las capas.

Paso 3

Selecciona cada capa del esténcil con su capa de sombra, y luego aplica Edición > Transformación Libre. Rota, mueve y redimensiona las capas seleccionadas como gustes, y pulsa la tecla Intro para aceptar los cambios. Haz lo mismo para el resto de las letras hasta que te guste cómo quedan colocadas.

Paso 4

A continuación, para cada copia de sombra, selecciónala, y luego aplica Edición > Transformar > Deformar, y experimenta con la forma de sombra un poco al hacer clic y arrastrar las áreas de malla, puntos de control y/o manejadores.

Paso 5

Tómate tu tiempo en este paso, y no tengas miedo intentar cosas diferentes y modifica la forma más de una vez hasta que te guste el resultado que obtengas. Pulsa la tecla Intro cuando termines para aceptar los cambios.

Usar el comando Deformar para crear las sombras en lugar del efecto Sombra Paralela nos da mucho mayor control sobre el resultado final y nos ayuda a lograr un efecto final más realista e interesante.

5. Añadiendo una superposición de degradado

Paso 1

Este es un paso opcional sutil, pero ayuda a realzar la iluminación final.

Haz doble clic en la capa de la forma del esténcil de la primera letra, y aplica un efecto de Superposición de Degradado usando un relleno de degradado de Negro a Blanco, y cambia los otros valores como se indica a continuación:

• Modo de Fusión: Luz Suave
• Opacidad: 10%
• Ángulo: 20

Paso 2

Aplica el mismo efecto al resto de las letras, pero asegúrate de cambiar el valor del Ángulo dependiendo de la dirección de la sombra de la letra que modificaste previamente. Puedes hacer eso mientras continúas en la pestaña Superposición de Degradado, al hacer clic y arrastrando el relleno de degradado sobre la letra hasta que te guste como se ve.

Una vez que termines de aplicar el efecto Superposición de Degradado a cada letra, deberías finalizar con algo como esto:

6. Agregando la textura a las formas del esténcil

Paso 1

Coloca la imagen Unrestricted Neutral grunge 7 arriba de todas las capas, y redimensiónala como sea necesario.

Paso 2

Manten presionadas las teclas Comando y Mayúsculas, y haz clic en cada miniatura de la capa de la forma del esténcil para crear una selección.

Paso 3

Haz clic en el ícono Añadir máscara de capa en la parte inferior del panel Capas. Esto usará la selección para crear una máscara que aplique la textura únicamente a las formas del esténcil.

Paso 4

Cambia el Modo de Fusión de la capa de textura a Subexponer Color y su Opacidad a 25%.

7. Creando los trazados del cordón

Paso 1

Crea una nueva capa arriba de todas las capas y llámala Twine. Toma la Herramienta Pluma y elige la opción Trazado en la barra de Opciones.

Lo que necesitarás hacer a continuación es crear los trazados donde quieres agregar el cordón. Puedes hacer clic para añadir puntos de ancla de esquina, y hacer clic y arrastrar para crear curvas. Ten en cuenta que el trazado creado no tiene que ser perfecto, pues puedes tomar la Herramienta Selección Directa (A) en cualquier momento posteriormente para ajustar los puntos de ancla o los manejadores de dirección.

Paso 2

La forma más simple para crear trazados es hacer clic y arrastrar donde quieres que comience el trazado, y luego haciendo clic y arrastrando donde quieres que termine.

Para separar los trazados, mantén presionada la tecla Comando, y haz clic afuera del trazado que has terminado de crear para que no esté conectado al trazado que crearás después de él.

Una vez que termines de crear los trazados, todas las formas del esténcil estarán conectadas.

8. Modificando los pinceles de cordón y contorneando los trazados

Paso 1

Establece el color de Frente en #afaba2, toma la Herramienta Pincel y abre el panel Pincel (Ventana > Pincel). En la pestaña Forma de la Punta del Pincel, modifica los ajustes como se observa a continuación:

Paso 2

Pulsa la tecla Intro una vez para contornear el trazado con la punta del pincel modificada.

De manera alternativa, puedes tomar la Herramienta Selección Directa (A), haz clic derecho en el trazado de trabajo y elige Contornear Trazado. Luego, elige Pincel desde el menú desplegable de Herramienta, asegúrate de que la casilla Simular Presión esté desmarcada, y haz clic en OK.

Paso 3

En Forma de la Punta del Pincel dentro del panel Pincel, elige punta de pincel Cuadrado definido 10 pixeles, y modifica sus parámetros como se observa abajo:

Paso 4

Haz clic en la pestaña Dinámica de Forma, cambia los valores como se muestra en seguida, y asegúrate de establecer el valor de Control de Variación de Ángulo en Dirección. Esto hará que el ángulo de la punta del pincel siga la dirección del trazado.

Paso 5

Crea una nueva capa arriba de la capa Twine, llámala Stripes, y contornea el trazado con la nueva punta de pincel.

Toma la Herramienta Selección Directa (A) y pulsa la tecla Intro para librarte del trazado de trabajo.

Paso 6

Pulsa comando-clic en la miniatura de la capa Twine para crear una selección, selecciona la capa Stripes, presiona las teclas Comando-J para duplicar la selección en una nueva capa, renombra la copia de la capa Stripes, y elimina la capa Stripes original.

Paso 7

Cambia el valor de Relleno de la capa Stripes a 0, luego duplica la capa Twine, arrastra la copia debajo de la original y renómbrala Twine Shadow.

9. Aplicando estilo a las capas Twine y Stripes

Haz doble clic en la capa Twine para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con estos ajustes:

• Tamaño: 14

Paso 2

Agrega una Textura con estos ajustes:

• Motivo: Concrete wall 3 (Muro de Concreto)
• Profundidad: 71%

Paso 3

Agrega una Superposición de Colores con estos ajustes:

• Color: #f5f2ed

También puedes usar cualquier otro color que te guste.

Esto aplicará estilo al cordón.

Paso 4

Haz doble clic en la capa Stripes para aplicar un efecto de Superposición de Colores al cambiar el Modo de Fusión a Multiplicar, y usando también cualquier color que te guste. Aquí, el color usado es #ea4342.

Esto aplicará color a las franjas.

10. Modificando la sombra del cordón

Paso 1

Selecciona la capa Twine Shadow, y toma la Herramienta Marco Rectangular. Selecciona un fragmento del cordón y ve a Edición > Transformar > Deformar.

Paso 2

Transforma la sombra usando el comando Deformar igual que lo hiciste para las sombras de las formas del esténcil originales. Una vez que termines, ve a Selección > Deseleccionar (Comando-D) para librarte de la selección.

Paso 3

Repite los mismos pasos para seleccionar y deformar la sombra de cada pieza. Es mejor mantener la sombra un poco sutil para las pequeñas piezas que conectan las cartulinas del esténcil.

11. Añadiendo viñeta al resultado final

Paso 1

Haz clic en el ícono Crear nueva capa de relleno o de ajuste y elige Degradado.

Paso 2

Usa un degradado Transparente a Relleno con los colores #e3e1d5 para la izquierda y #595959 para la derecha. Cambia el Estilo a Radial y la Escala a 450.

Paso 3

Asegúrate de que la capa Degradado esté arriba de todas las capas, y cambia su Modo de Fusión a Subexposición Lineal.

Paso 4

Selecciona la capa Fondo copia, ve a Filtro > Galería de Efectos Desenfocar > Desenfocar Iris, y cambia el valor de Desenfoque en el panel de Herramientas de Desenfoque ubicado a la derecha a 5.

Puedes cambiar la forma de la elipse al hacer clic y arrastrar los cuatro puntos que están conectados por la línea, y modificar el Área de Transición al hacer clic y arrastrando los cuatro puntos más grandes entre el pivote central y la línea de desenfoque exterior.

Esto añadirá un simple efecto de viñeta al resultado final.

¡Felicidades! Terminaste

En este tutorial, usamos una textura de cartón para el fondo, y ajustamos su color y brillo.

Luego, usamos un par de herramientas y opciones de forma para crear la forma principal del cartón, agregamos el texto, lo convertimos en formas y lo combinamos con las formas de cartulina para obtener las formas finales del esténcil. Luego duplicamos esas formas para crear las sombras, y convertimos todas las capas de formas en Objetos Inteligentes. Aplicamos estilo a las capas, y usamos los comandos Transformar y Deformar para moverlas y volver a definir su forma, antes de agrear una textura simple.

Después de eso, usamos la Herramienta Pluma para crear el trazado del cordón, modificamos un par de pinceles sencillos para contornear los trazados y agregar las franjas, y aplicamos estilo a las partes contorneadas para agregar una textura y color. También modificamos la sombra del cordón para combinar la sombra de los cartulinas.

Finalmente, usamos una capa de ajuste de Degradado y el filtro Desenfoque de Iris para añadir viñetas al resultado final.

Por favor no dudes dejar tus comentarios, sugerencias y resultados en la sección que aparece a continuación.