Texto desgastado y desgarrado en Photoshop

0 0
Read Time:13 Minute, 4 Second

Texto desgastado y desgarrado en Photoshop

En este tutorial de efectos de texto de Photoshop, vamos a aprender a crear un efecto «desgastado y desgarrado» con nuestro texto.

Este es el efecto que buscamos:

El efecto final

El resultado final.

¡Empecemos!

Paso 1: Abrir un nuevo documento de Photoshop

Voy a empezar por subir al Menú Archivo en la parte superior de la pantalla y eligiendo Nuevo… para crear un nuevo documento de Photoshop. Elegiré un tamaño preestablecido de 640×480, y luego haré clic en OK para que Photoshop cree mi nuevo documento por mí:

Crear un nuevo documento en Photoshop

Crear un nuevo documento de Photoshop usando el tamaño preestablecido de 640×480. Puedes usar el tamaño que quieras.

Paso 2: Llenar la capa de fondo con negro

Presiona D en tu teclado para configurar rápidamente negro como su color de primer plano. Entonces usa el atajo de teclado Alt+Retroceso (Ganar) / Opción+Borrar (Mac) para llenar la capa de fondo con negro:

Rellena la capa de fondo con negro

Presiona «Alt+Retroceso» (Win) / «Opción+Deliminar» (Mac) para llenar el fondo con negro.

Paso 3: Ponga su color de primer plano en blanco y añada su texto

Presiona X en tu teclado esta vez para intercambiar los colores de primer y segundo plano, así que blanco se convierte en su color de primer plano. Entonces agarra tu Escriba la herramienta… de la paleta de herramientas o pulsando T en tu teclado:

Seleccionando la herramienta Tipo de la paleta Herramientas.

Selecciona la herramienta Tipo de la paleta Herramientas o presionando la «T» de tu teclado.

Luego, con la herramienta Tipo seleccionada, elija su fuente en la Barra de Opciones en la parte superior de la pantalla y añada su texto. Voy a usar «Impacto» para mi fuente, y escribiré la palabra «MIEDO». Luego presionaré Ctrl+T (Ganar) / Comando+T (Mac) para sacar a relucir el Photoshop Transformación libre y manijas alrededor de mi texto y mientras mantengo presionado Shift+Alt (Ganar) / Shift+Opción (Mac), arrastraré una manija de la esquina para redimensionar mi texto y hacerlo más grande. Al mantener pulsada la tecla Mayúsculas, las proporciones del texto se reducen al arrastrarlo, y al mantener pulsada la tecla Alt/Opción, el texto se redimensiona desde el centro. Aquí está mi texto después de redimensionarlo:

Escribiendo la palabra 'MIEDO' en el documento de Photoshop.

Añade tu texto, y luego cambia su tamaño si es necesario con el comando Transformación Libre.

Paso 4: Rasterizar el texto

Necesitamos convertir el texto en píxeles en este punto, así que una vez que estés contento con tu texto, sube al Menú de capas en la parte superior de la pantalla, elija Rasterizary luego elegir Escriba. Su texto no se verá diferente en la Ventana de documento, pero si mira su capa de Tipo en la paleta de Capas, verá que ahora se ha convertido en una capa normal:

La paleta de capas de Photoshop ahora muestra el texto como una capa normal después de rasterizarlo.

Después de rasterizar el texto, se convierte en una capa normal en la paleta de capas.

Paso 5: Haz una selección irregular a través de la primera letra, luego selecciona el resto de la palabra.

Agarra tu Herramienta de lazo poligonal de la paleta de herramientas. Se esconde detrás de la herramienta Lazo, así que sólo tienes que hacer clic y mantener el ratón pulsado en el icono de la herramienta Lazo y luego seleccionar la herramienta Lazo Poligonal en el menú desplegable que aparece:

Seleccionando la herramienta Lazo Poligonal de la paleta de herramientas.

Selecciona la herramienta Lazo Poligonal de la paleta Herramientas.

Luego, con la herramienta de Lazo Poligonal seleccionada, haga una selección dentada a través de la primera letra de arriba a abajo. Fíjense que no dije arrastrar una selección, y eso es porque no se arrastra con la herramienta Lazo Poligonal. Todo lo que haces es hacer clic dentro del documento una vez con el ratón, luego sueltas el botón del ratón y mueves el ratón para crear una línea. Vuelve a hacer clic y mueve el ratón de nuevo. Haz clic, mueve, haz clic, mueve y así sucesivamente. Asegúrate de crear una línea dentada a través de la letra, no una línea recta, ya que este será nuestro primer punto de ruptura.

Una vez que tenga su línea dentada a través de la letra, termine su selección haciendo clic y moviendo su ratón alrededor del resto de la palabra a la derecha de su línea de selección, así que termina con toda la palabra seleccionada excepto la parte izquierda de la primera letra, como tengo aquí:

LEER  Colocando múltiples imágenes en el texto

Haz una selección irregular de la primera letra, y luego incluye el resto de la palabra en la selección.

Haz una selección irregular a través de la primera letra de arriba a abajo, y luego incluye el resto de la palabra que está a la derecha de tu línea irregular en la selección.

Paso 6: Cortar la selección en una nueva capa

Cuando esté contento con su selección, pulse Ctrl+Mayús+J (Ganar) / Comando+Mayúsculas+J (Mac) para cortar la selección en una nueva capa. No verá que ocurra mucho todavía en la Ventana de documento, pero en la paleta de capas, verá que su selección está ahora en una nueva capa, y la única parte de la palabra que queda en la capa de texto original debajo de ella es la parte izquierda de la primera letra que no fue seleccionada:

Cortando la selección en una nueva capa.

Presiona «Ctrl+Mayús+J» (Win) / «Comando+Mayús+J» (Mac) para cortar la selección en una nueva capa.

Paso 7: Rotar las cartas usando el comando de transformación libre

Vamos a crear nuestra primera lágrima en el texto. Con la nueva capa seleccionada en la paleta de capas, presione Ctrl+T (Ganar) / Comando+T (Mac) para sacar a relucir el Transformación libre caja y manijas alrededor de las letras (menos la mitad izquierda de la primera letra, que está en la capa de abajo). Mira en el centro del cuadro de Transformación Libre y verás un pequeño icono de objetivo:

El icono del objetivo en el centro de la caja de la Transformación Libre.

El icono del objetivo en el centro de la caja de la Transformación Libre.

Vamos a rotar un poco el texto para crear la lágrima, y este icono representa el punto donde todo va a girar. No queremos que las letras giren alrededor del centro. Queremos que giren desde la esquina superior izquierda, así que para arreglar eso, simplemente haz clic en el icono de destino con el ratón y arrástralo hasta la esquina superior izquierda. Se encajará en su lugar al acercarse a la esquina:

Arrastrando el icono del objetivo a la esquina superior izquierda del cuadro de Transformación Libre.

Haz clic y arrastra el icono del objetivo a la esquina superior izquierda del cuadro Transformación Libre.

Una vez que hayas arrastrado el icono del objetivo a su nueva ubicación, simplemente mueve el ratón a cualquier lugar fuera del cuadro de Transformación Libre, luego haz clic y arrastra el ratón hacia arriba o hacia la izquierda para girar las letras en sentido contrario a las agujas del reloj, creando un desgarro a través de la primera letra como estoy haciendo aquí:

Haga clic y arrastre fuera del cuadro de Transformación Libre para rotar las letras.

Gire las letras haciendo clic y arrastrando el ratón fuera del cuadro de Transformación Libre.

Presiona Entra en o Devuelve cuando estás contento con la lágrima que has creado para aceptar la transformación. Aquí está mi texto hasta ahora con una gran lágrima a través de la letra «F»:

El texto que muestra el desgarro a través de la primera letra.

La letra «F» ahora tiene un gran desgarro a través de ella.

Paso 8: Haz una selección irregular a través de la segunda letra, y luego selecciona el resto de la palabra.

Con la herramienta Lazo poligonal aún seleccionada, haga otra selección dentada, esta vez a través de la segunda letra, y luego incluya el resto de la palabra a la derecha de la línea dentada en su selección:

Haciendo una selección dentada a través de la segunda letra.

Haga una selección dentada a través de la segunda letra, luego incluya el resto de la palabra a la derecha de la línea dentada en la selección.

Paso 9: Cortar la selección en una nueva capa

Con su selección creada, pulse Ctrl+Mayús+J (Ganar) / Comando+Mayúsculas+J (Mac) para cortar la selección en una nueva capa:

Cortando la segunda selección en una nueva capa.

Presiona «Ctrl+Mayús+J» (Win) / «Comando+Mayús+J» (Mac) para volver a cortar la selección en una nueva capa.

Paso 10: Rotar las cartas usando el comando de transformación libre

Vamos a rotar el contenido de la nueva capa una vez más, así que presiona Ctrl+T (Ganar) / Comando+T (Mac) para sacar a relucir la caja y las asas de Transformación Libre. Esta vez, arrastra el icono del objetivo central hacia abajo en la esquina inferior izquierda para que podamos girar las letras de la parte inferior izquierda:

Arrastrando el icono del objetivo central de Transformación Libre a la esquina inferior izquierda.

Haz clic y arrastra el icono del objetivo a la esquina inferior izquierda.

A continuación, mueve el ratón a cualquier lugar fuera del cuadro de Transformación libre y haz clic y arrastra hacia abajo o hacia la derecha para girar las letras en el sentido de las agujas del reloj, creando una lágrima a través de la segunda letra:

LEER  Efecto de texto retro de los 80 con Photoshop

Girando el contenido en el sentido de las agujas del reloj para crear un desgarro a través de la segunda letra.

Gire las letras en el sentido de las agujas del reloj esta vez para crear una lágrima a través de la segunda letra.

Presiona Entra en (Ganar) / Devuelve (Mac) para aceptar la transformación. Aquí está mi texto después de romper la segunda carta:

La segunda carta ahora tiene una lágrima a través de ella.

El texto ahora tiene lágrimas a través de la primera y segunda letra.

Paso 11: Repita el proceso para el resto de las cartas

Repita los mismos pasos para el resto de las cartas. Primero haga una selección irregular a través de la letra con la herramienta Lazo Poligonal, luego incluya el resto de la palabra a la derecha de la línea irregular en la selección. Presione Ctrl+Mayús+J (Ganar) / Comando+Mayúsculas+J (Mac) para cortar la selección en una nueva capa. Luego presione Ctrl+T (Ganar) / Comando+T (Mac) para sacar a relucir la caja y las asas de Transformación Libre. Arrastra el icono del centro del objetivo a la esquina superior izquierda o inferior izquierda para rotar desde ese punto, luego haz clic y arrastra en cualquier lugar fuera del cuadro Transformación libre para rotar el contenido de la capa.

Aquí está mi palabra «MIEDO» después de crear mis lágrimas a través de las dos letras restantes. Giré la «A» de la parte superior izquierda y la «R» de la parte inferior izquierda:

El texto después de romper las cuatro letras.

El texto después de crear lágrimas en las cuatro letras.

Paso 12: Fusionar todas las capas de texto en una sola

Seleccione todas las capas de texto en la paleta de capas, primero haciendo clic en la capa superior para seleccionarla y luego Shift-clic en la capa de texto original directamente sobre la capa de fondo. Esto seleccionará todas las capas de texto a la vez:

Seleccionando todas las capas de texto en la paleta de capas.

Haga clic en la capa superior, luego Shift-clic en la capa de texto original sobre la capa de fondo para seleccionar todas las capas de texto a la vez.

Con todas las capas de texto seleccionadas, pulse Ctrl+E (Ganar) / Comando+E para fusionarlas todas en una capa. Ahora sólo deberías tener dos capas en la paleta de capas:

Fusionando todas las capas de texto en una sola capa.

Presione «Ctrl+E» (Win) / «Comando+E» (Mac) para fusionar todas las capas de texto en una sola capa.

Paso 13: Añadir una máscara de capa a la nueva capa fusionada

Vamos a añadir una máscara de capa a la nueva capa fusionada, pero antes de hacerlo, mantén pulsada tu Ctrl (Ganar) / Comando y haga clic directamente en la miniatura de la capa fusionada en la paleta de Capas para seleccionar rápidamente el texto en la Ventana de Documento:

Mantenga pulsada la tecla Ctrl (Win) / Comando (Mac) y haga clic en la miniatura de la capa fusionada.

Seleccione todo el texto manteniendo pulsada la tecla «Ctrl» (Win) / «Command» (Mac) y haciendo clic en la miniatura de la capa fusionada en la paleta de capas.

Verá aparecer una selección alrededor de su texto. Con su texto ahora seleccionado, haga clic en el Añadir una máscara de capa en la parte inferior de la paleta de capas:

Haciendo clic en el icono

Con el texto seleccionado, haga clic en el icono «Add A Layer Mask» para añadir una máscara de capa a la capa de texto fusionada.

Verá que la máscara de capa aparece a la derecha de la miniatura de la capa de texto fusionado en la paleta de capas, con su texto apareciendo en blanco y toda el área vacía alrededor de ella apareciendo en negro:

La paleta de capas que muestra la máscara de la capa a la derecha de la miniatura de la capa fusionada.

La máscara de la capa aparece a la derecha de la miniatura de la capa fusionada.

Paso 14: Aplicar el filtro de «salpicaduras» a la máscara de capa

Vamos a darle a nuestro texto un aspecto desgastado en este punto usando el filtro «Spatter». Para ello, con la máscara de capa seleccionada, sube a la Menú de filtrado en la parte superior de la pantalla, elija Cepilladoy luego elegir Salpicaduras…lo que nos lleva a la enorme Galería de Filtros de Photoshop con las opciones de Salpicaduras (en el círculo rojo de la derecha):

La Galería de Filtros de Photoshop configuró las opciones del filtro de salpicaduras.

Ve a Filtro; Pinceladas; Salpicadura para subir la Galería de Filtros establecida en las opciones de Salpicadura.

LEER  Falsificación de texto envuelto en Photoshop

Sólo hay dos opciones para el filtro de salpicaduras, Radio de pulverización y Suavidad. Siéntete libre de jugar con ambos deslizadores para ver qué ajustes funcionan mejor para tu texto, que puedes ver en la gran ventana de vista previa a la izquierda de la Galería de filtros. Acabo de ir y arrastrar ambas barras de deslizamiento hasta la derecha para establecer ambas opciones a sus valores máximos de 25 para el radio de salpicadura y 15 por la suavidad, que me da el efecto que busco:

El texto después de aplicar el filtro de salpicaduras.

El texto después de aplicar el filtro «Spatter».

Paso 15: Aplicar un trazo al texto para completar el efecto

Para terminar, voy a añadir un trazo a mi texto. Con mi capa de texto seleccionada, voy a hacer clic en el Estilos de capas en la parte inferior de la paleta de capas:

Haciendo clic en el icono de Estilos de Capa en la parte inferior de la paleta de Capas.

Haz clic en el icono de Estilos de Capa en la parte inferior de la paleta de Capas.

Entonces seleccionaré Golpe de la lista que aparece:

Seleccionando

Seleccione «Trazo» de la lista de Estilos de Capa.

Esto trae a colación el Estilo de capa en la columna central. Por defecto, Photoshop usa un color sólido para el trazo, pero yo voy a usar un degradado en su lugar. Para cambiarlo, haz clic en la flecha que apunta hacia abajo a la derecha de la Tipo de relleno y luego seleccione Gradiente de la lista:

Cambie el tipo de relleno del trazo de

Cambie el «Tipo de relleno» del trazo de «Color» a «Gradiente».

Las opciones de tipo de relleno cambiarán entonces a opciones para el gradiente. Haga clic en el botón área de vista previa del gradiente para sacar a relucir el Photoshop Editor de Gradientes para elegir nuevos colores para el gradiente:

Las opciones de tipo de relleno cambian a opciones para el gradiente.

Haz clic en el área de vista previa de gradientes para que aparezca el editor de gradientes.

Cuando aparezca el editor de gradientes, haga doble clic en el marcador de color negro en la parte inferior izquierda de la barra de vista previa del gradiente en el centro del Editor de Gradientes, que hará aparecer el Selector de Colores, y elegirá un color rojo brillante. Haga clic en OK para salir del Selector de colores, y luego haga doble clic en el marcador de color blanco en la parte inferior derecha de la barra de vista previa del gradiente. El Selector de color volverá a aparecer. Elija un color rojo oscuro esta vez, luego haga clic en Aceptar para salir nuevamente del Selector de colores. Aquí están mis colores abajo:

Eligiendo nuevos colores para el gradiente de trazos en el Editor de Gradientes.

Elija un rojo brillante para el color de la izquierda del gradiente y un rojo oscuro para el color de la derecha.

Haga clic en Aceptar para salir del Editor de degradados, luego haga clic en Aceptar para salir del cuadro de diálogo Estilo de capa para aplicar el trazo al texto (no es necesario hacer ningún otro cambio en las opciones de trazo), ¡y listo! Aquí, con mi trazo de gradiente aplicado, es mi efecto final de texto «desgastado y desgarrado»:

El resultado final del efecto del texto.

El resultado final del efecto del texto.

A dónde ir después…

¡Y ahí lo tenemos! Echa un vistazo a nuestras secciones de Efectos de Texto o Efectos de Foto para ver más tutoriales de efectos de Photoshop!

Otros tutoriales que podrían interesarte…

About Post Author

Tutoriales Photoshop

Originario de Italia y actualmente viajando. Me apasiona el mundo del diseño gráfico. Llevo más de 20 años en la industria trabajando para todo tipo de empresas. Si eres un "lover" de PhotoShop como yo, deseo que aprendas mucho de mi blog, siempre en constante crecimiento.
Happy
Happy
%
Sad
Sad
%
Excited
Excited
%
Sleepy
Sleepy
%
Angry
Angry
%
Surprise
Surprise
%
error: Content is protected !!