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:

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):

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:

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:

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:

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:

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:

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».

Paso 4: rellene la nueva capa con blanco

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

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:

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:

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:

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:

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:

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:

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:

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:

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:

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í:

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:

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:

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:

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:

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:

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:

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:

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):

Su imagen ahora debería verse similar a esto:

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:

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:

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:

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:

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:

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»:

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:

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: