Índice de contenidos
Cómo crear un borde de foto con sombra paralela en Photoshop
¡Aprenda lo fácil que es agregar un borde de foto y una sombra paralela a una imagen con Photoshop! Un tutorial paso a paso para Photoshop 2021 y versiones anteriores.
En este tutorial, le muestro cómo agregar espacio en el lienzo y una sombra paralela a una imagen en Photoshop para crear un borde de foto simple pero elegante. Comenzamos creando el efecto básico usando un borde blanco y una sombra negra. Y luego te muestro cómo personalizar el efecto eligiendo un borde y un color de sombra directamente desde la propia imagen.
Puede seguir junto con cualquier versión de Photoshop. Estoy usando Photoshop 2021.
Así es como se verá el resultado con un borde blanco y una sombra paralela negra:
Y aquí está el resultado con un borde personalizado y un color de sombra extraído de la imagen:
¡Empecemos!
Paso 1: abre tu imagen en Photoshop
Empiece por abrir su imagen. Usaré esta imagen de Adobe Stock:
Relacionado: Cómo obtener sus imágenes en Photoshop
Paso 2: desbloquea la capa de fondo
En el panel Capas, la imagen aparece en la capa Fondo. Y por el momento, la capa Fondo está bloqueada, indicada por el icono de candado a la derecha del nombre de la capa:
Para colocar un borde alrededor de la imagen, debemos agregar una nueva capa debajo. Pero no podemos hacer eso mientras la capa de Fondo está bloqueada. Entonces, para desbloquearlo, haga clic en el icono de candado.
O si está utilizando una versión anterior de Photoshop y hacer clic en el icono de candado no funciona, mantenga presionada la tecla Alt (Ganar) / Opción (Mac) en su teclado y haga doble clic el icono de candado:
Photoshop cambia el nombre de la capa de Fondo
para Capa 0
y el icono de candado desaparece:
Paso 3: agregue una capa de relleno de color sólido
Para crear el borde de la foto, usaremos una capa de relleno de color sólido.
Haga clic en el Nueva capa de relleno o ajuste en la parte inferior del panel Capas:
Y elige Color sólido de la lista:
Luego, en el Selector de color, elija blanco configurando el R, GRAMO y B valores a 255. Usaremos el blanco como color del borde por ahora, pero te mostraré cómo cambiarlo más adelante. Haga clic en Aceptar cuando haya terminado:
De vuelta en el documento, el blanco de la capa de relleno bloquea temporalmente la vista de la imagen:
Paso 4: Mueva la capa de relleno debajo de la imagen
Para solucionarlo, haga clic en la capa de relleno de Color sólido en el panel Capas y arrástrela debajo de la imagen:
Suelta el botón del mouse para colocarlo en su lugar:
Y ahora volvemos a ver la imagen, con la capa de relleno escondida detrás de ella:
Paso 5: abra el cuadro de diálogo Tamaño del lienzo
A continuación, necesitamos agregar más espacio de lienzo alrededor de la imagen. El espacio extra se convertirá en el borde. Y como queremos que el tamaño del borde sea el mismo en los cuatro lados, la mejor manera de hacerlo es con el comando Tamaño de lienzo de Photoshop.
Sube al Imagen menú en la barra de menú y elija Tamaño del lienzo:
Paso 6: aumenta el ancho y la altura del lienzo
En el cuadro de diálogo Tamaño del lienzo, haga clic en el Relativo opción. Esto le dice a Photoshop que comience con el tamaño de lienzo actual, y se le agregarán los valores que ingresemos para Ancho y Alto.
En el Ancla cuadrícula, asegúrese de que el caja central se selecciona para que el espacio adicional se agregue uniformemente en la parte superior, inferior, izquierda y derecha:
Luego ingrese un tamaño para el borde en el Ancho y Altura los campos. Pero tenga en cuenta que los valores que ingrese se dividirán equitativamente entre dos lados. Entonces, por ejemplo, ingresar 2 pulgadas para el Ancho resultará en un borde de 1 pulgada a la izquierda y a la derecha de la foto. E ingresar 2 pulgadas para la altura le dará un borde de 1 pulgada en la parte superior e inferior.
Para mi imagen, un borde de 1 pulgada será un poco demasiado ancho. Un borde de 3/4 de pulgada se verá mejor. Entonces, para agregar un borde de 3/4 de pulgada a la izquierda y a la derecha de la foto, necesito configurar el Ancho al doble de esa cantidad, que es 1,5 pulgadas. Y para mantener el borde del mismo tamaño alrededor, estableceré el Altura para 1,5 pulgadas así como.
Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo Tamaño del lienzo:
Photoshop agrega el espacio de lienzo adicional alrededor de la imagen, creando nuestro borde de foto. Aunque el espacio adicional es realmente transparente, parece blanco porque la capa de relleno de color sólido debajo de la imagen se ve a través de:
Cómo ajustar el borde de la foto en la pantalla
Si el borde es demasiado grande para caber en su pantalla, suba a la Vista menú en la barra de menú y elija Encajar en la pantalla:
Cómo cambiar el tamaño del borde
La desventaja del comando Tamaño de lienzo de Photoshop es que no hay forma de obtener una vista previa del nuevo tamaño antes de aceptarlo. Entonces, si el borde es demasiado ancho o demasiado estrecho, suba al Editar menú y elegir Deshacer el tamaño del lienzo:
Luego regresa al Imagen menú, volver a Tamaño del lienzoy vuelva a intentarlo con diferentes valores de Ancho y Alto:
Paso 7: selecciona la capa de la imagen
Hemos agregado el borde de la foto, así que ahora agreguemos la sombra paralela. En el panel Capas, haga clic en el capa de imagen para seleccionarlo:
Paso 8: agrega una sombra paralela
Luego haga clic en el icono de fx en el fondo:
Y elige Sombra paralela de la lista:
Paso 9: ajuste la configuración de la sombra paralela
Las opciones de Sombra paralela se abren en el cuadro de diálogo Estilo de capa de Photoshop. Y las tres opciones principales son Ángulo, Distancia y Tamaño. El ángulo controla la dirección de la fuente de luz, la distancia es qué tan lejos se extiende la sombra del objeto y el tamaño controla la suavidad de los bordes de la sombra:
Las opciones de ángulo y distancia
La forma más rápida de establecer el ángulo y la distancia de la sombra es simplemente hacer clic dentro del documento, mantener presionado el botón del mouse y arrastrar la sombra para colocarla. Mientras arrastra, los valores de Ángulo y Distancia en el cuadro de diálogo cambiarán.
Aquí estoy arrastrando la sombra hacia abajo y hacia la derecha:
O puede ingresar valores específicos de ángulo y distancia. Voy a configurar el Ángulo para 135 grados y el Distancia para 80 px. Los valores que necesita, especialmente la Distancia y el Tamaño (que veremos a continuación), dependerán de su imagen:
Aquí está el resultado hasta ahora:
La opción de tamaño
Luego aumente el Tamaño valor para suavizar los bordes de la sombra. Pondré el mío en 60 px, pero nuevamente dependerá de tu imagen:
Y aquí está el resultado con los bordes ahora más suaves:
La opción de opacidad
También puede ajustar la intensidad de la sombra usando el Opacidad deslizador. Los valores más altos de opacidad oscurecen la sombra y los valores más bajos la aclaran. Bajaré el mío a 30 por ciento:
Cuando esté satisfecho con los resultados, haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa:
Y aquí está el resultado después de reducir la opacidad de la sombra:
Cómo personalizar los colores de los bordes y las sombras
En este punto, se realiza el efecto principal. Hemos agregado el borde alrededor de la foto y la sombra detrás de ella. Pero en lugar de usar un borde blanco y una sombra negra, podemos personalizar el efecto eligiendo colores directamente de la imagen. He aquí cómo hacerlo.
Paso 10: haga doble clic en la muestra de color de la capa de relleno
Para cambiar el color del borde, haga doble clic en la capa de relleno muestra de color en el panel Capas:
Paso 11: muestra un nuevo color de borde de la imagen
Esto vuelve a abrir el Selector de color. Pero en lugar de elegir un nuevo color del Selector de color, mueva el cursor del mouse sobre la imagen y haga clic en un color para probarlo.
Haré clic en el hombro de la mujer:
El color que tomó la muestra se convierte instantáneamente en el nuevo color del borde. Puede seguir haciendo clic en diferentes áreas de la imagen para encontrar el color que mejor funcione. Cuando haya terminado, haga clic en Aceptar para cerrar el Selector de color.
Aquí está mi resultado con el borde establecido en el nuevo color:
Paso 12: Vuelva a abrir la configuración de Sombra paralela
Luego, para elegir un nuevo color para la sombra, haga doble clic sobre el Sombra paralela efecto de capa debajo de la capa de la imagen:
Sombra paralela.
Y en el cuadro de diálogo Estilo de capa, haga clic en la sombra muestra de color:
Paso 13: muestra un nuevo color de sombra de la imagen
Cuando se abra el Selector de color, mueva el cursor del mouse sobre la imagen y haga clic en un color para probarlo. Volveré a hacer clic en el hombro de la mujer:
Paso 14: ajusta el brillo y la saturación del color
Los colores de las sombras deben ser oscuros y muy saturados. Entonces, antes de cerrar el Selector de color, aumente la Saturación (S) valor para 100 por ciento, o cerca de él.
Luego oscurezca el color bajando su Brillo (B) valor. Bajaré el mío a 30 por ciento para evitar que la sombra se vea demasiado oscura, pero es posible que desee oscurecerla aún más dependiendo de su imagen:
Haga clic en Aceptar para cerrar el Selector de color, ¡y listo! Aquí está mi resultado final usando los colores de borde y sombra personalizados:
A dónde ir después …
¡Y ahí lo tenemos! ¡Así de fácil es agregar un borde de foto simple y una sombra paralela a una imagen con Photoshop!
Para otro efecto de borde de foto simple, vea cómo agregar un borde a un tutorial fotográfico. O para algo más artístico, aprenda a crear un borde de foto de bordes pintados. Visite nuestra sección Efectos fotográficos para obtener más ideas de tutoriales geniales. ¡Y no olvide que todos nuestros tutoriales están disponibles para descargar como PDF!