Texto gastado y rasgado en Photoshop

Texto gastado y rasgado en Photoshop

Texto gastado y rasgado en Photoshop

En este tutorial de efectos de texto de Photoshop, vamos a aprender cómo crear un efecto «desgastado y rasgado» 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 subiendo al Menú Archivo en la parte superior de la pantalla y seleccionando Nuevo… para crear un nuevo documento de Photoshop. Elegiré un tamaño preestablecido de 640×480 y luego haré clic en Aceptar para que Photoshop cree mi nuevo documento por mí:

Creando un nuevo documento en Photoshop

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

Paso 2: Rellena la capa de fondo con negro

prensa D en su teclado para configurar rápidamente negro como su color de primer plano. Luego usa el atajo de teclado Alt + Retroceso (Ganar) / Opción + Eliminar (Mac) para llenar la capa Fondo con negro:

Rellena la capa de fondo con negro

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

Paso 3: Establezca su color de primer plano en blanco y agregue su texto

prensa X en el teclado esta vez para intercambiar los colores de primer plano y de fondo, por lo que blanco se convierte en su color de primer plano. Entonces agarra tu Herramienta de tipo desde la paleta de Herramientas o presionando T en tu teclado:

Seleccionando la herramienta Texto de la paleta Herramientas.

Seleccione la herramienta Texto de la paleta Herramientas o presione «T» en su teclado.

Luego, con la herramienta Texto seleccionada, elija su fuente en la barra de opciones en la parte superior de la pantalla y agregue su texto. Usaré «Impact» para mi fuente y escribiré la palabra «FEAR». Entonces presionaré Ctrl + T (Ganar) / Comando + T (Mac) para abrir Photoshop Transformación libre cuadro y manijas alrededor de mi texto y mientras mantienes presionado Mayús + Alt (Ganar) / Mayús + Opción (Mac), arrastraré un tirador de esquina para cambiar el tamaño de mi texto y hacerlo más grande. Mantener presionada la tecla Mayús restringe las proporciones del texto mientras lo arrastro, y presionar Alt / Opción obliga al texto a cambiar de tamaño desde el centro. Aquí está mi texto después de cambiar su tamaño:

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

Agregue su texto, luego cambie 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é satisfecho con su texto, vaya al Menú de capas en la parte superior de la pantalla, elija Rasterizary luego elige Escribe. Su texto no se verá diferente en la ventana del documento, pero si observa su capa Tipo en la paleta Capas, verá que ahora se ha convertido en una capa normal:

La paleta 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 Capas.

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

Agarra tu Herramienta Lazo poligonal de la paleta de Herramientas. Se esconde detrás de la herramienta Lazo, así que simplemente haga clic y mantenga presionado el mouse en el icono de la herramienta Lazo y luego seleccione la herramienta Lazo poligonal en el menú desplegable que aparece:

Seleccionando la herramienta Lazo poligonal de la paleta Herramientas.

Seleccione la herramienta Lazo poligonal de la paleta Herramientas.

Luego, con la herramienta Lazo poligonal seleccionada, haga una selección irregular a través de la primera letra de arriba a abajo. Fíjate que no dije arrastrar una selección, y eso se debe a que no arrastra con la herramienta Lazo poligonal. Todo lo que debe hacer es hacer clic dentro del documento una vez con el mouse, luego suelte el botón del mouse y mueva el mouse para crear una línea. Haga clic nuevamente, mueva el mouse nuevamente. Haga clic, mueva, haga clic, mueva, etc. Asegúrese de crear una línea irregular 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 el mouse alrededor del resto de la palabra a la derecha de su línea de selección, de modo que termine con la palabra completa seleccionada excepto por la parte izquierda de la primera. carta, como la que tengo aquí:

Haga una selección irregular a través de la primera letra, luego incluya el resto de la palabra en la selección.

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

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

Cuando esté satisfecho con su selección, presione Ctrl + Mayús + J (Ganar) / Comando + Mayús + J (Mac) para cortar la selección en una nueva capa. No verá que suceda mucho todavía en su Ventana de documento, pero en su paleta 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:

Cortar la selección en una nueva capa.

Presione «Ctrl + Shift + J» (Win) / «Command + Shift + J» (Mac) para cortar la selección en una nueva capa.

Paso 7: Rotar las letras usando el comando Transformación libre

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

El icono de destino en el centro del cuadro Transformación libre.

El icono de destino en el centro del cuadro Transformación libre.

Vamos a rotar un poco el texto para crear el desgarro, y este icono de destino representa el lugar donde todo va a rotar. No queremos que las letras giren alrededor del centro. Queremos que giren desde la esquina superior izquierda, así que para solucionarlo, simplemente haga clic en el icono de destino con el mouse y arrástrelo hacia la esquina superior izquierda. Se encajará en su lugar a medida que se acerque a la esquina:

Arrastrando el icono de destino a la esquina superior izquierda del cuadro Transformación libre.

Haga clic y arrastre el icono de destino a la esquina superior izquierda del cuadro Transformación libre.

Una vez que haya arrastrado el ícono de destino a su nueva ubicación, simplemente mueva el mouse en cualquier lugar fuera del cuadro Transformación libre, luego haga clic y arrastre el mouse hacia arriba o hacia la izquierda para rotar las letras en sentido antihorario, creando un desgarro a través de la primera letra como Estoy haciendo aqui:

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

Gire las letras haciendo clic y arrastrando el mouse fuera del cuadro Transformación libre.

prensa Ingresar o Regreso cuando estés contento con la lágrima que has creado para aceptar la transformación. Aquí está mi texto hasta ahora con un gran desgarro 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: Haga una selección irregular a través de la segunda letra, luego seleccione el resto de la palabra

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

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

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

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

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

Cortar la segunda selección en una nueva capa.

Presione «Ctrl + Shift + J» (Win) / «Command + Shift + J» (Mac) para volver a cortar la selección en una nueva capa.

Paso 10: Rotar las letras usando el comando Transformación libre

Vamos a rotar el contenido en la nueva capa una vez más, así que presione Ctrl + T (Ganar) / Comando + T (Mac) para abrir el cuadro Transformación libre y las manijas. Esta vez, arrastre el ícono de destino central hacia la esquina inferior izquierda para que podamos rotar las letras de la parte inferior izquierda:

Arrastrando el ícono de destino central de Transformación libre a la esquina inferior izquierda.

Haga clic y arrastre el icono de destino a la esquina inferior izquierda.

Luego, mueva el mouse en cualquier lugar fuera del cuadro Transformación libre y haga clic y arrastre hacia abajo o hacia la derecha para rotar las letras en el sentido de las agujas del reloj, creando un desgarro a través de la segunda letra:

Gira 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 un desgarro a través de la segunda letra.

prensa Ingresar (Ganar) / Regreso (Mac) para aceptar la transformación. Aquí está mi texto después de romper la segunda letra:

La segunda letra ahora tiene un desgarro.

El texto ahora tiene lágrimas en la primera y segunda letras.

Paso 11: Repite el proceso para el resto de las letras.

Repite los mismos pasos para las letras restantes. 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. prensa Ctrl + Mayús + J (Ganar) / Comando + Mayús + J (Mac) para cortar la selección en una nueva capa. Entonces presione Ctrl + T (Ganar) / Comando + T (Mac) para abrir el cuadro Transformación libre y las manijas. Arrastre el icono de destino central a la esquina superior izquierda o inferior izquierda para rotar desde ese punto, luego haga clic y arrastre 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. Roté 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

Seleccione todas sus capas de texto en la paleta Capas, primero haciendo clic en la capa superior para seleccionarla y luego Mayús-clic en la capa de texto original directamente encima de la capa Fondo. Esto seleccionará todas sus capas de texto a la vez:

Seleccionar todas las capas de texto en la paleta Capas.

Haga clic en la capa superior, luego presione Mayús y haga 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, presione Ctrl + E (Ganar) / Comando + E (Mac) para fusionarlos todos en una capa. Ahora debería tener solo dos capas en la paleta 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: Agregar una máscara de capa a la nueva capa combinada

Vamos a agregar una máscara de capa a la nueva capa fusionada, pero antes de hacerlo, mantenga presionada la tecla control (Ganar) / Mando y haga clic directamente en la miniatura de la capa fusionada en la paleta Capas para seleccionar rápidamente el texto en la Ventana del documento:

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

Seleccione todo su texto manteniendo presionada la tecla «Ctrl» (Win) / «Comando» (Mac) y haciendo clic en la miniatura de la capa fusionada en la paleta Capas.

Verás aparecer una selección alrededor de tu texto. Con su texto ahora seleccionado, haga clic en el Agregar una máscara de capa en la parte inferior de la paleta Capas:

Haciendo clic en el icono 'Agregar máscara de capa' en la parte inferior de la paleta Capas.

Con el texto seleccionado, haga clic en el icono «Agregar una máscara de capa» para agregar una máscara de capa a la capa de texto combinada.

Verá que la máscara de capa aparece a la derecha de la miniatura de la capa de texto combinada en la paleta Capas, con su texto en blanco y todo el área vacía a su alrededor en negro:

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

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

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

Vamos a darle a nuestro texto un aspecto desgastado agradable en este punto usando el filtro «Salpicaduras». Para hacer eso, con la máscara de capa seleccionada, suba a la Menú de filtro en la parte superior de la pantalla, elija Pinceladasy luego elige Salpicar, que muestra la enorme Galería de filtros de Photoshop configurada con las opciones Salpicaduras (en un círculo rojo a la derecha):

La Galería de filtros de Photoshop está configurada para las opciones de filtro Salpicaduras.

Vaya a Filtro> Trazos de pincel> Salpicadura para abrir la Galería de filtros configurada en las opciones Salpicaduras.

Solo hay dos opciones para el filtro de salpicaduras, Radio de pulverización y Suavidad. Siéntase libre de jugar con ambos controles deslizantes para ver qué configuraciones funcionan mejor para su texto, que puede ver en la gran ventana de vista previa a la izquierda de la Galería de filtros. Acabo de ir y arrastrar ambas barras deslizantes completamente hacia la derecha para establecer ambas opciones en sus valores máximos de 25 para el radio de salpicadura y 15 para la Suavidad, que me da el efecto que estoy buscando:

El texto después de aplicar el filtro Salpicaduras.

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

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

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

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

Haga clic en el icono Estilos de capa en la parte inferior de la paleta Capas.

Entonces seleccionaré Carrera de la lista que aparece:

Seleccionando 'Trazo' de la lista de Estilos de capa.

Seleccione «Trazo» de la lista de estilos de capa.

Esto trae a colación el Estilo de capa cuadro de diálogo establecido en las opciones de Trazo en la columna central. De forma predeterminada, Photoshop usa un color sólido para el trazo, pero voy a usar un degradado en su lugar. Para cambiarlo, haga clic en la flecha que apunta hacia abajo a la derecha del Tipo de relleno opción, luego seleccione Degradado de la lista:

Cambie el tipo de relleno del trazo de 'Color' a 'Degradado'.

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

Las opciones de Tipo de relleno cambiarán a opciones para el degradado. Clickea en el área de vista previa de degradado para abrir Photoshop Editor de degradado para elegir nuevos colores para el degradado:

Las opciones de Tipo de relleno cambian a opciones para el degradado.

Haga clic en el área de vista previa del degradado para abrir el Editor de degradado.

Cuando aparezca el Editor de degradado, haga doble clic en el marcador de color negro en la parte inferior izquierda de la barra de vista previa del degradado en el medio del Editor de degradado, que abrirá el Selector de color y elegirá un color rojo brillante. Haga clic en Aceptar para salir del Selector de color, luego haga doble clic en el marcador de color blanco en la parte inferior derecha de la barra de vista previa del degradado. El Selector de color volverá a aparecer. Elija un color rojo oscuro esta vez, luego haga clic en Aceptar para salir una vez más del Selector de color. Aquí están mis colores a continuación:

Elegir nuevos colores para el degradado de trazo en el Editor de degradado.

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

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

El resultado final del efecto de texto.

El resultado final del efecto de texto.


A dónde ir después …

¡Y ahí lo tenemos! ¡Consulte nuestras secciones Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!