Creación de bordes de fotos con mapas de desplazamiento en Photoshop

Creación de bordes de fotos con mapas de desplazamiento en Photoshop

Creación de bordes de fotos con mapas de desplazamiento en Photoshop


En esto Tutorial de efectos de Photoshop, veremos una excelente manera de crear contenido único e interesante. bordes de la foto usando otras fotos como mapas de desplazamiento! Anteriormente, vimos cómo crear bordes de fotos con máscaras y filtros, que es una manera fácil de obtener resultados interesantes simplemente aplicando algunos de los filtros incorporados de Photoshop a una máscara de capa. Sin embargo, la desventaja de usar ese método es que está usando los mismos filtros a los que todos los demás usuarios de Photoshop tienen acceso, lo que significa que corre el riesgo de crear exactamente los mismos efectos de borde que todos los demás están creando. Eso puede ser un problema o no para usted, pero el método que veremos aquí evita por completo ese problema porque usa sus propias fotos para crear el efecto, y dado que presumiblemente usted fue quien tomó sus fotos, ¡Puedes usarlos para crear bordes de fotos que sean tan únicos como tú!

¿A qué me refiero cuando digo que usaremos otras fotos como mapas de desplazamiento? Bueno, en primer lugar, no dejes que el término «mapa de desplazamiento» te asuste si nunca antes has usado uno. Un mapa de desplazamiento no es más que una foto o imagen en blanco y negro que Photoshop utiliza para mover, distorsionar y remodelar los píxeles de otra imagen. Ya vimos mapas de desplazamiento en un tutorial anterior donde los usamos para crear sombras de fotos realistas. Cualquier foto puede usarse como un mapa de desplazamiento, pero si las está usando para crear bordes de fotos como lo haremos aquí, querrá elegir fotos que tengan muchos detalles. Cuanto más detalle, más interesante será el resultado final. De hecho, lo mejor que puede hacer es evitar el uso de tipos de fotos tradicionales y tratar de usar fotos de «textura» en su lugar. Por foto de «textura» me refiero a fotos de cosas como rocas, piedras, madera, óxido, ladrillos, telas, cualquier cosa que tenga una superficie interesante.

¿De dónde sacas este tipo de fotos? ¡La forma más fácil es tomar su cámara digital, salir y tomar fotografías! Acérquese a la acera y tome una foto del concreto con todas sus mellas y grietas. Camine hasta un árbol y tome una foto de primer plano de la corteza. ¿Ves un trozo de metal oxidado en alguna parte? ¡Apunta la cámara y presiona el botón! Veremos un par de ejemplos de fotos de textura que he tomado en este tutorial. Podría pasar todo el día deambulando por el vecindario buscando texturas geniales. Por supuesto, los vecinos pueden detenerse y mirarme, pero no vale la pena vivir la vida si alguien no piensa que has perdido la cabeza.

Aquí está la foto que usaré como mi foto principal en este tutorial (en otras palabras, la foto a la que aplicaré el borde):

Imagen del tutorial de Adobe Photoshop.

La foto original.

Y así es como se verá cuando hayamos terminado:

Imagen del tutorial de Adobe Photoshop.

El efecto final de «bordes de fotos».


Por supuesto, el enfoque principal de este tutorial de Photoshop es crear ese borde irregular que vemos alrededor de la parte principal de la imagen. El área de color marrón oscuro alrededor de los bordes de la foto fue solo algo que agregué para mayor interés, pero veremos cómo hacerlo también al final del tutorial.

Este tutorial es de nuestra serie Photo Effects. ¡Empecemos!

Paso 1: Duplica la capa de fondo

Como siempre, comencemos por duplicar nuestra capa de fondo para que no estemos trabajando directamente en la información de nuestra imagen original. Para hacer eso, sube al Capa menú en la parte superior de la pantalla, elija Nuevoy luego elige Capa a través de la copiao usa el atajo de teclado Ctrl + J (Ganar) / Comando + J (Mac):

Imagen del tutorial de Adobe Photoshop.

Vaya a Capa> Nueva> Capa a través de Copiar.

Si miramos ahora en nuestra paleta de Capas, podemos ver la capa de Fondo original en la parte inferior y una copia de la capa de Fondo, que Photoshop ha llamado automáticamente «Capa 1», encima de ella:

Imagen del tutorial de Adobe Photoshop.

La paleta Capas en Photoshop ahora muestra la capa de fondo original y la copia encima de ella.

Paso 2: Agregar una nueva capa en blanco entre las dos capas existentes

Necesitamos agregar una nueva capa en blanco entre nuestras dos capas existentes. Actualmente tenemos «Capa 1» seleccionada en la paleta Capas (la capa actualmente seleccionada está resaltada en azul). Normalmente, Photoshop agrega una nueva capa directamente encima la capa que está seleccionada actualmente, pero necesitamos que aparezca nuestra nueva capa debajo «Capa 1», no por encima de ella. Para decirle a Photoshop que agregue la nueva capa debajo de «Capa 1», simplemente mantenemos presionada la tecla control (Ganar) / Mando (Mac) en el teclado y haga clic en el Nueva capa en la parte inferior de la paleta Capas:

Imagen del tutorial de Adobe Photoshop.

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

Si miramos en nuestra paleta de Capas nuevamente, podemos ver que ahora tenemos una nueva capa en blanco, que Photoshop ha llamado «Capa 2», entre la «Capa 1» y la capa de Fondo:

Imagen del tutorial de Adobe Photoshop.

Aparece una nueva capa en blanco entre la capa de Fondo y la «Capa 1».

Paso 3: Rellena la nueva capa con blanco

Aunque al final de este tutorial haré algo un poco más interesante, por el momento usemos el blanco como color de borde. Para eso, necesitaremos llenar nuestra nueva capa en blanco con blanco. Sube al Editar en la parte superior de la pantalla y elija Llenaro usa el atajo de teclado Mayús + F5:

Imagen del tutorial de Adobe Photoshop.

Vaya a Editar> Rellenar.

De cualquier manera, aparece Photoshop Llenar caja de diálogo. En el Contenido en la parte superior del cuadro de diálogo, elija blanco en el cuadro de selección. Entonces, abajo en el Mezcla sección en la parte inferior, asegúrese de que Modo se establece en Normal y Opacidad se establece en 100%:

Imagen del tutorial de Adobe Photoshop.

Utilice el comando «Rellenar» para rellenar la nueva capa con blanco.

Haga clic en Aceptar en la esquina superior derecha cuando haya terminado para salir del cuadro de diálogo y hacer que Photoshop llene la nueva capa con blanco. No parecerá que le sucedió nada a la imagen y eso se debe a que la «Capa 1» está encima de nuestra nueva capa y la bloquea de la vista, pero si miramos el vista previa en miniatura para «Capa 2» en la paleta Capas, podemos ver que la miniatura ahora está llena de blanco sólido, lo que nos dice que la capa en sí ahora está llena de blanco:

Imagen del tutorial de Adobe Photoshop.

La miniatura de vista previa de la «Capa 2» ahora nos muestra que la capa está llena de blanco.

Paso 4: Seleccione «Capa 1»

Haga clic en «Capa 1» en la paleta Capas para seleccionarla:

Imagen del tutorial de Adobe Photoshop.

Seleccione «Capa 1».

Paso 5: Seleccione la herramienta Marco rectangular

Toma el Herramienta Marco Rectangular desde la paleta de Herramientas:

Imagen del tutorial de Adobe Photoshop.

Seleccione la herramienta Marco rectangular.

Paso 6: Arrastra una selección dentro de la imagen

Con la herramienta Marco rectangular seleccionada, arrastre una selección rectangular donde desea que aparezca el borde de la foto dentro de la imagen. Por lo general, querrá dejar aproximadamente una pulgada de espacio entre la selección y los bordes de la foto. En mi caso, voy a dejar un poco más de espacio en la parte de abajo. de mi foto solo para enmarcar un poco mejor el rostro de la mujer:

Imagen del tutorial de Adobe Photoshop.

Arrastre una selección rectangular donde debería aparecer el borde de la foto.

Paso 7: Agregar una máscara de capa

Cuando esté satisfecho con su selección, asegúrese de que todavía tiene seleccionada la «Capa 1», luego haga clic en el Máscara de capa en la parte inferior de la paleta Capas:

Imagen del tutorial de Adobe Photoshop.

Haga clic en el icono «Máscara de capa».

Esto agrega una máscara de capa a la «Capa 1», y dado que teníamos una selección activa cuando agregamos la máscara de capa, Photoshop usa la selección para determinar qué partes de la capa deben permanecer visibles y qué partes deben estar ocultas a la vista. Todas las áreas de la capa que estaban dentro de la selección permanecerán visibles, mientras que las áreas fuera de la selección ahora estarán ocultas. Si miramos de nuevo la paleta Capas, podemos ver que ahora tenemos una miniatura de la máscara de capa a la derecha de la miniatura de vista previa en la «Capa 1», y si miramos de cerca la miniatura, podemos ver un área rectangular grande en el centro que está llena de blanco. Esta es el área que estaba dentro de nuestra selección (el área que permanece visible). Todo alrededor del área rectangular blanca es el área que estaba fuera de nuestra selección (el área que ahora estará oculta), y podemos ver que está llena de negro:

Imagen del tutorial de Adobe Photoshop.

La miniatura de la máscara de capa que muestra las áreas blancas (visibles) y negras (ocultas) de la capa.

Si miramos en la ventana de nuestro documento, podemos ver que ahora tenemos un borde blanco que se muestra alrededor de los bordes de la imagen. El borde blanco es en realidad «Capa 2», que rellenamos con la parte posterior blanca en el Paso 3, alcanzando su punto máximo desde debajo de la «Capa 1». La única parte de la «Capa 1» que todavía está visible es el área que estaba dentro de nuestra selección. Todo lo demás en la capa que estaba fuera de la selección ahora está oculto gracias a la máscara de capa:

Imagen del tutorial de Adobe Photoshop.

El color blanco sólido de la «Capa 2» ahora aparece como un borde alrededor de la imagen en la «Capa 1» después de agregar la máscara de capa.

Paso 8: Abra la imagen que desea utilizar como mapa de desplazamiento

Hasta ahora, todo lo que tenemos es un borde blanco de apariencia simple alrededor de nuestra foto. Cambiemos la forma de nuestro borde en algo mucho más interesante usando un mapa de desplazamiento y Photoshop Desplazar filtrar. Sin embargo, antes de que podamos usar un mapa de desplazamiento, primero debemos crear uno, así que abra la foto que desea usar como su mapa de desplazamiento. Como mencioné al principio de este tutorial, lo mejor que puede hacer es usar una foto de «textura», es decir, una toma de primer plano de algo con una superficie interesante, y la forma más fácil de obtener fotos de textura es tomar su foto digital. cámara, sal y toma algunas fotos! Por ejemplo, aquí hay una foto que tomé de algunas astillas de madera que estaban esparcidas por el suelo a lo largo de un sendero a través de un bosque cerca de mi casa:

Imagen del tutorial de Adobe Photoshop.

Una foto de unas astillas de madera esparcidas a lo largo de un sendero a través del bosque.

Esta foto debería funcionar muy bien como mapa de desplazamiento.

Paso 9: Desaturar la imagen

Necesitamos convertir nuestra foto en una que pueda usarse como mapa de desplazamiento. Lo primero que debemos hacer es eliminar todos los colores de la imagen, y podemos hacerlo rápida y fácilmente subiendo al Imagen menú en la parte superior de la pantalla, eligiendo Ajustesy luego elegir Desaturar:

Imagen del tutorial de Adobe Photoshop.

Vaya a Imagen> Ajustes> Desaturar.

También puedes usar el atajo de teclado Mayús + Ctrl + U (Ganar) / Mayús + Comando + U (Mac). De cualquier manera eliminará instantáneamente todos los colores de la foto, dejándonos con una imagen en blanco y negro:

Imagen del tutorial de Adobe Photoshop.

La imagen ahora aparece en blanco y negro después de desaturar los colores.

Paso 10: Aumente el contraste de la foto con los niveles

A continuación, debemos aumentar el contraste en nuestra imagen, haciendo que las áreas más oscuras sean de un negro puro y las áreas más brillantes de un blanco puro. Para hacer eso, usaremos Photoshop Niveles mando. Sube al Imagen menú en la parte superior de la pantalla una vez más, elija Ajustesy luego elige Niveles, o use el atajo de teclado para acceder rápidamente al comando Niveles, Ctrl + L (Ganar) / Comando + L (Mac):

Imagen del tutorial de Adobe Photoshop.

Vaya a Imagen> Ajustes> Niveles.

De cualquier manera, aparece el cuadro de diálogo Niveles. En el centro del cuadro de diálogo, verá la imagen histograma (el gráfico negro grande), y debajo del histograma hay tres pequeños controles deslizantes: un negro uno en el extremo izquierdo, un blanco uno en el extremo derecho, y un gris uno en el medio. Para hacer que las partes más oscuras de la imagen sean completamente negras, haga clic en el deslizador negro en el extremo izquierdo y arrástrelo hacia la derecha. A medida que arrastra, verá que las áreas oscuras de la imagen se vuelven cada vez más oscuras. Normalmente, al editar y retocar imágenes, solo querríamos arrastrar el control deslizante negro hasta el punto donde comienza el lado izquierdo del histograma, pero en este caso, dado que estamos haciendo esto para darle más contraste a nuestro mapa de desplazamiento, es Está bien arrastrar el control deslizante más allá de ese punto. Perderemos algunos detalles en las áreas más oscuras de la imagen, pero está bien para lo que estamos haciendo aquí.

Luego, para hacer las áreas más brillantes de la imagen en blanco puro, haga clic en el deslizador blanco en el extremo derecho y arrástrelo hacia la izquierda. A medida que arrastra, verá que las áreas más claras de la foto se vuelven de un blanco puro. Al igual que con el control deslizante negro, si estuviéramos retocando la imagen, solo querríamos arrastrar el control deslizante blanco hasta el punto donde comienza el lado derecho del histograma, pero en este caso, lo que más necesitamos para nuestro mapa de desplazamiento. hay mucho contraste en la imagen, así que arrastre el control deslizante blanco más allá de ese punto hasta que tenga muchas áreas brillantes en la imagen. Nuevamente, perderemos algunos detalles de la imagen en las áreas más brillantes de la foto, pero está bien:

Imagen del tutorial de Adobe Photoshop.

Aumente el contraste en la imagen arrastrando el control deslizante negro hacia la derecha y el control deslizante blanco hacia la izquierda.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo. Su imagen ahora debería tener mucho contraste con ella, como podemos ver aquí con mi imagen:

Imagen del tutorial de Adobe Photoshop.

La imagen ahora aparece con un contraste mucho más fuerte entre las áreas claras y oscuras.

Paso 11: Aplicar el filtro de desenfoque gaussiano

Una última cosa que debemos hacer con nuestra imagen para prepararla para su uso como mapa de desplazamiento es aplicarle una pequeña cantidad de desenfoque, solo para eliminar los bordes demasiado duros. Para hacer eso, usaremos Photoshop Desenfoque gaussiano filtrar. Sube al Filtrar menú en la parte superior de la pantalla, elija Difuminary luego elige Desenfoque gaussiano:

Imagen del tutorial de Adobe Photoshop.

Vaya a Filtro> Desenfocar> Desenfoque gaussiano.

Cuando aparezca el cuadro de diálogo Desenfoque gaussiano, configure el Radio valor en la parte inferior a alrededor 1 píxel. Nuevamente, solo estamos agregando una cantidad sutil de desenfoque:

Imagen del tutorial de Adobe Photoshop.

Establezca el valor de «Radio» en el cuadro de diálogo Desenfoque gaussiano en alrededor de 1 píxel.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo y aplicar el desenfoque a la imagen.

Paso 12: Guarde la imagen como un archivo .PSD de Photoshop

Terminamos de preparar nuestra imagen para usarla como mapa de desplazamiento. Todo lo que tenemos que hacer ahora es guardarlo, y debemos guardarlo como un Photoshop .PSD archivo, ya que esos son los únicos tipos de archivos que Photoshop nos permitirá utilizar como mapas de desplazamiento. Querrá guardar el archivo en algún lugar donde pueda encontrarlo fácilmente, ya que lo usaremos en un momento. Recomendaría guardarlo directamente en su escritorio o crear una carpeta en su escritorio y guardar todas las imágenes del mapa de desplazamiento en la carpeta. Tengo una carpeta en mi escritorio llamada «mapas de desplazamiento» y voy a guardar mi archivo en esa carpeta.

Ahorrar el archivo, use el atajo de teclado Ctrl + S (Ganar) / Comando + S (Mac), que es la forma rápida y sencilla de acceder al comando «Guardar» de Photoshop. Dado que es la primera vez que guardamos el archivo, Photoshop mostrará el Guardar como cuadro de diálogo para que podamos decirle cómo nombrar el archivo, dónde guardarlo y en qué formato de archivo guardarlo. Voy a nombrar mi archivo «astillas de madera» (probablemente querrá ponerle un nombre diferente a su archivo a menos que también esté usando una foto de astillas de madera) y lo guardaré como un Photoshop .PSD archivo eligiendo esa opción de la Formato cuadro de selección:

Imagen del tutorial de Adobe Photoshop.

Utilice el cuadro de diálogo «Guardar como» para asignar un nombre al archivo y seleccione el tipo de archivo «Photoshop .PSD».

Nuevamente, voy a guardar mi archivo dentro de una carpeta en mi escritorio que he llamado «mapas de desplazamiento». Asegúrese de guardar su archivo en algún lugar donde pueda acceder a él fácilmente. Haga clic en Aceptar para guardar el archivo y salir del cuadro de diálogo cuando haya terminado.

Puede cerrar la ventana del documento de la imagen en este punto, ya que ya no es necesario que esté abierta.

Paso 13: Prepare y guarde una segunda imagen como mapa de desplazamiento (opcional)

Si realmente desea crear algunos bordes de fotos interesantes y únicos, intente usar un par de imágenes diferentes como mapas de desplazamiento en lugar de solo una. Esto es opcional, por supuesto, pero voy a abrir una segunda imagen para usar como mapa de desplazamiento. Usaré esta foto que tomé de una corteza de árbol:

Imagen del tutorial de Adobe Photoshop.

Abra una segunda foto para usarla como mapa de desplazamiento (opcional).

Repita los pasos 9-11 con su segunda imagen (suponiendo que esté usando una) para prepararla como un mapa de desplazamiento. Cuando haya terminado, la imagen debe estar en blanco y negro con una gran cantidad de contraste y debe tener una pequeña cantidad de desenfoque aplicado para suavizar los bordes ásperos. Aquí está mi imagen después de prepararla para usarla como mapa de desplazamiento:

Imagen del tutorial de Adobe Photoshop.

La segunda imagen después de seguir los pasos para prepararla como mapa de desplazamiento.

Guardaré esta imagen en la misma ubicación que mi imagen anterior presionando Ctrl + S (Ganar) / Comando + S (Mac). Nuevamente, dado que esta es la primera vez que guardo la imagen, Photoshop mostrará el Guardar como caja de diálogo. Voy a llamar a esta imagen «corteza de árbol» y necesito guardar esta como un Photoshop .PSD archivo también:

Imagen del tutorial de Adobe Photoshop.

Nombra la segunda imagen y guárdala como un archivo .PSD de Photoshop en la misma ubicación que la imagen anterior.

Haga clic en Aceptar cuando haya terminado para guardar la imagen y salir del cuadro de diálogo, luego cierre la ventana del documento de la imagen.

Paso 14: Asegúrese de que la máscara de capa en «Capa 1» esté seleccionada

En este punto, todo lo que debería tener abierta en su pantalla es la foto original (a la que le estamos agregando el efecto de borde). Asegúrese de tener la máscara de capa seleccionada en «Capa 1». Puede saber si la máscara de capa está seleccionada o no mirando «Capa 1» en la paleta Capas. Debería ver un cuadro resaltado blanco alrededor de la miniatura de la máscara de capa que indica que está seleccionada. Si, en cambio, ve el cuadro resaltado alrededor de la miniatura de vista previa a la izquierda, haga clic en la miniatura de la máscara de capa para seleccionarla:

Imagen del tutorial de Adobe Photoshop.

Asegúrese de que la máscara de capa esté seleccionada en «Capa 1».

¡Vamos a crear nuestro efecto de borde de foto a continuación!

Paso 15: Aplicar el filtro «Desplazar» a la máscara de capa

Ahora que hemos creado uno o dos mapas de desplazamiento, podemos crear nuestro efecto de borde de foto usando el filtro «Desplazar» de Photoshop. Con la máscara de capa seleccionada, suba a la Filtrar menú en la parte superior de la pantalla, elija Distorsionary luego elige Desplazar:

Imagen del tutorial de Adobe Photoshop.

Vaya a Filtro> Distorsionar> Desplazar.

El filtro «Desplazar» de Photoshop está dividido en dos cuadros de diálogo separados. El primero que aparece nos permite configurar algunas opciones de cómo el mapa de desplazamiento va a afectar nuestra imagen. En la parte superior, verá dos opciones: Escala horizontal y Escala vertical. Estas opciones determinan el impacto que tendrá el mapa de desplazamiento. De forma predeterminada, ambas opciones están configuradas en 10. Puede probar los valores predeterminados, pero voy a aumentar ambos valores a 20. Diferentes valores pueden funcionar mejor para usted dependiendo del efecto que esté tratando de lograr, así como del tamaño de su foto. Asegúrate de tener el Estirar para caber y Envolver alrededor opciones seleccionadas en el cuadro de diálogo también:

Imagen del tutorial de Adobe Photoshop.

El aumento de las opciones de Escala horizontal y vertical aumenta el impacto que tiene el mapa de desplazamiento en la imagen.

Haga clic en Aceptar cuando haya terminado para salir de este primer cuadro de diálogo, y Photoshop mostrará el segundo cuadro de diálogo pidiéndole que seleccione la imagen que desea usar como su mapa de desplazamiento. Voy a elegir la primera foto que guardé, mi archivo «wood-chips.psd»:

Imagen del tutorial de Adobe Photoshop.

En el segundo cuadro de diálogo, navegue hasta la ubicación de las imágenes que guardó para usarlas como mapa de desplazamiento.

Hacer clic Abierto para salir del cuadro de diálogo y Photoshop utilizará el mapa de desplazamiento para remodelar el borde de la foto. Si miro mi imagen en la ventana del documento ahora, puedo ver que mi borde ahora se ve mucho más interesante que hace un momento:

Imagen del tutorial de Adobe Photoshop.

El borde de la foto ahora parece más interesante gracias al mapa de desplazamiento.

Paso 16: Vuelva a aplicar el filtro «Desplazar» mediante el segundo mapa de desplazamiento (opcional)

Si preparó una segunda imagen para usar como mapa de desplazamiento como hice yo, podemos usarla para agregar aún más interés al borde de nuestra foto. Dado que el filtro Desplazar fue el último filtro que usamos, podemos recuperarlo rápidamente usando el atajo de teclado Ctrl + Alt + F (Ganar) / Comando + Opción + F (Mac). Haga clic en Aceptar cuando aparezca el primer cuadro de diálogo Desplazar filtro para aceptar la misma configuración que usamos la última vez, y cuando aparezca el segundo cuadro de diálogo, seleccione la segunda imagen que guardó. Aquí estoy seleccionando mi imagen «tree-bark.psd»:

Imagen del tutorial de Adobe Photoshop.

Seleccione el segundo mapa de desplazamiento que creó.

Una vez más, haga clic en Abierto para salir del cuadro de diálogo y hacer que Photoshop remodele el borde de su foto una vez más, esta vez usando su segunda imagen:

Imagen del tutorial de Adobe Photoshop.

El borde de la foto ahora parece aún más interesante después de combinar el segundo mapa de desplazamiento con el primero.

Incluso podría intentar combinar un tercer mapa de desplazamiento si quisiera, pero estoy contento con cómo se ve mi borde en este punto.

Si está satisfecho con el efecto de borde que ha creado, ciertamente puede detenerse aquí. El borde blanco liso se ve bien, pero hay muchas formas de hacerlo más interesante. ¡Terminaremos este tutorial con un vistazo rápido a cómo agregar un poco más de interés visual a continuación!

Paso 17: Eliminar la capa blanca sólida («Capa 2»)

Para que nuestra imagen se vea un poco más interesante, primero eliminemos nuestra capa blanca sólida. Haga clic en «Capa 2» en la paleta Capas y arrástrela hacia abajo hasta la contenedor de basura en la parte inferior de la paleta:

Imagen del tutorial de Adobe Photoshop.

Arrastre «Capa 2» a la papelera en la parte inferior de la paleta Capas.

Te quedarán solo dos capas en la paleta Capas y se seleccionará la capa Fondo:

Imagen del tutorial de Adobe Photoshop.

La paleta Capas ahora muestra solo la capa de Fondo original y la «Capa 1».

El borde de su foto también parecerá haber desaparecido en la ventana de su documento, pero no se preocupe, todavía está allí. Simplemente no podemos verlo en este momento.

Paso 18: Seleccione la herramienta Cuentagotas

Vamos a probar un color de la imagen. Para eso, necesitaremos el Herramienta cuentagotas, así que selecciónelo de las Herramientas paleta:

Imagen del tutorial de Adobe Photoshop.

Seleccione la herramienta Cuentagotas de la paleta Herramientas.

Paso 19: Muestra un color de la imagen

Con la herramienta Cuentagotas seleccionada, haga clic en un color de la imagen que funcionaría bien como color para el borde. Voy a probar un color marrón claro del cabello de la mujer:

Imagen del tutorial de Adobe Photoshop.

Haga clic en la imagen para probar un color que funcionaría bien como color de borde.

Verá que el color que ha muestreado aparece en el Muestra de color de primer plano cerca de la parte inferior de la paleta Herramientas:

Imagen del tutorial de Adobe Photoshop.

El color muestreado aparece en la muestra de color de primer plano de la paleta Herramientas.

Paso 20: Agrega una capa de ajuste de «Tono / Saturación»

Con la capa Fondo seleccionada en la paleta Capas, haga clic en el Nuevo icono de capa de ajuste en la parte inferior de la paleta:

Imagen del tutorial de Adobe Photoshop.

Haga clic en el icono «Nueva capa de ajuste».

Luego seleccione La saturación de color de la lista de capas de ajuste que aparece:

Imagen del tutorial de Adobe Photoshop.

Seleccione «Tono / Saturación» de la lista.

Cuando aparezca el cuadro de diálogo Tono / Saturación, seleccione el Colorear opción en la esquina inferior derecha. Esto coloreará el borde alrededor de su imagen usando el color que muestreó hace un momento. Voy a oscurecer mi borde también bajando el Ligereza valor en el cuadro de diálogo hasta alrededor -60. Finalmente, voy a reducir la saturación del color del borde solo un poco bajando el Saturación valor a alrededor 20:

Imagen del tutorial de Adobe Photoshop.

Cambie las opciones en el cuadro de diálogo «Tono / Saturación» encerrado en un círculo arriba.

Haga clic en Aceptar cuando haya terminado para aceptar los cambios y salir del cuadro de diálogo. Si miramos nuestra paleta Capas ahora, podemos ver nuestra capa de ajuste de Tono / Saturación ubicada entre la capa de Fondo y la «Capa 1»:

Imagen del tutorial de Adobe Photoshop.

La paleta Capas que muestra la capa de ajuste entre las otras dos capas.

Y así es como se ve ahora mi efecto de borde final después de colorear y oscurecer mi borde:

Imagen del tutorial de Adobe Photoshop.

El resultado final del borde de la foto.


¡Y ahí lo tenemos! ¡Así es como se crean bordes de fotos interesantes utilizando mapas de desplazamiento en Photoshop! Visite nuestra sección Efectos fotográficos para obtener más tutoriales de efectos de Photoshop.

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!