El efecto de los bordes desgastados y rasgados de las fotos en Photoshop

0 0
Read Time:15 Minute, 27 Second

Cómo crear bordes de fotos desgastados y desgarrados

Paso 1: Duplicar la capa de fondo

Con su imagen recién abierta en Photoshop, verá en su panel de Capas que se encuentra en la capa de Fondo, actualmente la única capa del documento:

El panel de capas que muestra la foto en la capa de fondo.

El panel de capas que muestra la foto en la capa de fondo.

Lo primero que tenemos que hacer es duplicar esta capa. Subir al Capa en la barra de menú de la parte superior de la pantalla, elija Nuevoy luego elige… Capa a través de la copia. O bien, pulse Ctrl+J (Ganar) / Comando+J (Mac) en su teclado para seleccionar el mismo comando con el práctico atajo:

Seleccionando el comando Nueva Capa mediante Copiar en el menú Capa.

Pasando a Capa; Nueva; Capa a través de Copia.

No le pasará nada a la imagen en el área principal del documento, pero si miramos de nuevo en el panel de Capas, vemos que Photoshop ha hecho una copia de la capa de Fondo y la ha colocado en una nueva capa llamada Capa 1 sobre la original:

La Capa 1 ahora aparece sobre la capa de fondo en el panel de Capas.

La capa 1 aparece ahora sobre la capa de fondo.

Relacionado: Aprenda todo sobre las capas en Photoshop

Paso 2: Añadir más espacio de lona

A continuación, vamos a añadir un poco de espacio extra de lienzo alrededor de la imagen. Sube al Imagen en la parte superior de la pantalla y elegir Tamaño del lienzo:

Seleccionando el comando Tamaño del Lienzo en el menú Imagen.

Pasando a Imagen; Tamaño del lienzo.

Esto abre el cuadro de diálogo Tamaño del Lienzo de Photoshop. Primero, asegúrese de que el Pariente que le dice a Photoshop que empiece con el tamaño actual del lienzo y le añada más espacio. Entonces, establece tanto el Ancho y Altura valores a alrededor de 20 por ciento. Eso debería darnos espacio más que suficiente para trabajar. Finalmente, asegúrate de que el caja central en el Rejilla de anclaje se selecciona para que Photoshop sepa cómo añadir el espacio extra uniformemente alrededor de la imagen:

El cuadro de diálogo Tamaño del lienzo.

El cuadro de diálogo Tamaño del lienzo.

Haga clic en Aceptar para cerrar el cuadro de diálogo. Photoshop añade el espacio extra de lienzo alrededor de la foto:

Seleccionando el comando Tamaño del Lienzo en el menú Imagen.

Se ha añadido el espacio extra de la lona.

Paso 3: Añadir una nueva capa en blanco debajo de la capa 1

A continuación, tenemos que añadir una nueva capa en blanco entre nuestras dos capas existentes. Presiona y mantén pulsada la tecla Ctrl (Ganar) / Comando (Mac) en tu teclado y haz clic en el Nueva capa en la parte inferior del panel de Capas:

Haciendo clic en el icono de Nueva Capa en el panel Capas.

Haciendo clic en el icono de Nueva Capa mientras mantiene pulsada la tecla Ctrl (Win) / Comando (Mac).

Normalmente, Photoshop habría añadido la nueva capa sobre la Capa 1, pero al mantener pulsada la tecla Ctrl (Win) / Comando (Mac) mientras pulsábamos el icono de la nueva capa, le dijimos a Photoshop que la añadiera debajo En cambio, la capa 1. Nuestra nueva capa en blanco (Capa 2) ahora aparece entre la Capa 1 y la capa de Fondo:

El panel de Capas que muestra la Capa 2 entre la Capa 1 y la Capa de Fondo.

La recién añadida Capa 2.

Paso 4: Llenar la nueva capa con blanco

Por el momento, nuestra nueva capa está en blanco. Necesitamos llenarla con blanco que servirá como fondo para el efecto. Sube al Edita en la parte superior de la pantalla y elegir Llene:

Seleccionando el comando Rellenar en el menú Edición.

Ir a Editar; Llenar.

Esto abre el cuadro de diálogo de relleno de Photoshop. Establece el Contenido* opción en la parte superior para Blancoy luego haga clic en OK (*en las versiones de Photoshop anteriores a CC 2020, la opción de Contenido se llama Utilice):

Configurando la opción de Contenido a Blanco en el cuadro de diálogo Relleno.

Ajustar la opción Contenido (Uso) a Blanco.

No parecerá que haya pasado nada en el área principal de documentos, pero si miramos el vista previa de la miniatura para la Capa 2 en el panel de Capas, vemos que la capa está ahora llena de blanco:

Seleccionando el comando Rellenar en el menú Edición.

Las miniaturas de la vista previa nos muestran el contenido de cada capa.

Paso 5: Seleccionar la capa superior

Haga clic en Capa 1 en el panel de Capas para seleccionarlo y activarlo:

Seleccionando la Capa 1 en el panel de Capas.

Seleccionando la Capa 1.

Paso 6: Agregar una máscara de capa

Con la Capa 1 seleccionada, haga clic en el Añadir máscara de capa en la parte inferior del panel de Capas:

Haciendo clic en el icono Añadir máscara de capa en el panel Capas.

Haciendo clic en el icono Añadir máscara de capa.

Un blanco de relleno… máscara de capa miniatura aparece a la derecha de la miniatura de la vista previa de la Capa 1, haciéndonos saber que la máscara de la capa ha sido añadida:

Aparece una miniatura de la máscara de capa.

Aparece una miniatura de la máscara de capa.

Relacionado: Comprensión de las máscaras de capa en Photoshop

Paso 7: Seleccionar la herramienta del pincel

Seleccione Photoshop’s… Herramienta de cepillos desde el panel de herramientas a la izquierda de la pantalla. También puede seleccionar la herramienta de pinceles pulsando la letra B en tu teclado:

Seleccionando la Herramienta de Cepillos en el panel de Herramientas.

Agarrar el cepillo.

Paso 8: Seleccionar el cepillo de cerdas redondas de 100 px.

Con la Herramienta del Cepillo seleccionada, haga clic en el El panel de cepillos en la barra de opciones de la parte superior de la pantalla:

LEER  Efecto fotográfico de viñeta clásico: tutorial de Photoshop

Haciendo clic en el icono del panel de pinceles en la barra de opciones.

Haciendo clic en el icono del panel de pinceles en la barra de opciones.

Esto abre el panel principal de Photoshop. Haga clic en el Preselecciones del cepillo en la esquina superior izquierda del panel para ver una lista de pinceles preestablecidos que podemos elegir:

Haciendo clic en el botón de Preconfiguraciones del Pincel en el panel de Pinceles.

Haciendo clic en el botón de Preconfiguraciones de pincel.

Necesitamos un pincel específico para nuestro efecto, así que para que sea más fácil encontrarlo, haga clic en el pequeño Icono del menú en la esquina superior derecha del panel de la brocha:

Haciendo clic en el icono del menú del panel de pinceles.

Haciendo clic en el icono del menú.

Entonces elige cualquiera de los dos Pequeña lista o Lista grande del menú que aparece. Elegiré Lista Grande. Esto mostrará los nombres reales de los pinceles en lugar de sólo las miniaturas o las pinceladas:

Eligiendo la lista grande del menú del panel de pinceles.

Eligiendo la lista grande del menú.

Desplácese hacia abajo en la lista hasta que encuentre el 100 px Cepillo de cerdas redondas en bruto…y luego haga clic en él para seleccionarlo:

Seleccionando el cepillo de cerdas redondas de 100 px.

Seleccionando el cepillo de cerdas redondas de 100 px.

Paso 9: Poner el color de primer plano en negro

Usaremos nuestro pincel y nuestra máscara de capa para ocultar algunos de los bordes alrededor de la foto, pero para hacer eso, tendremos que pintar en la máscara de capa con negro. Photoshop utiliza la actual El color del primer plano como el color del pincel, así que vamos a poner rápidamente el color del primer plano en negro.

Primero, asegúrese de que su máscara de capa, no la capa en sí misma, está activa haciendo clic en el máscara de capa miniatura en el panel de Capas. Un borde blanco alrededor de la miniatura nos dice que la máscara está seleccionada:

Haciendo clic en la miniatura de la máscara de capa en el panel de Capas.

Asegurarse de que la máscara de capa está seleccionada.

Con la máscara seleccionada, presione la letra D en su teclado para restablecer los colores de primer y segundo plano a sus valores predeterminados. Esto hace que el color de primer plano blanco y su color de fondo negro (estos colores por defecto se invertirían si se seleccionara la propia capa, no la máscara). Entonces, presione la letra X en tu teclado para intercambiar los colores para que el color del primer plano se convierta en negro. Puedes ver tus colores actuales de primer y segundo plano en el muestras de color cerca de la parte inferior del panel de herramientas. La muestra del primer plano (arriba a la izquierda) debe ahora llenarse de negro:

Las muestras de color de primer y segundo plano en el panel de herramientas.

La muestra del primer plano (arriba a la izquierda) debe ser negra.

Paso 10: Pintar alrededor de los bordes de la imagen

Con nuestra herramienta de pincel en mano, la máscara de capa seleccionada y el negro como nuestro color de primer plano, estamos listos para crear nuestros desgastados y desgarrados bordes. Empezaremos por el lado izquierdo de la imagen. Coloca la punta del pincel de manera que esté en la esquina superior izquierda del documento con sólo un tercio del pincel extendiéndose sobre la imagen misma. El resto del pincel debe estar fuera de la imagen en el espacio del lienzo blanco. Haz clic una vez, luego con el botón del ratón aún presionado, arrastra un corto trazo de pincel hacia abajo a lo largo del borde superior izquierdo. Como estamos pintando en la máscara de capa, no en la imagen misma, no verás un trazo de pincel negro. En su lugar, el borde comenzará a desaparecer:

Pintar una pequeña pincelada hacia abajo desde la esquina superior izquierda.

Pintar un trazo corto hacia abajo desde la esquina superior izquierda.

Como podemos ver en la captura de pantalla anterior, mi pincelada inicial no ocultó completamente el borde, y eso es debido a la forma del pincel. Lo más probable es que necesites pintar sobre la misma área unas cuantas veces para ocultar el borde por completo:

Pintar sobre la misma área repetidamente hasta que el borde desaparezca.

Pintar sobre la misma área repetidamente hasta que el borde desaparezca.

Si encuentra que el tamaño del pincel por defecto es demasiado grande o demasiado pequeño para su imagen, puede cambiar su tamaño desde el teclado. Presionando la tecla llave de soporte izquierdo ( [ ) repeatedly will make the brush smaller; the right bracket key ( ] ) lo hace más grande.

Continúa trabajando en el lado izquierdo de la imagen pintando pinceladas cortas, manteniendo siempre aproximadamente dos tercios de la punta del pincel fuera de la imagen en el área del lienzo blanco para no eliminar demasiado del borde. Si comete un error, puede deshacer su última pincelada presionando Ctrl+Z (Ganar) / Comando+Z (Mac) en tu teclado. O puedes deshacer múltiples pinceladas pulsando Ctrl+Alt+Z (Ganar) / Comando+Opción+Z repetidamente:

Continúa pintando el lado izquierdo de la foto.

Continuando por el lado izquierdo de la imagen.

Una vez que llegues a la esquina inferior izquierda de la foto, continúa alrededor del resto de la imagen hasta que vuelvas a la esquina superior izquierda donde empezaste. Cuando termines, tus bordes deberían verse algo como esto:

LEER  Usar una foto para enmascararse

El efecto inicial de los bordes rasgados.

El efecto inicial de los bordes rasgados.

Paso 11: Duplicar la capa

Ahora que nuestro efecto inicial de bordes rasgados está completo, necesitamos hacer una copia de lo que hemos hecho. Presione Ctrl+J (Ganar) / Comando+J (Mac) en su teclado para duplicar rápidamente la capa:

Una copia de la Capa 1 aparece sobre el original.

Una copia de la Capa 1 aparece sobre el original.

Paso 12: Esconder la capa superior

No necesitamos la copia que acabamos de hacer, así que ocultémosla temporalmente en el documento. Para ello, haga clic en el icono de visibilidad (el icono del globo ocular) en la capa superior:

Haciendo clic en el icono de visibilidad de la capa superior.

Haciendo clic en el icono de visibilidad de la capa superior.

Paso 13: Seleccionar la capa 1

Ahora que hemos desactivado la capa superior, seleccione Capa 1 de nuevo haciendo clic en él en el panel de Capas:

Seleccionando la Capa 1 en el panel de Capas.

Haciendo clic en la Capa 1 para activarla.

Paso 14: Agregar una capa de color

Añadamos algunos efectos a esta capa. Haz clic en el botón Estilos de capas (el icono fx en la parte inferior del panel de Capas:

Haciendo clic en el icono de Estilos de Capa en el panel de Capas.

Haciendo clic en el icono de Estilos de Capa.

El primer efecto que añadiremos es Superposición de colores que llenará el contenido de la capa con un color sólido. Elíjalo de la lista de estilos de capa que aparece:

Eligiendo un estilo de capa de superposición de colores.

Elección de un efecto de capa de superposición de colores.

Esto abre el cuadro de diálogo de Estilo de Capa de Photoshop establecido en las opciones de Superposición de Color en la columna del medio. Tenemos que elegir un color, así que haga clic en el muestra de color a la derecha de la opción de Modo de Mezcla:

Haciendo clic en la muestra de color en las opciones de superposición de colores.

Haciendo clic en la muestra de color.

Cuando el Color Picker se abre, elige un gris claro. Si quieres usar el mismo tono de gris que yo estoy usando, establece tu H (Tono) a °, el S (Saturación) a y el B (Brillo) valor a 90%:

Escogiendo un gris claro del Color Picker.

Escogiendo un gris claro del Color Picker.

Haz clic en Aceptar para cerrar el Selector de colores, pero no cierres todavía el cuadro de diálogo Estilo de capa porque tenemos un par de efectos más que añadir. Su imagen debería aparecer ahora rellena de gris en el documento. Este gris servirá como el papel detrás de la foto. Verás lo que quiero decir cuando empecemos a pintar más de los bordes:

La imagen después de aplicar el estilo de superposición de colores.

La imagen después de aplicar el efecto Superposición de color

Paso 15: Añadir un brillo interior

Con el cuadro de diálogo del Estilo de Capa aún abierto, haga clic en las palabras Resplandor interior en la lista de estilos de capas a lo largo de la izquierda. Asegúrate de hacer clic en las palabras mismas y no simplemente dentro de la casilla de verificación, de lo contrario sólo encenderás el Resplandor Interior pero no tendrás acceso a sus opciones:

Seleccionando un estilo de capa de brillo interior.

Seleccionando el estilo de Resplandor Interior haciendo clic en su nombre.

La columna central del cuadro de diálogo del Estilo de Capa cambia de las opciones de Superposición de colores a las opciones de Resplandor interior. Aunque el nombre del efecto es Inner Glow…en realidad vamos a usarla como una sombra para oscurecer los bordes alrededor de la imagen. Para cambiarla de un resplandor a una sombra, primero cambiamos el Modo de mezcla en la parte superior de la pantalla a Multiplicar. Luego haga clic en el muestra de color para cambiar su color:

Cambiando el modo de mezcla del brillo interior para multiplicar y haciendo clic en la muestra de color.

Cambiando el modo de mezcla a Multiplicar y haciendo clic en la muestra de color.

Cuando se abra el Selector de Colores, elija negro…y luego haz clic en OK para cerrar el negocio:

Cambiando el color del Resplandor Interior a negro.

Cambiando el color del Resplandor Interior a negro.

De vuelta en el cuadro de diálogo del Estilo de Capa, baje el Opacidad hasta 10%y luego aumentar el Tamaño valor a alrededor de 24 pxlo suficiente para oscurecer los bordes:

Bajando la Opacidad y aumentando los valores de Tamaño para el Resplandor Interior.

Bajando la Opacidad y aumentando los valores de Tamaño.

Mantén abierto el cuadro de diálogo de Estilo de Capa porque aún tenemos un efecto más que añadir. Aquí está mi imagen con la superposición de colores y el brillo interior aplicados:

La imagen después de aplicar el efecto Capa de brillo interior.

Los bordes aparecen ahora más oscuros después de aplicar el efecto de brillo interior.

Paso 16: Añadir una sombra

Finalmente, añadamos un poco de sombra detrás de la imagen. Haga clic en las palabras Drop Shadow en la parte inferior de la lista de efectos a lo largo de la izquierda del cuadro de diálogo del Estilo de Capa. Una vez más, asegúrate de hacer clic en las palabras mismas, no simplemente dentro de la casilla de verificación, de lo contrario no tendrás acceso a las opciones de Sombra:

Seleccionando un estilo de capa de Drop Shadow.

Seleccionando el efecto de Sombra, haciendo clic en su nombre.

Con Sombra Seleccionada, baje el Opacidad valor de la sombra hasta alrededor de 30% así que es bastante sutil, entonces cambia el Ángulo a alrededor de 135°. Por último, aumentar tanto el Distancia y Tamaño de la sombra a los alrededores 10 px:

LEER  La fácil profundidad del efecto de campo en Photoshop

Las opciones de Drop Shadow.

Las opciones de Drop Shadow.

Hemos terminado de añadir nuestros efectos, así que haz clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa. Aquí está mi imagen con los tres efectos (Superposición de color, Brillo interior y Sombra) aplicados:

La imagen después de aplicar los efectos de las tres capas.

La imagen después de aplicar los efectos de las tres capas.

Paso 17: Volver a encender la capa superior

Vuelva a encender la capa superior del documento haciendo clic una vez más en su icono de visibilidad en el panel de Capas:

Haciendo clic en el icono de visibilidad para volver a activar la capa superior.

Haciendo clic en el cuadrado vacío para volver a encender la capa superior.

Paso 18: Seleccionar su máscara de capa

Con la capa superior de nuevo, seleccione su máscara de capa haciendo clic en el la máscara de la miniatura:

Haciendo clic en la miniatura de la máscara de capa en el panel de Capas.

Haciendo clic en la miniatura de la máscara de capa.

Paso 19: Pintar más de los bordes

Con la máscara de la capa superior seleccionada, vuelva a recorrer los bordes de la imagen con su pincel usando trazos cortos, como hicimos inicialmente, para eliminar aún más del borde. A medida que pintas sobre las áreas, revelarás el gris claro de la capa inferior (el gris que añadimos con los estilos de capa), creando la ilusión de que la foto se ha desgastado alrededor de los bordes y sólo queda el papel que hay detrás. Como antes, debido a la forma del pincel, tendrás que pintar sobre la misma área unas cuantas veces si quieres ocultar el borde por completo:

Haciendo clic en la miniatura de la máscara de capa en el panel de Capas.

Pintar más del borde.

De nuevo, puedes cambiar el tamaño del pincel si es necesario, presionando el botón llave de soporte izquierdo ( [ ) to make it smaller or the right bracket key ( ] ) para hacerla más grande. Si comete un error, pulse Ctrl+Z (Ganar) / Comando+Z (Mac) para deshacer tu última pincelada, o Ctrl+Alt+Z (Ganar) / Comando+Opción+Z (Mac) para deshacer múltiples golpes.

Continúe pintando su distancia alrededor de los cuatro lados de la imagen. Este es mi efecto hasta ahora. Ya casi hemos terminado:

El efecto después de pintar más del borde.

Los bordes están empezando a verse desgastados en este punto.

Paso 20: Reducir la opacidad de la brocha a un 50%.

Terminemos el efecto pintando unas cuantas secciones más del borde. Pero esta vez, en lugar de ocultar el borde por completo, simplemente lo desvaneceremos. Para hacer eso, necesitaremos bajar la opacidad de nuestro pincel. Encontrará el Opacidad en la barra de opciones. Bájela hasta 50%:

Bajando la opacidad de la Herramienta de Cepillos al 50 por ciento.

Bajando la opacidad del pincel al 50%.

Paso 21: Pintar sobre unas cuantas secciones más del borde

Luego, pintar a lo largo de unas pocas áreas más del borde. La menor opacidad del pincel permite que la imagen se muestre parcialmente a través de los trazos, creando un aspecto descolorido. No hay necesidad de pintar a lo largo de todo el borde. Unas pocas secciones al azar aquí y allá es todo lo que necesitas:

Pintar sobre áreas aleatorias para desvanecerlas.

Pintar sobre áreas aleatorias para desvanecerlas.

Continúa alrededor de los bordes para desvanecer las secciones aleatorias hasta que estés contento con los resultados. Lo único que queda por hacer en este punto es recortar el espacio extra del lienzo alrededor de la imagen, lo que haremos a continuación:

Bordes de fotos desgastados, desgarrados y ahora descoloridos.

Bordes desgastados, desgarrados y ahora descoloridos.

Paso 22: Recortar el espacio de lona adicional

Para recortar el espacio extra de la lona, sube al Imagen en la parte superior de la pantalla y elegir Recorte:

Seleccionando el comando Recortar en el menú Imagen.

Pasando a Imagen; Recorte.

Cuando se abra el cuadro de diálogo de recorte, asegúrate de que El color del píxel superior izquierdo se selecciona en la parte superior y que las cuatro opciones (Top, Abajo, Izquierda y Derecho) están marcados en la parte inferior (que son por defecto):

Seleccionando el comando Recortar en el menú Imagen.

Seleccionando «Color del Píxel Superior Izquierdo» en el cuadro de diálogo de Recorte.

Haga clic en Aceptar para cerrar el cuadro de diálogo. Photoshop recorta el espacio del lienzo blanco, dejándonos con el resultado final de «bordes desgastados y rasgados»:

Photoshop desgastado, desgarrado y descolorido efecto de los bordes de la foto.

El resultado final.

Otros tutoriales que podrían interesarte…

About Post Author

Ramon

Originario de Italia y actualmente viviendo en España. 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.
Happy
Happy
%
Sad
Sad
%
Excited
Excited
%
Sleepy
Sleepy
%
Angry
Angry
%
Surprise
Surprise
%

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja un comentario