Efecto de bordes de fotos desgastados y rasgados en Photoshop

Efecto de bordes de fotos desgastados y rasgados en Photoshop

Efecto de bordes de fotos desgastados y rasgados en Photoshop

En este tutorial de Photoshop, aprenderemos cómo darle a una foto una efecto desgastado, bordes rasgados. Crear el efecto es fácil, no requiere más que unas pocas capas, la herramienta Borrador, uno de los pinceles integrados de Photoshop y algunos estilos de capa para ayudar a terminar las cosas.

Esta versión de nuestro tutorial Bordes fotográficos desgastados y rotos es para Photoshop CS5 y versiones anteriores. Si está utilizando Photoshop CS6 o Photoshop CC (Creative Cloud), consulte nuestra versión completamente actualizada.

Aquí está el efecto de bordes rasgados que crearemos:

Photoshop desgastado, efecto de foto de bordes de foto rasgados.

El efecto final de «bordes de fotos desgastados y rotos».

Cómo un efecto de bordes fotográficos desgastados y rasgados

Paso 1: Duplica la capa de fondo

Con nuestra imagen recién abierta en Photoshop, comencemos por duplicar la capa de fondo. Sube al Capa menú en el Barra de menús en la parte superior de la pantalla, elija Nuevoy luego elige Capa a través de la copia. O, para una forma más rápida de duplicar una capa, presione el atajo de teclado Ctrl + J (Ganar) / Comando + J (Mac):

Seleccionando la Nueva Capa a través del comando Copiar en Photoshop.

Vaya a Capa> Nueva> Capa a través de Copiar, o presione Ctrl + J (Win) / Comando + J (Mac).

Si miramos en el panel Capas, podemos ver que nuestro documento ahora contiene dos capas. La capa de fondo original se encuentra en la parte inferior, mientras que nuestra copia recién agregada de la capa de fondo, que Photoshop ha llamado automáticamente «Capa 1», se encuentra encima de ella:

El panel Capas en Photoshop después de duplicar la capa Fondo.

Aparece una copia de la capa Fondo sobre el original en el panel Capas.

Paso 2: agregue espacio adicional en el lienzo

Démonos un poco más de espacio para trabajar agregando un poco más de espacio en el lienzo alrededor de la imagen. Sube al Imagen en la parte superior de la pantalla y elija Tamaño del lienzo:

Seleccionando el comando Tamaño de lienzo en el menú Imagen en Photoshop.

Vaya a Imagen> Tamaño del lienzo.

Esto abre el cuadro de diálogo Tamaño del lienzo de Photoshop. Voy a agregar 100 píxeles adicionales alrededor de la imagen ingresando 100 tanto para el Ancho y Altura opciones en el centro del cuadro de diálogo y asegurándose de que el tipo de medición esté configurado en pixeles para ambos. También asegúrese de que el Relativo La opción está marcada para que el espacio adicional se agregue al lienzo existente; de ​​lo contrario, cambiaremos el tamaño del lienzo a 100 x 100 píxeles, que no es lo que queremos. Haga clic en el plaza central en el Ancla cuadrícula para que el espacio adicional se agregue uniformemente alrededor de todos los bordes del lienzo:

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

Agregue espacio adicional alrededor de la imagen con el cuadro de diálogo Tamaño del lienzo.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo Tamaño del lienzo. Si miramos la imagen en la ventana del documento, podemos ver que ahora tenemos espacio extra alrededor de la imagen. Recortaremos el espacio extra cuando terminemos de crear el efecto de bordes rasgados. Esto es simplemente para darnos un espacio adicional para trabajar con la herramienta Borrador, que usaremos en un momento:

El espacio extra del lienzo se ha agregado alrededor de la imagen.

Se ha agregado el espacio extra del lienzo.

Paso 3: agregue una nueva capa en blanco entre las dos capas existentes

Con «Capa 1» seleccionada en el panel Capas (debe estar resaltada en azul), mantenga presionada la tecla control (Ganar) / Mando (Mac) y haga clic en la Nueva capa en la parte inferior del panel Capas:

Haciendo clic en el icono Nueva capa en el panel Capas en Photoshop.

Mantenga presionada la tecla Ctrl (Win) / Command (Mac) y haga clic en el icono Nueva capa.

Normalmente, Photoshop agrega nuevas capas directamente sobre la capa seleccionada actualmente, pero al mantener presionada la tecla Ctrl / Comando mientras hacemos clic en el ícono Nueva capa, le decimos a Photoshop que agregue la nueva capa. debajo la capa seleccionada. Ahora tenemos una nueva capa en blanco llamada «Capa 2» ubicada entre la capa de Fondo y la «Capa 1».

Aparece una nueva capa en blanco en el panel Capas.

La nueva capa en blanco aparece entre la capa de Fondo y la «Capa 1».

Paso 4: rellene la nueva capa con blanco

Sube al Editar en la parte superior de la pantalla y elija Llenar:

Seleccionando el comando Relleno del menú Editar en Photoshop.

Vaya a Editar> Rellenar.

Esto abre el cuadro de diálogo Relleno de Photoshop, que podemos usar para rellenar una capa o una selección con color. Escoger blanco Para el Usar en la sección Contenido en la parte superior del cuadro de diálogo:

El cuadro de diálogo del comando Rellenar en Photoshop.

Establezca la opción Usar en Blanco.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo. Photoshop llena la nueva capa con blanco, aunque en realidad no podemos verla en la ventana del documento, ya que la imagen de la «Capa 1» de arriba bloquea la vista de la nueva capa. Sin embargo, si miramos el miniatura de vista previa de capa para «Capa 2» en el panel Capas, podemos ver que la miniatura ahora está llena de blanco, lo que nos dice que la capa en sí está llena de blanco:

La miniatura de vista previa de la capa para 'Capa 2'.

Las miniaturas de vista previa en el panel Capas nos dan una vista previa del contenido de cada capa.

Paso 5: seleccione «Capa 1»

Estamos listos para comenzar a crear el efecto de bordes rasgados, pero primero debemos asegurarnos de que estamos trabajando en la capa correcta. Por el momento, tenemos seleccionada la «Capa 2», que sabemos porque la «Capa 2» está resaltada en azul en el panel Capas. Necesitamos estar trabajando en la imagen en la «Capa 1», así que haga clic en «Capa 1» para convertirla en la capa activa actualmente:

Haciendo clic en 'Capa 1' en el panel Capas para seleccionarla.

Haga clic en «Capa 1» para seleccionarla.

Paso 6: seleccione la herramienta Borrador

Seleccione Photoshop Herramienta de borrador desde el panel Herramientas. También puede seleccionar rápidamente la herramienta Borrador presionando la letra mi en tu teclado:

La herramienta Borrador en Photoshop.

Seleccione la herramienta Borrador.

Paso 7: seleccione el cepillo de cerdas redondas ásperas 100

Podemos usar cualquiera de los pinceles de Photoshop con la herramienta Borrador, tal como lo haríamos si estuviéramos usando la herramienta Pincel real. Clickea en el Icono de alternancia del panel de pinceles en la barra de opciones en la parte superior de la pantalla:

El icono de alternancia del panel Pinceles en la barra de opciones de Photoshop.

El icono de alternancia del panel Pinceles abre y cierra el panel Pinceles.

Esto abre el panel Pinceles. Clickea en el icono de menú en la esquina superior derecha del panel Pinceles para que aparezca una lista de opciones de menú para el panel. Estoy usando Photoshop CS4 aquí. En versiones anteriores de Photoshop, el icono de menú parece una pequeña flecha. Cuando aparezca el menú, seleccione Lista grande:

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

Cada panel en Photoshop tiene un menú con varias opciones para elegir.

Esto cambia la forma en que se muestran los pinceles en el Panel de pinceles, lo que facilita ver exactamente qué pincel estamos seleccionando. Con los pinceles ahora mostrados en el formato de Lista grande, desplácese hacia abajo hasta el final de la lista y haga clic en el 100 cerdas redondas ásperas pincel para seleccionarlo:

Seleccionando el pincel de Photoshop de 100 cerdas redondas y rugosas.

Haga clic en el pincel «100 cerdas redondas ásperas» en el panel Pinceles para seleccionarlo.

Si desea volver a la forma en que se mostraban originalmente los pinceles, haga clic en el icono del menú del panel Pinceles y seleccione Miniatura pequeña de la lista.

Haga clic de nuevo en el Icono de alternancia del panel de pinceles en la barra de opciones una vez que haya elegido el pincel para cerrar el panel Pinceles.

Paso 8: borre los bordes de la imagen

Comencemos creando nuestro efecto inicial de bordes rasgados a lo largo del lado izquierdo de la imagen. Digo «inicial» porque una vez que hayamos trabajado alrededor de la imagen completa una vez, volveremos una segunda vez, pero llegaremos a eso más tarde. Coloque la herramienta Borrador de modo que esté en la esquina superior izquierda del documento con solo alrededor del 25-30% del pincel extendiéndose hacia la imagen. El resto del pincel debe estar fuera de la imagen en el espacio en blanco que agregamos al comienzo del tutorial. Haga clic una vez, luego, con el botón del mouse aún presionado, arrastre un trazo de pincel corto hacia abajo a lo largo del borde superior izquierdo de la imagen. Verá secciones del borde que se borran a medida que arrastra, creando el comienzo de nuestro efecto de bordes rasgados:

Borrando parte del borde de la imagen con la herramienta Borrador.

Haga clic y arrastre un pequeño trazo de pincel a lo largo del borde superior izquierdo de la imagen.

Como podemos ver en la captura de pantalla anterior, el trazo de pincel inicial no eliminó por completo la regla inicial. Todavía se ve una parte tenue, y eso se debe a la forma del cepillo de cerdas que estamos usando. Probablemente tendrá que volver a recorrer la misma área dos o tres veces antes de que la regla se haya ido por completo.

Continúe avanzando hacia el lado izquierdo de la imagen haciendo clic y arrastrando pinceladas cortas, siempre manteniendo el 70-75% de la forma del pincel fuera de la imagen en el área blanca para que no borremos demasiado el borde. Si comete un error y necesita deshacer su último trazo de pincel, presione Ctrl + Z (Ganar) / Comando + Z (Mac) para deshacerlo, o presione Ctrl + Alt + Z (Ganar) / Comando + Opción + Z (Mac) repetidamente para deshacer varios trazos de pincel:

Borrando más del borde izquierdo de la imagen con la herramienta Borrador.

Continúe avanzando por el lado izquierdo de la imagen con pinceladas cortas.

Si encuentra que el tamaño del pincel predeterminado es demasiado grande para su imagen, puede cambiar el tamaño del pincel sobre la marcha con las teclas de corchete izquierdo y derecho. presione el llave de corchete izquierdo ( [ ) to make the brush smaller, or press the right bracket key ( ] ) para hacerlo más grande.

Una vez que llegue a la esquina inferior izquierda de la foto, continúe moviéndose alrededor del resto de la imagen hasta que vuelva a la esquina superior izquierda donde comenzó. Cuando hayas terminado, tus bordes deberían verse así:

El efecto inicial de bordes rasgados está completo.

El efecto inicial de bordes rasgados.

Paso 9: Duplica la capa

Ahora que tenemos nuestro efecto inicial de bordes rasgados, necesitamos hacer una copia de la capa. Con «Capa 1» seleccionada en el panel Capas, presione Ctrl + J (Ganar) / Comando + J (Mac) para duplicarlo rápidamente. Ahora tenemos una copia de la capa, que Photoshop ha llamado apropiadamente «Copia de la capa 1», en la parte superior del panel Capas. Normalmente, deberíamos cambiar el nombre de las capas para evitar ver nombres como «Copia de la capa 1», pero como este efecto es bastante simple y tenemos todas las capas que necesitamos en este punto, las dejaremos con sus nombres predeterminados para ahorrar tiempo:

Aparece una copia de 'Capa 1' en el panel Capas.

Aparece una copia de «Layer 1» encima del original.

Paso 10: Desactive la capa superior

Haga clic en la capa superior icono de visibilidad (también conocido como el «globo ocular») para desactivar temporalmente la capa y ocultarla de la vista en la ventana del documento para que podamos ver la «Capa 1» original debajo de ella:

El icono de visibilidad de la capa en el panel Capas en Photoshop.

Al hacer clic en el icono del «globo ocular», se activan y desactivan las capas del documento.

Paso 11: seleccione «Capa 1»

Con la capa superior ahora oculta a la vista temporalmente, haga clic una vez más en «Capa 1» en el panel Capas para seleccionarla:

Seleccionando 'Capa 1' en el panel Capas.

Haga clic en «Capa 1» para seleccionarla.

Paso 12: agregue un estilo de capa de superposición de color

Con «Capa 1» seleccionada, haga clic en el Estilos de capa en la parte inferior del panel Capas y elija Superposición de color de la lista que aparece:

Seleccionar un estilo de capa de Superposición de color en el panel Capas de Photoshop.

Elija Superposición de color de la lista de estilos de capa.

Esto abre el cuadro de diálogo Estilo de capa de Photoshop establecido en las opciones de Superposición de color en la columna central. De forma predeterminada, Photoshop establece el color de la superposición en rojo, y su foto se llenará repentinamente de rojo en la ventana del documento. Para cambiar el color, haga clic en el muestra de color:

Seleccionar un color diferente para el estilo de capa de Superposición de color.

Haga clic en la muestra de color para elegir un color diferente para la superposición.

Photoshop Selector de color aparecerá. Escoge un gris claro en el Selector de color y, a continuación, haga clic en Aceptar para salir. Su foto ahora debería estar llena de gris claro en la ventana del documento:

El selector de color en Photoshop.

Elija un gris claro en el Selector de color.

Paso 13: agregue un estilo de capa de brillo interno

No cierre el cuadro de diálogo Estilo de capa todavía. Todavía tenemos un par de estilos de capa más para agregar. Haga clic directamente en las palabras Brillo interior en el lado izquierdo del cuadro de diálogo. No se limite a hacer clic dentro de la casilla de verificación a la izquierda de las palabras. Necesitamos hacer clic directamente en las palabras para acceder a las opciones del estilo Inner Glow:

Seleccionar un estilo de capa de Resplandor interior en Photoshop.

Haga clic directamente en las palabras «Resplandor interior» a la izquierda del cuadro de diálogo Estilo de capa.

Las opciones de Resplandor interior ahora aparecen en el centro del cuadro de diálogo Estilo de capa. Aunque el nombre del estilo es Inner Glow, vamos a cambiar el brillo a una sombra para que podamos usarlo para oscurecer un poco los bordes alrededor de la foto.

Primero, para cambiar el estilo de un resplandor a una sombra, cambie el Modo de mezcla opción en la parte superior del cuadro de diálogo de Pantalla a Multiplicar. Luego haga clic en el pequeño muestra de color directamente debajo de la palabra «Ruido» para cambiar el color del estilo. De forma predeterminada, está configurado en amarillo. Al hacer clic en la muestra de color, Photoshop Selector de color aparecerá, tal como lo hizo cuando cambiamos el color del estilo Superposición de colores hace un momento. Seleccione negro en el Selector de color y, a continuación, haga clic en Aceptar para salir.

Bajar el Opacidad abajo a alrededor 10% entonces la sombra es muy sutil. Finalmente, aumente el Tamaño de la sombra a su alrededor 24 px (píxeles):

Cambiar las opciones para el estilo de la capa Inner Glow en Photoshop.

Cambiar el brillo a una sombra es tan fácil como cambiar el modo de fusión a Multiplicar y elegir negro para el color.

Su imagen ahora debería verse similar a esto:

La imagen después de aplicar los estilos de capa Color Overlay e Inner Glow.

La imagen hasta ahora después de aplicar los estilos de capa Color Overlay e Inner Glow.

Paso 14: agrega una sombra paralela

Haga clic directamente en las palabras Sombra paralela en la parte superior de la lista de estilos de capa a la izquierda del cuadro de diálogo. De nuevo, necesitamos haga clic directamente en las propias palabras para acceder a las opciones de la Sombra Paralela:

Seleccionar un estilo de capa de Sombra paralela en Photoshop.

Haga clic directamente en las palabras «Sombra paralela» a la izquierda del cuadro de diálogo Estilo de capa.

Las opciones de Sombra paralela aparecerán en la columna central del cuadro de diálogo Estilo de capa. Bajar el Opacidad de la sombra a su alrededor 30% por lo que es mucho menos intenso que con la configuración de opacidad predeterminada del 75%. Luego, establezca el Ángulo de la sombra en 120 ° si aún no está configurado para eso:

Cambiar las opciones de Sombra paralela en el cuadro de diálogo Estilos de capa en Photoshop.

Establezca la Opacidad de la sombra paralela al 30% y el Ángulo a 120 °.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo Estilo de capa. Aquí está mi imagen después de aplicar la sombra paralela:

La imagen después de aplicar la sombra paralela en Photoshop.

La imagen después de agregar los tres estilos de capa.

Paso 15: seleccione la capa superior y vuelva a encenderla

Haga clic en la capa superior en el panel Capas («Copia de la capa 1») para seleccionarla, luego haga clic en el icono de visibilidad de capa a la izquierda de la capa para volver a activar la capa para que sea visible nuevamente dentro de la ventana del documento. La foto volverá a aparecer y bloqueará la vista de la imagen llena de gris en la que estábamos trabajando:

Volviendo a activar la capa en el panel Capas.

Haga clic en el icono de visibilidad de la capa una vez más para volver a activar la capa superior.

Paso 16: borre partes de los bordes en la capa superior para revelar la capa de abajo

Con la capa superior seleccionada, retroceda alrededor de los bordes de la imagen con la herramienta Borrador usando pinceladas cortas, tal como lo hicimos inicialmente en la «Capa 1», para eliminar más del borde. Recuerde mantener la mayor parte de la forma del pincel fuera de la imagen para que no más del 25-30% se extienda hacia la imagen. A medida que se borran partes del borde, se revela la imagen gris claro debajo de él, creando la ilusión de que la foto en sí se ha desgastado alrededor de los bordes y solo queda la capa posterior del papel:

Borrando más del borde para revelar el gris claro en la capa debajo de la imagen.

Borrar los bordes de la imagen en la capa superior revela el área gris claro en la «Capa 1» debajo de ella.

Nuevamente, puede cambiar el tamaño del pincel si es necesario presionando el botón llave de corchete izquierdo ( [ ) to make it smaller or the right bracket key ( ] ) para hacerlo más grande. Si comete un error, presione Ctrl + Z (Ganar) / Comando + Z (Mac) para deshacer la última área que borró, o presione Ctrl + Alt + Z (Ganar) / Comando + Opción + Z (Mac) para deshacer varios trazos de pincel.

Aquí, después de trabajar una vez más en los bordes de la foto, está mi efecto final de «bordes de fotos desgastados y rotos»:

Photoshop desgastado, efecto de foto de bordes de foto rasgados.

El efecto final de «bordes de fotos desgastados y rotos».

Paso 17: recorte el espacio extra del lienzo (opcional)

Si desea eliminar el espacio de lienzo adicional que agregamos anteriormente, vaya al Imagen en la parte superior de la pantalla y elija Podar:

Seleccione el comando Recortar del menú Imagen en Photoshop.

Vaya a Imagen> Recortar.

Esto abre el cuadro de diálogo Recortar. Selecciona el Color de píxel superior izquierdo opción. Dado que el píxel en la esquina superior izquierda del documento es blanco, Photoshop recortará toda el área blanca alrededor de la imagen. Asegúrate que Cima, Fondo, Izquierda, y Derecha Las opciones se seleccionan en la mitad inferior del cuadro de diálogo, luego haga clic en Aceptar para salir de él, momento en el que Photoshop recortará el espacio de lienzo adicional que agregamos:

Recortando el espacio extra del lienzo en Photoshop.

Recorte el espacio extra del lienzo con el comando Recortar.