Efecto de bordes de fotos desgastados y rasgados en Photoshop

Escrito por Steve Patterson.

En este tutorial de Photoshop, aprenderemos cómo darle a una foto un efecto de bordes desgastados y rasgados . Crear el efecto es fácil y 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.



Esta versión de nuestro tutorial Bordes de fotos desgastados y rasgados es para Photoshop CS5 y versiones anteriores. Si utiliza Photoshop CS6 o Photoshop CC (Creative Cloud), consulte nuestro versión completamente actualizada .

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





  Efecto de foto con bordes desgastados y rasgados de Photoshop. El efecto final de 'bordes de fotos desgastados y rasgados'.

Cómo crear un efecto de bordes desgastados y rasgados en una foto

Paso 1: Duplicar la capa de fondo

Con nuestra imagen recién abierta en Photoshop, comencemos por duplicar la capa Fondo. sube a la Capa menú en el Barra de menús en la parte superior de la pantalla, seleccione Nuevo y luego elija Capa a través de la copia . O, para una forma más rápida de duplicar una capa, presione el atajo de teclado Control+J (Victoria) / Comando+J (Mac):

  Selección de 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 (Windows) / 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 denominado automáticamente 'Capa 1', se encuentra encima:



  El panel Capas en Photoshop después de duplicar la capa Fondo. Aparece una copia de la capa Fondo encima del original en el panel Capas.

Paso 2: agregue espacio de lienzo adicional

Vamos a darnos un poco más de espacio para trabajar agregando un poco de espacio de lienzo adicional alrededor de la imagen. sube a la Imagen menú en la parte superior de la pantalla y elija Tamaño del lienzo :

  Seleccionando el comando Tamaño del lienzo del 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é establecido en píxeles para ambos. También asegúrese de que el Pariente 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 adicional cuando terminemos de crear el efecto de bordes rasgados. Esto es simplemente para darnos espacio adicional para trabajar con la herramienta Borrador, que usaremos en un momento:

  El espacio de lienzo adicional se ha agregado alrededor de la imagen. Se ha agregado el espacio de lienzo adicional.

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

Con 'Capa 1' seleccionada en el panel Capas (debe estar resaltado en azul), mantenga presionada la Control (Victoria) / Dominio (Mac) y haga clic en el Nueva capa icono 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) / Comando (Mac) y haga clic en el icono Nueva capa.

Normalmente, Photoshop agrega nuevas capas directamente encima de la capa seleccionada actualmente, pero al mantener presionada la tecla Ctrl/Comando mientras hacemos clic en el icono Nueva capa, le indicamos a Photoshop que agregue la nueva capa. abajo 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 Fondo y la 'Capa 1'.

Paso 4: Rellene la nueva capa con blanco

sube a la Editar menú 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 Rellenar de Photoshop, que podemos usar para rellenar una capa o una selección con color. Elegir Blanco Para el Usar en la sección Contenidos 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 verlo en la ventana del documento ya que la imagen en la 'Capa 1' arriba está bloqueando la vista de la nueva capa. Sin embargo, si nos fijamos en 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 capa para'Layer 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 'Capa 1', así que haga clic en 'Capa 1' para convertirla en la capa actualmente activa:

  haciendo clic en'Layer 1' in the Layers panel to select it. Haga clic en 'Capa 1' para seleccionarlo.

Paso 6: seleccione la herramienta Borrador

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



  La herramienta Borrador en Photoshop. Seleccione la herramienta Borrador.

Paso 7: seleccione el cepillo de cerdas redondas rugosas 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. Haga clic 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. Haga clic 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 ícono del menú se ve como una pequeña flecha. Cuando aparezca el menú, seleccione Lista grande :



  Al hacer 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 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 botón 100 cerdas redondas ásperas cepillo para seleccionarlo:

  Seleccionando el pincel de Photoshop 100 Rough Round Bristle. 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 los pinceles originalmente, haga clic en el icono de 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 alrededor de 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 recorrido toda la imagen una vez, vamos a regresar 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 corto de pincel hacia abajo a lo largo del borde superior izquierdo de la imagen. Verá que se borran secciones del borde 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, la pincelada inicial no eliminó por completo el borde recto inicial. Todavía se ve una parte tenue, y eso se debe a la forma del cepillo de cerdas que estamos usando. Probablemente tengas que volver sobre la misma área dos o tres veces antes de que el borde recto desaparezca por completo.

Continúe trabajando hacia abajo por el lado izquierdo de la imagen haciendo clic y arrastrando pinceladas cortas, manteniendo siempre el 70-75 % de la forma del pincel fuera de la imagen en el área blanca para que no borre demasiado del borde. Si comete un error y necesita deshacer la última pincelada, presione Ctrl+Z (Victoria) / Comando+Z (Mac) para deshacerlo, o presione Ctrl+Alt+Z (Victoria) / Comando+Opción+Z (Mac) repetidamente para deshacer varias pinceladas:

  Borrar más del borde izquierdo de la imagen con la herramienta Borrador. Continúe trabajando hacia abajo 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 paréntesis izquierdo y derecho. presione el llave de paréntesis izquierdo ( [ ) para hacer el pincel más pequeño, o presione el llave de corchete derecho ( ] ) para hacerlo más grande.

Una vez que llegue a la esquina inferior izquierda de la foto, continúe moviéndose por el resto de la imagen hasta que regrese 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: Duplicar 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 Control+J (Victoria) / Comando+J (Mac) para duplicarlo rápidamente. Ahora tenemos una copia de la capa, que Photoshop ha llamado apropiadamente 'Copia de 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 capa 1', pero dado que este efecto es bastante simple y tenemos todas las capas que necesitamos en este punto, las dejaremos con sus nombres predeterminados para ahorrar tiempo:

  Una copia de'Layer 1' appears in the Layers panel. Aparece una copia de la 'Capa 1' encima del original.

Paso 10: apague 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 capa en el panel Capas en Photoshop. Al hacer clic en el icono del 'globo ocular', se activan y desactivan las capas en el documento.

Paso 11: Seleccione 'Capa 1'

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

  Seleccionando'Layer 1' in the Layers panel. Haga clic en 'Capa 1' para seleccionarlo.

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:

  Selección de un estilo de capa 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 configurado con 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 de repente se llenará 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 Superposición de colores. Haga clic en la muestra de color para elegir un color diferente para la superposición.

de Photoshop Selector de color aparecerá. Escoge un gris claro desde el Selector de color, luego 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 del 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 haga simplemente clic dentro de la casilla de verificación a la izquierda de las palabras. Necesitamos hacer clic directamente en las propias palabras para acceder a las opciones del estilo Resplandor interior:

  Selección de 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 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 color hace un momento. Seleccione negro desde el Selector de color, luego haga clic en Aceptar para salir.

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

  Cambiando las opciones para el estilo de capa Resplandor interior en Photoshop. Cambiar el brillo a una sombra es tan fácil como cambiar el modo de fusión a Multiplicar y elegir el color negro.

Su imagen ahora debería verse similar a esto:

  La imagen después de aplicar los estilos de capa Superposición de color y Resplandor interior. La imagen hasta ahora después de aplicar los estilos de capa Superposición de color y Resplandor interior.

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. Una vez más, debemos hacer clic directamente en las palabras para acceder a las opciones de Sombra paralela:

  Seleccionando un estilo de capa Drop Shadow 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 hasta 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 no está configurado para eso ya:

  Cambiar las opciones de Sombra paralela en el cuadro de diálogo Estilos de capa en Photoshop. Establezca la Opacidad de la sombra paralela en 30% y el Ángulo en 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 capa 1') para seleccionarla, luego haga clic en el icono de visibilidad de capa a la izquierda de la capa para volver a activarla de modo que vuelva a estar visible dentro de la ventana del documento. La foto volverá a aparecer y bloqueará la imagen 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, vuelva a rodear 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 bordes. Recuerde mantener la mayor parte de la forma del pincel fuera de la imagen para que no se extienda más del 25-30 % hacia la imagen. A medida que se borran partes del borde, se revela la imagen gris claro debajo, 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 paréntesis izquierdo ( [ ) para hacerlo más pequeño o el llave de corchete derecho ( ] ) para hacerlo más grande. Si te equivocas presiona Ctrl+Z (Victoria) / Comando+Z (Mac) para deshacer la última área que borró, o presione Ctrl+Alt+Z (Victoria) / Comando+Opción+Z (Mac) para deshacer varias pinceladas.

Aquí, después de trabajar alrededor de los bordes de la foto una vez más, está mi efecto final de 'bordes de la foto desgastados y rasgados':

  Efecto de foto con bordes desgastados y rasgados de Photoshop. El efecto final de 'bordes de fotos desgastados y rasgados'.

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

Si desea eliminar el espacio de lienzo adicional que agregamos anteriormente, suba a la Imagen menú en la parte superior de la pantalla y elija Recortar :

  Seleccione el comando Recortar del menú Imagen en Photoshop. Ve a Imagen > Recortar.

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

  Recortar el espacio extra del lienzo en Photoshop. Recorte el espacio extra del lienzo con el comando Recortar.