Cómo crear un borde en Photoshop
A veces, diseñar no es tan sencillo como añadir un borde, sobre todo en Photoshop. Da la sensación de estar haciendo muchas pruebas, pero una vez que le coges el truco, añadir bordes puede hacer que los elementos destaquen. Ya sea una imagen, una forma o texto, cada uno requiere un enfoque ligeramente diferente. A veces solo quieres un contorno o marco limpio, y otras veces las opciones predeterminadas no son suficientes. Así que aquí tienes algunas formas realistas que me han funcionado (y quizá te funcionen) para añadir bordes en Photoshop, incluyendo los detalles esenciales como comandos, rutas de menú y ajustes. Porque, claro, Photoshop tiene que complicarlo un poco más de lo que debería.
Cómo agregar un borde alrededor de una imagen en Photoshop
Hacer un borde expandiendo el lienzo
Este método es útil cuando se busca un borde preciso y sólido que no corte ninguna parte de la imagen. Es un método clásico, pero muy fiable. El objetivo es aumentar el tamaño del lienzo y luego rellenar ese espacio ampliado con un color. Funciona bien si no se quiere modificar los estilos de capa ni los trazos.
Empieza abriendo tu imagen en Photoshop: Archivo > Abrir. Una vez cargada, comprueba si tiene varias capas. Si es una imagen aplanada, no hay problema. Si no, es más fácil trabajar con una versión aplanada para evitar tramados o confusiones posteriores.
A continuación, necesitamos convertir el fondo en una capa normal para que sea más fácil de manipular. Ve a Capa > Nueva > Capa a partir del fondo. O simplemente haz doble clic en el fondo en el panel Capas, asígnale el nombre que prefieras (por defecto es Capa 0) y pulsa Aceptar.
Ahora, para dejar espacio para el borde, ve a Imagen > Tamaño del lienzo. Asegúrate de marcar la casilla «Relativo» ; esto facilita añadir un número fijo de píxeles. Coloca el punto de anclaje en el centro para que el borde quede uniforme en todo su perímetro. Para el tamaño, piensa en el grosor que quieres. Por ejemplo, si quieres un borde de 100 píxeles, aumenta el ancho y el alto en 200 píxeles cada uno (para cubrir ambos lados).El borde quedará centrado equitativamente hacia afuera, así que planifica según corresponda.
Agregar y personalizar la capa de relleno de color
Una vez que el lienzo sea más grande, es hora de agregar un relleno de color sólido. Verás el gran espacio blanco, ¿verdad? Haz clic en el botón «Crear nueva capa de relleno o ajuste» en el panel Capas (el icono del círculo medio lleno) y selecciona » Color sólido». Esta capa será el color del borde. Selecciona el color que quieras en el Selector de color (el cuadro multicolor) y pulsa «Aceptar».
Aquí viene la parte complicada: arrastra la capa de relleno de color debajo de la capa de la imagen en la pila de capas. Arrástrala y suéltala, o usa el atajo del panel Capas. Una vez debajo, verás la imagen con el color del borde asomando por el área expandida del lienzo.
En algunas configuraciones, este método tan sencillo falla extrañamente a la primera, pero funciona al alternar capas o reaplicar el relleno. Así que, si no queda perfecto al principio, inténtalo de nuevo o reinicia Photoshop. Es raro, pero cierto.
- Asegúrese de elegir las rutas de menú correctas, a las que se puede acceder fácilmente en Imagen > Tamaño del lienzo
- Utilice el panel Capas para organizar sus capas; arrastre la capa Relleno debajo de su capa de imagen
- Ajuste el tamaño del lienzo en múltiplos del ancho del borde: 200 píxeles para un borde de 100 px, etc.
Recuerda Guardar como… porque sobrescribir el original nunca es una buena idea a menos que estés totalmente seguro.
Jugando con el color y el grosor del borde
¿Quieres un color o grosor de borde diferente? Haz doble clic en el icono de la capa de relleno de color en el panel Capas para ajustar el color. Para cambiar el grosor, simplemente vuelve a Imagen > Tamaño del lienzo y añade o resta píxeles. Introduce números negativos si prefieres reducir el tamaño total. De nuevo, esto es un poco de prueba y error, pero es sencillo.
Cómo agregar un borde a una forma en Photoshop
Crea una forma y luego añade un trazo
Esto es más común en formas o gráficos vectoriales. Primero, crea la forma con las herramientas de forma (Rectángulo, Elipse, etc.).En la barra de opciones, asegúrate de que el relleno de la forma esté configurado en Ninguno si solo quieres un borde. Luego, elige el estilo del trazo (borde).Elige entre sólido, degradado o patrón, y elige un color. Ajusta el grosor: escribe en píxeles o desliza el control deslizante.
Por ejemplo, para crear un cuadrado con un contorno simple:
- Seleccione la herramienta Rectángulo de la Caja de herramientas
- Dibuja tu forma en el lienzo.
- En la barra de opciones superior, configure Rellenar en Ninguno
- Establezca el color del trazo haciendo clic en el cuadro de color del trazo
- Ajuste el tamaño del trazo usando el control deslizante o el cuadro de entrada
Súper útil para íconos o maquetas de interfaz de usuario. Solo recuerda guardar como… cuando estés satisfecho.
Cómo agregar un borde al texto en Photoshop
Creación de contornos alrededor del texto con estilos de capa
Aquí es donde Photoshop destaca. Con el texto seleccionado, haz clic derecho en la capa de texto y selecciona Opciones de fusión, o ve a Capa > Estilo de capa > Opciones de fusión. En el cuadro de diálogo, busca Trazo. Aquí puedes definir el tamaño (grosor), la posición (interior, exterior, centro) y el color del contorno.
Experimenta con el tamaño y la posición: a veces, un trazo exterior se ve más limpio, pero el interior puede ser mejor para texto superpuesto. Ajusta la opacidad y el modo de fusión si quieres un efecto sutil o complejo. Pulsa «Aceptar» y listo, tu texto ya tiene borde.
Es un poco raro, pero alternar la configuración del trazo suele ayudarte a ver qué funciona bien y qué no. Además, puedes cambiar el color en cualquier momento haciendo doble clic en el trazo en la ventana de estilo de capa.
Al final, Photoshop puede resultar un poco abrumador, pero una vez que te acostumbras al diseño y las opciones, añadir bordes a imágenes, formas o texto se vuelve más intuitivo. No sé por qué a veces funciona y a otras no, pero un poco de experimentación suele resolver el misterio.
Resumen
Esperamos que estos métodos sean un buen punto de partida para añadir bordes sin arriesgarse a dañar el archivo original. Ya sea que prefieras expandir el lienzo, usar trazos o estilos de capa, cada método tiene su utilidad según lo que intentes hacer. Simplemente experimenta, ajusta los valores y descubre qué funciona mejor para tu diseño.
Resumen
- Utilice el tamaño del lienzo para crear espacio para los bordes alrededor de las imágenes
- Agregue capas de relleno de color debajo de las imágenes para crear bordes simples
- Aplicar estilos de capa > Trazo para crear bordes rápidos en texto o formas
- Experimente con la posición, el tamaño y el color del trazo para obtener mejores resultados.
- Recuerde guardar como para mantener seguros los archivos originales
Resumen
Este material no siempre queda perfecto a la primera, pero con algunos ajustes y paciencia, los bordes pueden realzar tus diseños. Ojalá esto ayude a alguien a ahorrar tiempo en su trabajo; a mí me funcionó más de una vez.
Artículos relacionados
¿Te resultó útil este artículo?