Cómo añadir un borde a una foto con Photoshop

Cómo añadir un borde a una foto con Photoshop

Aprende a añadir un simple borde de foto, e incluso dos bordes, alrededor de tu imagen con Photoshop! Un tutorial paso a paso para Photoshop CC, CS6 y anteriores.

Los bordes de las fotos son una gran manera de añadir un sentido de clase y elegancia a una imagen. Y añadir un borde es fácil una vez que conoces los pasos. Empezaremos por añadir 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ás a elegir un color para el borde con el Selector de colores y a mezclar el borde con tu foto eligiendo un color directamente de la propia imagen.

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

Usaré esta imagen que he descargado de Adobe Stock:

Cómo mezclar el 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ás a personalizar el tamaño y los colores del borde mientras trabajamos en los pasos:

Cómo añadir un borde a una foto con Photoshop

El efecto del borde de la foto.

¡Empecemos!

Index
  1. Cómo crear un borde de foto en Photoshop
    1. Paso 1: Alejar el zoom para hacer espacio para la frontera
    2. Paso 2: Desbloquear la capa de fondo
    3. Paso 3: Abrir el cuadro de diálogo Tamaño del lienzo
    4. Paso 4: Añadir más lienzo alrededor de la foto
    5. Paso 5: Añadir una capa de relleno de color sólido
    6. Paso 6: Elegir el blanco para el color del borde de la foto
    7. Paso 7: Arrastrar la capa de relleno debajo de la imagen
    8. Paso 8: Cambiar el color del borde (opcional)
  2. Añadiendo un borde más pequeño dentro del borde principal
    1. Paso 9: Seleccionar «Capa 0»
    2. Paso 10: Añadir un estilo de capa de trazo
    3. Paso 11: Cambiar el color del trazo (opcional)
    4. Paso 12: Ajustar el tamaño del trazo

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 puedes seguir junto con mi video de este tutorial en nuestro canal de YouTube. O descargue este tutorial como un PDF listo para imprimir!

Paso 1: Alejar el zoom para hacer espacio para la frontera

Para crear el borde de la foto, añadiremos más espacio de lienzo alrededor de la imagen. Así que vamos a darnos más espacio para trabajar alejando el zoom. Para alejar el zoom del teclado, mantén pulsada la tecla Strg en un PC con Windows, o el Comando en un Mac, y presiona la tecla menos llave. Esto nos da más espacio para ver la frontera:

Alejando el zoom de la imagen en Photoshop para hacer espacio para el borde de la foto

Alejando el zoom de la imagen para hacer espacio para el borde de la foto.

Paso 2: Desbloquear la capa de fondo

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

El panel de capas de Photoshop que muestra la foto en la capa de fondo

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

Necesitamos desbloquear la capa de fondo para poder añadir otras capas debajo de ella. Para desbloquearla, en Photoshop CC, sólo hay que hacer clic en el Icono del candado. En el CS6 o antes, mantenga pulsada la tecla Alt (Win) / Opción (Mac) en tu teclado y doble clic en. Esto elimina el icono del candado y cambia el nombre de la capa a «Capa 0»:

DATEI Añadir burbujas con un pincel de burbujas personalizado

Desbloqueando la capa de fondo en el panel de capas en Photoshop

Desbloqueando la capa de fondo.

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

Para añadir más espacio de lienzo alrededor de la imagen, sube al Bild en la barra de menú y elegir Tamaño del lienzo:

Seleccionando el comando Tamaño del Lienzo en Photoshop

Pasando a Imagen; Tamaño del lienzo.

Paso 4: Añadir más lienzo alrededor de la foto

En el cuadro de diálogo Tamaño del lienzo, asegúrese de que el Pariente la opción está marcada. Y luego, en el Rejilla de anclajeAsegúrate de que el plaza central es seleccionado. Esto añadirá 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 del tamaño del lienzo de Photoshop

Asegúrate de que Pariente y el cuadrado central estén seleccionados.

Entonces, introduzca el tamaño que necesita para el borde de su foto en el Ancho j Altura campos. Tenga en cuenta que el valor que introduzca se dividirá equitativamente entre ambos lados. Y eso es cierto tanto para el ancho como para el alto. Así que si quieres un borde de un cuarto de pulgada alrededor de la imagen, en realidad querrás introducir 0,5 pulgadas para el ancho y la altura. Para un borde de 1 pulgada, tendrás que introducir 2 pulgadas. En otras palabras, cualquier tamaño que necesites, introduce dos veces esa cantidad.

En mi caso, quiero una frontera de media pulgada, así que pondré los dos Ancho j Altura al doble de esa cantidad, o 1 pulgada:

Introduciendo el tamaño del borde de la foto en los cuadros de Anchura y Altura en el cuadro de diálogo Tamaño del Lienzo de Photoshop

Introduce el doble del tamaño que necesites en las casillas de 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 del tablero de ajedrez significa que el espacio está actualmente lleno de transparencia, pero a continuación le añadiremos color:

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

El nuevo espacio de 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 equivocado para su frontera, puede deshacerla subiendo al Edita menú y eligiendo Deshacer el tamaño del lienzo. Entonces reabra la caja de diálogo del tamaño del lienzo (vaya a Imagen; Tamaño del lienzo) e inténtelo de nuevo:

Eligiendo el comando Deshacer tamaño de lienzo en Photoshop

Ir a Edición; Deshacer tamaño de lienzo.

Paso 5: Añadir una capa de relleno de color sólido

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

Haciendo clic en el icono de Nueva Capa de Relleno o Ajuste en el panel de Capas en Photoshop.

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

Y luego elige Color sólido aus der Liste:

Añadiendo una capa de relleno de color sólido en Photoshop

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

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

En el Color Picker…elige el color que quieras para tu borde. Elegiré blanco por ahora, pero te mostraré cómo cambiar el color en un momento:

DATEI Foto para boceto con más detalles

Eligiendo el blanco en el Selector de Color para el color del borde de la foto

Eligiendo el blanco en el Selector de Colores.

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

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

La capa de relleno bloquea la imagen de la vista.

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

Para arreglar eso, de vuelta en el panel de Capas, haga clic y arrastre la capa de relleno debajo de la imagen:

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

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

Y ahora el color de la capa de relleno aparece sólo dentro del borde:

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

El efecto de borde de la foto inicial.

Paso 8: Cambiar el color del borde (opcional)

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

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

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

Esto reabre el Selector de Colores donde puedes elegir algo diferente. Y a medida que pruebes diferentes colores, verás 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 Color Picker de Photoshop

Eligiendo el negro en el Color Picker.

Entonces mi borde cambia instantáneamente a negro:

El color del borde de la foto ha sido cambiado a negro

La misma frontera, ahora en negro.

Cómo elegir un color de borde de la imagen

Puedes elegir el color que quieras del Selector de Colores. O puedes elegir un color directamente de la imagen misma. Sólo tienes que mover el cursor dentro de la imagen y hacer clic en el color que necesites. Elegiré un gris claro de la ventana del fondo:

Elegir un color de borde de foto de la imagen

Eligiendo un color de borde de la foto de la imagen.

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

Cómo elegir el color del borde de una foto de la imagen en Photoshop

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

Añadiendo un borde más pequeño dentro del borde principal

Ahora que hemos añadido la frontera principal, añadamos una segunda frontera más pequeña dentro de la principal. Y lo haremos usando un efecto de capa.

Paso 9: Seleccionar «Capa 0»

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

Seleccionando la imagen en el panel de Capas

Haciendo clic en la capa de la imagen para seleccionarla.

Paso 10: Añadir un estilo de capa de trazo

Entonces haga clic en el Estilos de capas (el icono «fx»):

Haciendo clic en el icono de Estilos de Capa en el panel de Capas en Photoshop

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

Y elige… Golpe aus der Liste:

Eligiendo un efecto de capa de trazo en Photoshop

Eligiendo un efecto de capa de trazo.

En el cuadro de diálogo del Estilo de Capa, deja el trazo Farbe se puso a negro por ahora, y asegúrate de que el Posición se establece en Dentro de. Entonces, aumente el ancho del trazo arrastrando el Tamaño deslizador:

DATEI La fácil profundidad del efecto de campo en Photoshop

Las opciones del efecto de capa de trazo en Photoshop

Las opciones de la carrera.

A medida que se arrastra, verá el tamaño del trazo aumentando 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: Cambiar el color del trazo (opcional)

Si no quieres el negro como color de tu trazo, puedes cambiarlo haciendo clic en el muestra de color:

Haciendo clic en el color del trazo en el cuadro de diálogo de estilo de capa

Haciendo clic en la muestra de color del trazo.

Entonces, en el Selector de Colores, elige un color diferente. O, como hicimos con el borde principal, puedes elegir un color directamente de tu imagen. Haré clic en un color del fondo:

Muestreando un color para el trazo de la imagen

Escogiendo un color para el trazo de la imagen.

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

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

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

Paso 12: Ajustar el tamaño del trazo

Finalmente, terminaré el efecto ajustando el deslizador de tamaño para afinar el grosor del trazo. Estoy usando una imagen bastante grande aquí, así que voy a ir con un valor de tamaño de alrededor de 32px. Luego, para aceptarlo, haré clic en OK para cerrar el cuadro de diálogo de Estilo de Capa:

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

Ajustando el tamaño del golpe.

Y aquí está mi resultado final:

Cómo añadir un borde a una foto con Photoshop

El efecto final del «borde de la foto».

¡Y ahí lo tenemos! ¡Así de fácil es añadir un borde alrededor de tus fotos con Photoshop! Para obtener más efectos de bordes de fotos, echa un vistazo a mis tutoriales de bordes de fotos de sombra y de marcos de fotos, así como a mi tutorial sobre cómo crear un borde de bordes pintados. O visita mi sección de efectos de fotos para ver más tutoriales. Y no te olvides de que todos nuestros tutoriales están disponibles para descargar en formato PDF.

Hinaufgehen

Wir verwenden unsere eigenen Cookies und Cookies von Drittanbietern, um die Benutzererfahrung zu verbessern. Mehr Informaticon