En este tutorial de Photoshop, aprenderemos cómo dar a una foto un efecto de bordes desgastados y rasgados . Crear el efecto es fácil, no requiere más que unas pocas capas, la herramienta Borrador, uno de los pinceles incorporados de Photoshop y algunos estilos de capa para ayudar a terminar las cosas.
Esta versión de nuestro tutorial Worn, Torn Photo Edges es para Photoshop CS5 y versiones anteriores. Si está utilizando Photoshop CS6 o Photoshop CC (Creative Cloud), consulte nuestra versión totalmente actualizada.
Aquí está el efecto de bordes rasgados que crearemos:
El efecto final de "bordes de fotos rotos y desgastados".
Cómo un efecto de bordes de foto desgastados y rotos
Paso 1: Duplicar la capa de fondo
Con nuestra imagen recién abierta en Photoshop, comencemos duplicando la capa de fondo. Vaya al menú Capa en la barra de menú en la parte superior de la pantalla, elija Nuevo y luego elija Capa mediante Copia . O, para una forma más rápida de duplicar una capa, presione el atajo de teclado Ctrl + J (Win) / Comando + J (Mac):
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 denominado automáticamente "Capa 1", se encuentra encima:
Aparece una copia de la capa de fondo sobre el original en el panel Capas.
Paso 2: Agregue espacio extra de lienzo
Demos un poco más de espacio para trabajar agregando un poco de espacio extra en el lienzo alrededor de la imagen. Vaya al menú Imagen en la parte superior de la pantalla y elija Tamaño del lienzo :
Vaya a Imagen> Tamaño del lienzo.
Esto abre el cuadro de diálogo Tamaño de lienzo de Photoshop. Voy a agregar 100 píxeles adicionales alrededor de la imagen ingresando 100 para las opciones Ancho y Altura en el centro del cuadro de diálogo y asegurándome de que el tipo de medición esté configurado en píxeles para ambos. También asegúrese de que la opción Relativo esté marcada para que se agregue el espacio adicional 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 cuadrado central en la cuadrícula de Ancla para que el espacio adicional se agregue uniformemente alrededor de todos los bordes del lienzo:
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 adicional alrededor de la imagen. Recortaremos el espacio extra cuando terminemos de crear el efecto de bordes rasgados. Esto es simplemente para darnos más espacio para trabajar con la herramienta Eraser, que usaremos en un momento:
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 resaltarse en azul), mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic en el icono Nueva capa en la parte inferior del panel Capas:
Mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic en el icono Nueva capa.
Normalmente, Photoshop agrega nuevas capas directamente sobre la capa seleccionada actualmente, pero manteniendo presionada la tecla Ctrl / Comando mientras hacemos clic en el icono Nueva capa, le decimos a Photoshop que agregue la nueva capa debajo de la capa seleccionada. Ahora tenemos una nueva capa en blanco llamada "Capa 2" situada entre la capa de Fondo y la "Capa 1".
La nueva capa en blanco aparece entre la capa de fondo y la "capa 1".
Paso 4: llene la nueva capa con blanco
Vaya al menú Editar en la parte superior de la pantalla y elija Rellenar :
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. Elija Blanco para la opción Usar en la sección Contenido en la parte superior del cuadro de diálogo:
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 de blanco, aunque en realidad no podemos verla en la ventana del documento, ya que la imagen en "Capa 1" arriba está bloqueando la vista de la nueva capa. Sin embargo, si miramos la 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:
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 "Capa 2" seleccionada, lo que sabemos porque "Capa 2" está resaltada en azul en el panel Capas. Necesitamos trabajar en la imagen en "Capa 1", así que haga clic en "Capa 1" para convertirla en la capa actualmente activa:
Haga clic en "Capa 1" para seleccionarlo.
Paso 6: Seleccione la herramienta Borrador
Seleccione la herramienta borrador de Photoshop en el panel Herramientas. También puede seleccionar rápidamente la herramienta Borrador presionando la letra E en su teclado:
Seleccione la herramienta Borrador.
Paso 7: Seleccione el cepillo de cerdas redondas 100 ásperas
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 alternar del panel Pinceles en la Barra de opciones en la parte superior de la pantalla:
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 icono del menú se parece a una pequeña flecha. Cuando aparezca el menú, seleccione Lista grande :
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 pincel de 100 cerdas redondeadas para seleccionarlo:
Haga clic en el pincel "100 cerdas redondas ásperas" en el panel Pinceles para seleccionarlo.
Si desea volver a la forma en que se mostraron originalmente los pinceles, haga clic en el icono de menú del panel Pinceles y seleccione Miniatura pequeña de la lista.
Haga clic nuevamente en el icono de alternar del panel 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 de bordes rasgados iniciales a lo largo del lado izquierdo de la imagen. Digo "inicial" porque una vez que hayamos recorrido la imagen completa una vez, volveremos por 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 aproximadamente el 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 hacia abajo a lo largo del borde superior izquierdo de la imagen. Verás que se borran secciones del borde a medida que arrastras, creando el comienzo de nuestro efecto de bordes rasgados:
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 el borde recto inicial. Todavía hay una parte débil visible, y eso se debe a la forma del cepillo de cerdas que estamos usando. Probablemente necesitará regresar a la misma área dos o tres veces antes de que el borde recto desaparezca por completo.
Continúe trabajando hacia abajo en el lado izquierdo de la imagen haciendo clic y arrastrando trazos de pincel cortos, manteniendo siempre 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 (Win) / Command + Z (Mac) para deshacerlo o presione Ctrl + Alt + Z (Win) / Command + Option + Z (Mac ) repetidamente para deshacer múltiples pinceladas:
Continúa avanzando por el lado izquierdo de la imagen con pinceladas cortas.
Si encuentra que el tamaño predeterminado del pincel es demasiado grande para su imagen, puede cambiar el tamaño del pincel sobre la marcha con las teclas de soporte izquierda y derecha. Presione la tecla del corchete izquierdo ( ( ) para hacer el pincel más pequeño, o presione la tecla del corchete derecho () para agrandarlo.
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 haya terminado, sus bordes deberían verse así:
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 Ctrl + J (Win) / Comando + J (Mac) para duplicarla rápidamente. Ahora tenemos una copia de la capa, que Photoshop ha denominado 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 la capa 1", pero como este efecto es bastante simple y tenemos todas las capas que necesitamos en este momento, las dejaremos con sus nombres predeterminados para ahorrar tiempo:
Aparece una copia de "Capa 1" encima del original.
Paso 10: apague la capa superior
Haga clic en el icono de visibilidad de la capa superior (también conocido como "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:
Al hacer clic en el icono "globo ocular", las capas se activan y desactivan en el 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:
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 icono Estilos de capa en la parte inferior del panel Capas y elija Superposición de color de la lista que aparece:
Elija Color Overlay de la lista de estilos de capa.
Esto muestra 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 de repente se llenará de rojo en la ventana del documento. Para cambiar el color, haga clic en la muestra de color :
Haga clic en la muestra de color para elegir un color diferente para la superposición.
Aparecerá el Selector de color de Photoshop. Elija un gris claro del Selector de color, luego haga clic en Aceptar para salir de él. Su foto ahora debería estar llena de gris claro en la ventana del documento:
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 Resplandor interior en el lado izquierdo del cuadro de diálogo. No haga clic simplemente dentro de la casilla de verificación a la izquierda de las palabras. Necesitamos hacer clic directamente en las palabras mismas para acceder a las opciones para el estilo Inner Glow:
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 poder usarlo para oscurecer un poco los bordes alrededor de la foto.
Primero, para cambiar el estilo de un brillo a una sombra, cambie la opción Modo de fusión en la parte superior del cuadro de diálogo de Pantalla a Multiplicar . Luego haga clic en la pequeña muestra de color directamente debajo de la palabra "Ruido" para cambiar el color del estilo. Por defecto, está configurado en amarillo. Cuando haga clic en la muestra de color, aparecerá el Selector de color de Photoshop, tal como lo hizo cuando cambiamos el color del estilo Superposición de color hace un momento. Seleccione negro en el Selector de color, luego haga clic en Aceptar para salir de él.
Baje la opacidad a alrededor del 10% para que la sombra sea muy sutil. Finalmente, aumente el tamaño de la sombra a alrededor de 24 px (píxeles):
Cambiar el brillo a una sombra es tan fácil como cambiar el modo de fusión a Multiplicar y elegir el negro para el color.
Su imagen ahora debería verse similar a esto:
La imagen hasta ahora después de aplicar los estilos de capa Superposición de color y Resplandor interior.
Paso 14: agregue 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. Nuevamente, debemos hacer clic directamente en las palabras para acceder a las opciones de la Sombra paralela:
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. Reduce la opacidad de la sombra a alrededor del 30% para que sea mucho menos intensa de lo que es con la configuración de opacidad predeterminada del 75%. Luego configure el ángulo de la sombra en 120 ° si aún no está configurado:
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 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 la capa a la izquierda de la capa para volver a activar la capa y volverla a ver dentro de la ventana del documento. La foto aparecerá una vez más y bloqueará la imagen llena de gris en la que estábamos trabajando:
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 a continuación
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 "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 dentro de la imagen. A medida que se borran partes del borde, se revela la imagen de color gris claro debajo, creando la ilusión de que la foto misma se ha desgastado alrededor de los bordes y solo queda la capa posterior del papel:
Al borrar los bordes de la imagen en la capa superior se revela el área gris claro en la "Capa 1" debajo de ella.
Nuevamente, puede cambiar el tamaño del pincel si es necesario presionando la tecla del corchete izquierdo ( ( ) para hacerlo más pequeño o la tecla del corchete derecho () para agrandarlo. Si comete un error, presione Ctrl + Z (Win) / Comando + Z (Mac) para deshacer la última área que borró, o presione Ctrl + Alt + Z (Win) / Comando + Opción + Z (Mac) para deshacer múltiples Pinceladas.
Aquí, después de recorrer los bordes de la foto una vez más, es mi efecto final de "bordes de la foto desgastados y rotos":
El efecto final de "bordes de fotos rotos y desgastados".
Paso 17: Recorta el espacio extra del lienzo (opcional)
Si desea eliminar el espacio extra del lienzo que agregamos anteriormente, vaya al menú Imagen en la parte superior de la pantalla y elija Recortar :
Vaya a Imagen> Recortar.
Esto abre el cuadro de diálogo Recortar. Seleccione la opción Color de píxel superior izquierdo . Dado que el píxel en la esquina superior izquierda del documento es blanco, Photoshop recortará todo el área blanca alrededor de la imagen. Asegúrese de que las opciones Superior, Inferior, Izquierda y Derecha estén seleccionadas 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 extra del lienzo que agregamos:
Recorte el espacio extra del lienzo con el comando Recortar.