¿Cómo Crear una Nota de Rescate con Efecto de Texto de Periódico en Adobe Photoshop?

Este tutorial te mostrará cómo usar muchas fuentes, formas, texturas, y una punta de pincel, para crear una nota de rescate con un efecto de texto de letras sacadas del periódico en Adobe Photoshop. ¡Comencemos!

Este efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Elementos del Tutorial

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

• Fuente Bodoni MT
• Fuente OldSansBlack
• Fuente Yeseva One
• Fuente Roboto
• Fuente Aldo
• Fuente Typography Times
• Fuente Riot Squad NF
• Fuente The Bold Font
• Fuente MonoSpatial
• Fuente Fette Bauersche Antiqua
• Fuente Porter Sans Block
• Fuente Droid Serif
• Fuente Built Titling
• Paper Grain Texture por JustinBHB
• Paper Texture (1) por ChiaraLily9
• Paper Texture (2) por evusha

1. ¿Cómo Crear el Fondo y las Capas de Texto?

Paso 1

Crea un nuevo documento de 1000 x 1000 px. Da clic en el icono de Crear Nuevo Relleno o Capa de Ajuste en la parte inferior del panel de Capas, escoge Color Sólido, y usa el color de relleno #f6f6f6.

Paso 2

Crea el texto, cada letra en capas separadas, y usa muchas fuentes y tamaños diferentes, como te guste, pero asegúrate de de poner el Color a #565656.

Pon cada letra en un grupo que tenga su nombre, y pon cada letra de la palabra en un grupo con el nombre de la palabra.

Paso 3

Luego de eso, necesitarás añadir algunas letras, antes o después de cada letra que tengas, para hacer que el efecto se vea más realista, ya que las letras no se encuentran usualmente separadas en periódicos.

2. ¿Cómo Añadir Formas y Bloques de Texto de Relleno?

Paso 1

Coge la Herramienta Rectángulo, y crea las líneas debajo de algunas de las letras que tengas.

Si haces cualquier adición al texto que tengas, pon las capas de la letra a través de esas capas de adiciones en un nuevo grupo dentro del grupo de letras originales.

Esto mantendrá las cosas organizadas y facilitará el trabajo.

Paso 2

Para añadir texto de relleno a cualquiera de las letras que tengas, coge las Herramienta Texto, clic-arrastra una casilla debajo de las letras que quieras añadir el texto de relleno y ve a Texto > Pegar Lorem Ipsum.

Cambia la fuente y el tamaño a los valores que quieras.

Paso 3

Puedes borrar las partes del texto de relleno si añadirás letras múltiples, para evitar tener bloques repetidos de texto.

Paso 4

Otra cosa que puedes usar el la Herramienta Rectángulo para añadir casillas detrás de las letras. Si lo haces, pon el color de relleno de la casilla a #565656 y el color de texto a #ececec.

3. ¿Cómo Añadir Máscaras de Capa?

Paso 1

Coge la Herramienta Lazo, selecciona un grupo de letra, y dibuja una selección alrededor de la letra que necesitas mostrar, que es la letra en nombre del grupo.

Prueba darle forma a la selección como un pedazo de papel.

Aquí es donde añadirás las letras aleatorias al original, ya que puedes incluir partes de ellas para hacer que el efecto se vea más realista.

Paso 2

Luego de crear la selección, da clic en Añadir Máscara de Capa, icono que se encuentra en la parte inferior del panel de Capas.

Paso 3

Repite eso para enmascarar el reto de los grupos de letra. Puedes ajustar la máscara cuando sea que lo necesites, así que no te preocupes en hacerlo perfecto ahora.

4. ¿Cómo Añadir una Textura de Papel Básica?

Paso 1

Pon la imagen de Paper Grain Texture en la parte inferior del primer grupo de letra, y cambia el tamaño cuanto sea necesario.

Paso 2

Cambia el Modo de Fusión de la capa o el grupo encima de la capa Paper Grain Texture a Subexposición Lineal.

Paso 3

Duplica la capa Paper Grain Textura, y repite los pasos para añadirla a las letras restantes.

Paso 4

Si necesitas mover una máscara de grupo luego de añadir la textura, puedes desvincular la máscara del grupo, dando clic en el icono de vincular entre sus miniaturas, y luego mover la máscara y re-vincularlo al grupo una vez más.

5. ¿Cómo Añadir una Textura de Papel Estropeada?

Paso 1

Pon la Paper Texture (1) encima del primer grupo de letra; cambia el tamaño cuanto sea necesario, y cambia su Modo de Fusión a Multiplicar.

Paso 2

Duplica la textura y añádelo al resto del grupo de las letras.

6. ¿Cómo Crear una Punta de Bordes Rasgados?

Coge la Herramienta Pincel y abre el panel Pincel.

Escoge la punta Tiza 23 píxeles, y usa esta configuración:

Forma de la Punta del Pincel

Dinámica de la Forma

7. ¿Cómo Crear un Trazado de Trabajo a Partir de una Selección?

Paso 1

Presiona Comando-clic en la primera máscara del grupo de letras para crear una selección.

Paso 2

Abre el panel de Trazados, y da clic en el icono Crear trazado de trabajo a partir de selección en la parte inferior del panel.

8. ¿Cómo Contornear un Trazado de Trabajo?

Paso1

Asegúrate de que la Herramienta Pincel esté activa con la punta modificada y que el icono de la máscara del primer grupo de letras esté seleccionado, y poner el Color Frontal a Negro.

Paso 2

Presiona la tecla Regresar para contornear el trazado con la punta del pincel, y añade los bordes rasgados a la máscara.

Paso 3

Repite eso para el resto de las letras que tengas.

Una vez que termines, coge la Herramienta de Selección Directa (A), y presiona la tecla Regresar una vez más para borrar el trazado de trabajo.

9. ¿Cómo Añadir Bordes Rasgados?

Paso 1

Para hacer el efecto más realista, vamos añadir algunos bordes a los que están rasgados.

Comienza añadiendo la imagen de paper texture (2) debajo del primer grupo de letras y asegúrate de que esté puesto fuera.

Paso 2

Mantén presionada la tecla Opción y da clic-arrastra la máscara del grupo de letra a la capa paper texture (2) para duplicarla. 

Paso 3

Coge la Herramienta Mover, y usa las teclas Arriba y Abajo para empujar un poco la imagen paper texture (2) más allá de las letras de papel.

Paso 4

De nuevo, repite para el resto de las letras.

10. ¿Cómo Añadir una Sombra Paralela?

Paso 1

Da doble-clic la primera capa paper texture (2) de la primera letra para aplicar el efecto de Sombra Paralela con esta configuración:

• Opacidad: 35%
• Distancia: 3
• Tamaño: 7

Paso 2

Da clic-derecho a la capa de estilo; escoge Copiar Estilo de Capa, selecciona todas las otras capas paper texture (2), da clic-derecho en cualquiera una de ellas, y escoge Pegar Estilo de Capa.

11. ¿Cómo Crear un Efecto de Sangrado?

Paso 1

Para añadir el efecto de sangrado, añade algo de texto Lorem Ipsum encima del grupo de letras.

Paso 2

Ve a Edición > Transformar > Voltear Horizontal, y cambia la Opacidad dela capa a 10%.

Repite para añadirlo a las otras letras.

12. ¿Cómo Transformar Grupos de Elementos?

Paso 1

Antes de hacer cualquier cambio, puedes cambiar algunos de los colores a rojo y azul. Los valores usados aquí son #d66161 para el rojo y #6a8ebc para el azul.

Paso 2

Luego, vamos a transformar algunas de las letras para crear un resultado más dinámico.

Selecciona el grupo de letras y sus capas paper texture (2), y presiona Comando-T para entrar al Modo de Transformación Libre.

Si pruebas hacer cualquier cambio en el momento, debes notar que pasarán de una manera extraña. Esto es porque las texturas de papel son muy grandes, y los puntos de ancla/eje no están en el centro de la letra misma.

Para resolver este problema, mantén presionada la tecla Opción, y da clic-arrastra el punto de ancla al centro de la letra.

Paso 3

Mueve, rota y cambia el tamaño de la letra cuanto sea necesario. Presiona la tecla Regresar para aplicar los cambios.

Paso 4

Repite los mismos pasos para transformar cualquier otra letra que quieras.

13. ¿Cómo Añadir una Textura Simple de Fondo?

Paso 1

Añade otra copia de la imagen de paper texture (2) encima de la capa de Color Sólido, cambia el tamaño cuanto sea necesario y cambia la Opacidad de la capa a 50%.

Paso 2

Mantén en mente que puedes ajustar las fuentes, tamaños y las formas de la máscara de capa en cualquier momento hasta que te guste el resultado.

¡Felicidades! ¡Lo Hiciste!

En este tutorial, creamos muchas capas de texto con diferentes fuentes y tamaños de fuentes, las agrupamos, y luego añadimos un par de imágenes de textura de papel.

También creamos formas, añadimos textos de relleno, y ajustamos puntas de pince de bordes rasgados para crear máscaras de capa.

Finalmente, cambiamos el color de algunos elementos, y transformamos un par de ellas para lograr el resultado final.

Siéntete libre de dejar tus comentarios, sugerencias y resultados abajo.