Cómo agregar un borde a una foto con Photoshop

¡Aprenda a agregar un borde de foto simple, e incluso dos bordes, alrededor de su imagen con Photoshop! Un tutorial paso a paso para Photoshop CC, CS6 y versiones anteriores.

Los bordes de las fotos son una excelente manera de agregar un sentido de clase y elegancia a una imagen. Y agregar un borde es fácil una vez que conozca los pasos. Comenzaremos agregando más espacio alrededor de la imagen usando el comando Tamaño de lienzo de Photoshop. Luego, para crear el borde, llenaremos el espacio con color usando una capa de relleno de Color sólido. ¡Aprenderá a elegir un color para el borde desde el Selector de color y a combinar el borde con su foto eligiendo un color directamente de la propia imagen!

Una vez que hayamos agregado el borde de la foto principal, le mostraré cómo agregar un segundo borde más pequeño alrededor de la imagen usando un efecto de capa.

Usaré esta imagen que descargué de Adobe Stock:

Cómo combinar texto en una imagen de fondo de nubes en Photoshop

La imagen original. Crédito: Adobe Stock.

Y aquí está la imagen con el borde de la foto alrededor. Aprenderá a personalizar el tamaño y los colores del borde a medida que avanzamos en los pasos:

Cómo agregar un borde a una foto con Photoshop

El efecto de borde de la foto.


¡Empecemos!

¡Descargue este tutorial como PDF listo para imprimir!

Cómo crear un borde de foto en Photoshop

Para este tutorial, estoy usando Photoshop CC, pero cualquier versión reciente de Photoshop funcionará. También puede seguir mi video de este tutorial en nuestro canal de YouTube. ¡O descargue este tutorial como PDF listo para imprimir!

Paso 1: aleja el zoom para dejar espacio para el borde

Para crear el borde de la foto, agregaremos más espacio de lienzo alrededor de la imagen. Así que vamos a darnos más espacio para trabajar alejándonos. Para alejarse de su teclado, mantenga presionada la control en una PC con Windows, o la Mando en una Mac y presione la tecla menos llave. Esto nos da más espacio para ver el borde:

Reducir la imagen en Photoshop para dejar espacio para el borde de la foto

Reducir la imagen para dejar espacio para el borde de la foto.

Paso 2: desbloquea la capa de fondo

Si miramos en el panel Capas, vemos la imagen en la capa Fondo:

Panel de capas de Photoshop que muestra la foto en la capa de fondo

El panel Capas que muestra la imagen en la capa Fondo.

Necesitamos desbloquear la capa Fondo para que podamos agregar otras capas debajo de ella. Para desbloquearlo, en Photoshop CC, simplemente haga clic en el icono de candado. En CS6 o anterior, mantenga pulsado el Alt (Ganar) / Opción (Mac) en su teclado y haga doble clic. Esto elimina el icono de candado y cambia el nombre de la capa a «Capa 0»:

Desbloqueo de la capa Fondo en el panel Capas en Photoshop

Desbloqueo de la capa Fondo.

Paso 3: abra el cuadro de diálogo Tamaño del lienzo

Para agregar más espacio en el lienzo alrededor de la imagen, suba a la Imagen menú en la barra de menú y elija Tamaño del lienzo:

Seleccionar el comando Tamaño del lienzo en Photoshop

Ir a Imagen> Tamaño de lienzo.

Paso 4: agregue más lienzo alrededor de la foto

En el cuadro de diálogo Tamaño del lienzo, asegúrese de que el Relativo la opción está marcada. Y luego, en el Rejilla de ancla, asegúrese de que el plaza central está seleccionado. Esto agregará el nuevo espacio de lienzo igualmente alrededor de la imagen:

La opción relativa y la cuadrícula de anclaje en el cuadro de diálogo Tamaño del lienzo de Photoshop

Asegúrese de que Relativo y el cuadrado central estén seleccionados.

Luego, ingrese el tamaño que necesita para el borde de su foto en el Ancho y Altura los campos. Tenga en cuenta que el valor que ingrese se dividirá equitativamente entre ambos lados. Y eso es cierto tanto para el ancho como para el alto. Entonces, si desea un borde de un cuarto de pulgada alrededor de la imagen, en realidad querrá ingresar 0.5 pulgadas para Ancho y Alto. Para un borde de 1 pulgada, deberá ingresar 2 pulgadas. En otras palabras, sea cual sea el tamaño que necesite, ingrese dos veces esa cantidad.

En mi caso, quiero un borde de media pulgada, así que estableceré tanto el Ancho y Altura al doble de esa cantidad, o 1 pulgada:

Ingresar el tamaño del borde de la foto en los cuadros Ancho y Alto en el cuadro de diálogo Tamaño del lienzo de Photoshop

Ingrese el doble del tamaño que necesita en los cuadros Ancho y Alto.

Luego, para agregar el espacio del lienzo, haga clic en Aceptar para cerrar el cuadro de diálogo. Y aquí vemos el nuevo lienzo alrededor de la imagen. El patrón de tablero de ajedrez significa que el espacio actualmente está lleno de transparencia, pero le agregaremos color a continuación:

El nuevo espacio de lienzo alrededor de la imagen que se convertirá en el borde de la foto.

El nuevo espacio del lienzo que se convertirá en el borde de la foto.

Cómo deshacer el tamaño del lienzo e intentarlo de nuevo

Si eligió el tamaño incorrecto para su borde, puede deshacerlo subiendo al Editar menú y elegir Deshacer el tamaño del lienzo. Luego, vuelva a abrir el cuadro de diálogo Tamaño del lienzo (vaya a Imagen> Tamaño del lienzo) y vuelva a intentarlo:

Elegir el comando Deshacer tamaño del lienzo en Photoshop

Ir a Editar> Deshacer el tamaño del lienzo.

Paso 5: agregue una capa de relleno de color sólido

Para llenar el borde con un color, usaremos una de las capas de relleno de Color sólido de Photoshop. En el panel Capas, haga clic en el Nueva capa de relleno o ajuste icono en la parte inferior:

Haciendo clic en el icono Nuevo relleno o capa de ajuste en el panel Capas en Photoshop.

Haciendo clic en el icono Nueva capa de relleno o de ajuste.

Y luego elige Color sólido de la lista:

Agregar una capa de relleno de color sólido en Photoshop

Añadiendo una capa de relleno de color sólido.

Paso 6: elija blanco para el color del borde de la foto

En el Selector de color, elija el color que desee para su borde. Yo elegiré blanco por ahora, pero te mostraré cómo cambiar el color en un momento:

Elegir blanco en el Selector de color para el color del borde de la foto

Elegir blanco en el Selector de color.

Haga clic en Aceptar cuando haya terminado para cerrar el Selector de color. Y Photoshop llena temporalmente todo el documento con blanco, bloqueando la vista de la imagen:

La imagen está bloqueada temporalmente por la capa de relleno de color sólido

La capa de relleno bloquea la vista de la imagen.

Paso 7: arrastre la capa de relleno debajo de la imagen

Para solucionarlo, vuelva al panel Capas, haga clic y arrastre la capa de relleno debajo de la imagen:

Mover la capa de relleno de color sólido debajo de la imagen en la capa 0

Arrastrando la capa de relleno debajo de «Capa 0».

Y ahora el color de la capa de relleno aparece solo dentro del borde:

Cómo agregar un borde de foto a una imagen con Photoshop

El efecto de borde de la foto inicial.

Paso 8: cambia el color del borde (opcional)

Si tu quiere algo que no sea blanco, puede elegir un color diferente para su borde haciendo doble clic en la capa de relleno muestra de color:

Haga doble clic en la muestra de color de la capa de relleno en el panel Capas

Haga doble clic en la muestra de color en el panel Capas.

Esto vuelve a abrir el Selector de color donde puede elegir algo diferente. Y a medida que pruebe diferentes colores, verá una vista previa en vivo del nuevo color alrededor de la imagen. Así que si elijo negro en lugar de blanco:

Cambiar el color del borde de la foto a negro en el Selector de color en Photoshop

Elegir negro en el Selector de color.

Entonces mi borde cambia instantáneamente a negro:

El color del borde de la foto se ha cambiado a negro.

El mismo borde, ahora en negro.

Cómo elegir un color de borde de la imagen

Puede elegir el color que desee en el Selector de color. O puede elegir un color directamente de la propia imagen. Simplemente mueva el cursor a la imagen y haga clic en el color que necesita. Elegiré un gris claro de la ventana del fondo:

Elegir un color de borde de foto de la imagen

Elegir un color de borde de foto de la imagen.

Y nuevamente, el borde cambia instantáneamente al nuevo color. Para aceptarlo, haga clic en Aceptar para cerrar el Selector de color:

Cómo elegir un color de borde de foto de la imagen en Photoshop

El borde de la foto ahora se combina mejor con la imagen.

Agregar un borde más pequeño dentro del borde principal

Ahora que hemos agregado el borde principal, agreguemos un segundo borde más pequeño dentro del borde principal. Y lo haremos usando un efecto de capa.

Paso 9: seleccione «Capa 0»

En el panel Capas, seleccione la imagen en «Capa 0»:

Seleccionar la imagen en el panel Capas

Haciendo clic en la capa de la imagen para seleccionarla.

Paso 10: agrega un estilo de capa de trazo

Luego haga clic en el Estilos de capa icono (el icono «fx»):

Hacer clic en el icono Estilos de capa en el panel Capas en Photoshop

Haciendo clic en el icono «fx» en el panel Capas.

Y elige Carrera de la lista:

Elegir un efecto de capa de trazo en Photoshop

Elegir un efecto de capa de trazo.

En el cuadro de diálogo Estilo de capa, deje el trazo color ajustado a negro por ahora, y asegúrese de que el Posición se establece en Dentro. Luego, aumente el ancho del trazo arrastrando el Tamaño deslizador:

Las opciones del efecto de la capa de trazo en Photoshop

Las opciones de trazo.

A medida que arrastra, verá que el tamaño del trazo aumenta alrededor del interior del borde principal:

El trazo aparece entre la foto y el borde.

El trazo aparece entre la foto y el borde.

Paso 11: cambia el color del trazo (opcional)

Si no desea el negro como color de trazo, puede cambiarlo haciendo clic en el muestra de color:

Hacer clic en la muestra de color del trazo en el cuadro de diálogo Estilo de capa

Hacer clic en la muestra de color del trazo.

Luego, en el Selector de color, elija un color diferente. O, al igual que hicimos con el borde principal, puede elegir un color directamente de su imagen. Haré clic en un color del fondo:

Muestreo de un color para el trazo de la imagen

Elegir un color para el trazo de la imagen.

Y el trazo se actualiza instantáneamente al nuevo color. Cuando esté satisfecho con el color, haga clic en Aceptar para cerrar el Selector de color:

Cómo elegir un color para el trazo de la imagen en Photoshop

Tanto el borde como el trazo ahora usan colores de la imagen.

Paso 12: ajusta el tamaño del trazo

Finalmente, terminaré el efecto ajustando el control deslizante Tamaño para ajustar el grosor del trazo. Estoy usando una imagen bastante grande aquí, así que iré con un valor de Tamaño de alrededor de 32px. Luego, para aceptarlo, haré clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa:

Cómo ajustar el tamaño del trazo alrededor de la imagen en Photoshop

Ajuste del tamaño del trazo.

Y aquí está mi resultado final:

Cómo agregar un borde a una foto con Photoshop

El efecto final de «borde de foto».


¡Y ahí lo tenemos! ¡Así de fácil es agregar un borde alrededor de sus fotos con Photoshop! Para obtener más efectos de borde de foto, consulte mi borde de foto de sombra paralela y mis tutoriales de marco de imagen, así como mi tutorial sobre cómo crear un borde de borde pintado. ¡O visite mi sección Efectos fotográficos para obtener más tutoriales! ¡Y no olvide que todos nuestros tutoriales están ahora disponibles para descargar como PDF!

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