Aprenda cómo agregar una simple foto de la frontera, e incluso dos fronteras, alrededor de la imagen con Photoshop! Un tutorial paso a paso para Photoshop CC, CS6 y 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 conoces los pasos. Comenzaremos agregando más espacio alrededor de la imagen usando el comando Canvas Size de Photoshop., Luego, para crear el borde, llenaremos el espacio con color usando una capa de relleno de Color sólido. Aprenderá cómo elegir un color para el borde desde el selector de Color, y cómo mezclar el borde con su foto eligiendo un color directamente de la imagen en sí!
una vez que hayamos agregado el borde principal de la foto, Te mostraré cómo agregar 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:
y aquí está la imagen con el borde de la foto a su alrededor., Aprenderá a personalizar el tamaño y los colores del borde mientras trabajamos a través de los pasos:
¡comencemos!
descargue este tutorial como un 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 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 para hacer espacio para el borde
para crear el borde de la foto, agregaremos más espacio de lienzo alrededor de la imagen. Así que démonos más espacio para trabajar alejándonos. Para alejarse del teclado, mantenga presionada la tecla Ctrl en un PC con Windows, o la tecla Comando en un Mac, y presione la tecla menos. Esto nos da más espacio para ver el borde:
Paso 2: Desbloquear la capa de Fondo
Si nos fijamos en el panel Capas, vemos la imagen en la capa de Fondo:
necesitamos desbloquear la capa de fondo para poder agregar otras capas debajo de ella. Para desbloquearlo, en Photoshop CC, simplemente haga clic en el icono de candado. En CS6 o versiones anteriores, mantenga presionada la tecla Alt (Win) / Option (Mac) del teclado y haga doble clic. Esto elimina el icono de candado y cambia el nombre de la capa a «capa 0»:
Paso 3: Abra el cuadro de diálogo Tamaño del lienzo
para agregar más espacio de lienzo alrededor de la imagen, vaya al menú Imagen en la barra de menú y elija tamaño del lienzo:
Paso 4: Agregue más lienzos alrededor de la foto
en el cuadro de diálogo Tamaño del lienzo, asegúrese de que la opción relativa esté marcada. Y luego, en la cuadrícula de anclaje, asegúrese de que el cuadrado central está seleccionado., Esto agregará el nuevo espacio de lienzo igualmente alrededor de la imagen:
luego, ingrese el tamaño que necesita para el borde de su foto en los campos Ancho y alto. Tenga en cuenta que el valor que ingrese se dividirá por igual entre ambos lados. Y eso es cierto tanto para el ancho como para la altura. Así que si quieres un borde de un cuarto de pulgada alrededor de la imagen, realmente querrás ingresar 0.5 pulgadas para el ancho y la altura. Para un borde de 1 pulgada, deberá ingresar 2 pulgadas., En otras palabras, sea cual sea el tamaño que necesite, ingrese el doble de esa cantidad.
en mi caso, quiero un borde de media pulgada, por lo que estableceré tanto el ancho como el alto en el doble de esa cantidad, o 1 pulgada:
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 está actualmente lleno de transparencia, pero agregaremos color a continuación:
cómo deshacer el tamaño del lienzo e inténtelo de nuevo
si eligió el tamaño incorrecto para su borde, puede deshacerlo subiendo al menú Editar y eligiendo deshacer Tamaño del lienzo. A continuación, vuelva a abrir el cuadro de diálogo Tamaño del lienzo (vaya a imagen > Tamaño del lienzo) e intente de nuevo:
Paso 5: Agregue 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 Capas, haga clic en el icono nueva capa de relleno o ajuste en la parte inferior:
y luego elija Color sólido de la lista:
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., Elegiré blanco por ahora, pero te mostraré cómo cambiar el color en un momento:
Haga clic en Aceptar cuando haya terminado de cerrar el selector de Color. Y Photoshop llena temporalmente todo el documento con blanco, bloqueando la imagen de la vista:
Paso 7: arrastre la capa de relleno debajo de la imagen
para arreglar eso, de nuevo en el panel Capas, haga clic y arrastre la capa de relleno debajo de la imagen:
y ahora el color de la capa de relleno aparece solo dentro del borde:
Paso 8: cambie el color del borde (opcional)
si desea algo que no sea blanco, puede elegir un color diferente para su borde haciendo doble clic en la muestra de color de la capa de relleno:
esto vuelve a abrir el selector de Color donde puede 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:
entonces mi borde cambia instantáneamente a negro:
cómo elegir un color de borde de la imagen
Puede elegir cualquier color que desee desde el selector de Color. O bien, puede elegir un color directamente de la imagen en sí. Simplemente mueva el cursor a la imagen y haga clic en el color que necesita. Voy a elegir un gris claro de la ventana en el fondo:
y de nuevo, el borde cambia instantáneamente al nuevo color., Para aceptarlo, haga clic en Aceptar para cerrar el selector de Color:
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 principal. Y lo haremos usando un efecto de capa.
Paso 9: Seleccione «capa 0»
en el panel Capas, seleccione la imagen en «capa 0»:
Paso 10: agregue un estilo de capa de trazo
luego haga clic en el icono de estilos de capa (el icono «fx»):
y elija trazo de la lista:
en el cuadro de diálogo Estilo de capa, deje el color del trazo establecido en negro por ahora y asegúrese de que la posición esté establecida en Inside. Luego, aumente el ancho del trazo arrastrando el deslizador de tamaño:
mientras arrastra, verá que el tamaño del trazo aumenta alrededor del interior del borde principal:
paso 11: cambie el color del trazo (opcional)
si no desea que el color del trazo sea negro, puede cambiarlo haciendo clic en la muestra de color:
luego, en el selector de Color, elija un color diferente. O, al igual que hicimos para el borde principal, Puede elegir un color directamente de su imagen., Voy a hacer clic en un color del fondo:
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:
paso 12: ajustar el tamaño del trazo
finalmente, terminaré el efecto ajustando el control deslizante de 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:
y aquí está mi resultado final:
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 borde de foto, echa un vistazo a mi borde de foto de sombra paralela y mis tutoriales de marcos de fotos, así como mi tutorial sobre cómo crear un borde de bordes pintados. O visite mi sección de efectos fotográficos para obtener más tutoriales!, Y no se olvide, todos nuestros tutoriales ya están disponibles para descargar como PDF!