Cómo agregar un borde en Photoshop

En diseño gráfico, una forma sencilla de hacer que algo se destaque es agregar un borde a su alrededor. En este artículo, le mostraremos cómo agregar un borde en Photoshop a imágenes, formas y texto.

La mejor manera de ampliar sus habilidades con Photoshop es ^(Photoshop)practicar^(practice) , practicar^(practice) y practicar^(practice) . Intente agregar un borde en Photoshop siguiendo los pasos a continuación.

Cómo agregar un borde^(Border) alrededor de una imagen en Photoshop

Imagine que tiene una foto o imagen a la que desea agregar un borde en Photoshop . Está planeando imprimir la imagen y enmarcarla. Si agrega un borde a la imagen, parecerá que ha agregado un mate interior.

Imaginemos también que no desea que el borde cubra ni siquiera un píxel de la imagen en sí, por lo que primero deberá aumentar el tamaño del lienzo^(canvas) (el espacio de trabajo alrededor de una imagen dentro de una ventana de imagen) y luego agregar el borde en ese espacio adicional. Afortunadamente, esto es fácil de hacer en Photoshop .

Abre tu imagen en Photoshop.

Si la imagen tiene varias capas, acople la imagen seleccionando Capa^(Layer) > Aplanar imagen^{(Flatten Image)} .

A continuación, cambiaremos la capa de fondo a una capa normal que se puede mover a un lugar diferente en el orden de apilamiento de capas y para que pueda cambiar su modo de fusión o su opacidad. Seleccione Capa^{(Layer )} > Nueva^(New) > Capa desde el fondo^{(Layer from Background)} . Alternativamente, haga doble clic en la capa en el panel Capas . ^(Layers)Tenga en cuenta que su nuevo nombre será Layer 0 . Seleccione el botón Aceptar^(OK) .

Ahora agrandaremos el lienzo. Seleccione Imagen^(Image) > Tamaño del lienzo^{(Canvas Size)} . Desea aumentar el tamaño del lienzo para acomodar el borde que desea agregar. Asegúrese^(Make) de que la casilla Relativo^(Relative) esté marcada y que el ancla esté configurada en el centro de la cuadrícula. Luego ingrese la cantidad de píxeles por los que desea aumentar el lienzo. Recuerde^(Remember) , la mitad de los píxeles se agregarán a cada borde del lienzo, por lo que si desea un borde de 100 píxeles de ancho, deberá aumentar el ancho y el alto del lienzo en 200 píxeles cada uno.

Ahora tenemos una imagen con un lienzo expandido.

6. Para agregar un borde, seleccione el botón Crear un nuevo relleno o capa de ajuste^{( Create a New Fill or Adjustment Layer)} en el panel Capas^(Layers) y elija Color sólido^{(Solid Color)} de la lista.

7. En la ventana Selector de color^{(Color Picker)} , elija el color que desea que tenga el borde y seleccione el botón Aceptar^(OK) .

8. Finalmente, en el panel Capas^(Layers) , arrastre la capa de relleno de color que acaba de crear debajo de la capa de imagen.

Ahora su imagen debe tener un borde alrededor. Puede guardarlo, pero recuerde Guardar como…^{(Save as…)} para no guardar sobre su imagen original.

Juega con el color del borde haciendo doble clic en la capa Relleno de color^{(Color Fill)} y eligiendo un color diferente, e intenta cambiar el grosor del borde reajustando el tamaño del lienzo ( Imagen^(Image) > Tamaño del lienzo^{(Canvas Size)} ). Ingrese^(Enter) números negativos para hacer el lienzo más pequeño.

Cómo agregar un borde^(Border) a una forma en Photoshop

A continuación, aprendamos cómo agregar un borde a una forma en Photoshop .

Abra un archivo o cree un nuevo documento en Photoshop .
Cree una nueva capa usando el botón en la parte inferior del panel Capas^(Layers) o seleccionando Capa^{(Layer )} > Nueva^{( New)} > Capa^{( Layer )} o usando el atajo de teclado Shift + Ctrl + N .

En la Caja de herramientas^(Toolbox) , seleccione una herramienta de selección de contorno. Puede elegir la herramienta Rectángulo^{(Rectangle Tool)} , la herramienta Rectángulo redondeado^{(Rounded Rectangle Tool)} , la herramienta Elipse^{(Ellipse Tool)} , la herramienta Polígono^{(Polygon Tool)} o la herramienta Forma personalizada^{(Custom Shape Tool)} .

Seleccione la herramienta y arrástrela sobre el lienzo para que su imagen quede enmarcada.

Seleccione la herramienta Mover^{(Move )} para ajustar los bordes del marco que creó.

Con la herramienta de selección de contorno que utilizó en el paso 3 seleccionada, asegúrese de que Relleno^{(Fill )} esté configurado en Ninguno^(None) en la barra de opciones.

Ahora agregaremos un Trazo^(Stroke) al marco, creando el borde. En la barra de opciones^(Options) , elija qué tipo de trazo desea (color sólido, degradado o patrón) y su color. En el siguiente ejemplo, hemos seleccionado un trazo sólido en rojo. Para acceder a más opciones de color, seleccione el Selector de color, el^{(Color Picker—the)} cuadro multicolor de la derecha.

A continuación, seleccione el grosor del Trazo^(Stroke) . Puede escribir el número de píxeles o puede usar el control deslizante para seleccionar el grosor del Trazo .^(Stroke)

Ahora debería ver el borde alrededor del marco que creó.

Asegúrese de Guardar como…^{(Save as…)} para no sobrescribir la imagen original.

Cómo agregar un borde^(Border) al texto en Photoshop

En Photoshop , agregar un borde al texto se denomina esquematización. El proceso de delinear es similar a agregar un trazo a un marco como lo hicimos en el ejemplo anterior.

Cree^(Create) o abra un nuevo documento en Photoshop .
Seleccione la herramienta Texto horizontal o vertical y escriba su texto.^{(Vertical Type)}

En el panel Capas^(Layers) , haga clic con el botón derecho en la capa Texto y seleccione ^(Text)Opciones de fusión^{(Blending Options)} o seleccione Capa^(Layer) > Estilo^{(Layer Style)} de capa > Opciones de fusión^{( Blending Options)} .
En el cuadro de diálogo Estilo de capa^{(Layer Style)} que aparece, seleccione Trazo^(Stroke) de la lista de la izquierda.

Con Trazo^(Stroke) seleccionado en el cuadro de diálogo Estilo de capa^{(Layer Style)} , puede ajustar la apariencia de los contornos del texto. Establezca el grosor del contorno ingresando una cantidad de píxeles o usando el control deslizante Tamaño .^{(Size )}
Establezca la Posición^(Position) del trazo en Interior^(Inside) , Exterior^(Outside) o Centro^(Center) . Si tiene marcada la casilla Vista previa^(Preview) , verá los efectos de sus elecciones en su documento.

Seleccione el modo^{(Blend Mode )} de fusión y la opacidad^(Opacity) . ( Aprenda^(Learn) todo lo que siempre quiso saber sobre este tema en nuestra guía para mezclar en Photoshop^{(guide to blending in Photoshop)} ).
A continuación, seleccione el Tipo^{(Fill Type )} de relleno en Color , Degradado^(Gradient) o Patrón^(Pattern) . Si elige Color, use el selector de color para seleccionar el color de los contornos del texto. Cuando haya terminado, seleccione Aceptar^(OK) .

Photoshop está repleto de características y funcionalidades. Para continuar aprendiendo, consulte nuestro artículo sobre cómo enmascarar en Photoshop^{(how to mask in Photoshop)} y luego ponga en práctica sus nuevos conocimientos haciendo un intercambio de caras en Photoshop^{(face swap in Photoshop)} .

In graphic design, a simple way to make something stand out is tо add a border around it. In this аrticle, we’ll show you hоw to add a border in Photoshop to images, shapes, and text.

The best way to amp up your Photoshop skills is to practice, practice, practice. Try adding a border in Photoshop by following the steps below.

How To Add a Border Around an Image in Photoshop

Imagine you have a photo or image that you want to add a border around in Photoshop. You’re planning on printing the image and getting it framed. Adding a border to the image will make it look like you’ve added an interior matte.

Let’s also imagine that you don’t want the border to cover up even one pixel of the image itself, so first you’ll need to increase the size of the canvas—the workspace around an image within an image window—and then add the border in that extra space. Fortunately, this is simple to do in Photoshop.

Open your image in Photoshop.

If the image has multiple layers, flatten the image by selecting Layer > Flatten Image.

Next, we’ll change the background layer into a regular layer that can be moved into a different spot in the layer stacking order and so you can change its blending mode or its opacity. Select Layer > New > Layer from Background. Alternatively, double-click on the layer in the Layers panel. Note that its new name will be Layer 0. Select the OK button.

Now we’ll make the canvas larger. Select Image > Canvas Size. You want to increase the size of the canvas to accommodate the border you want to add. Make sure the Relative box is checked and the anchor is set to the middle of the grid. Then enter the number of pixels by which you want to increase the canvas. Remember, half of the pixels will be added to each edge of the canvas, so if you want a border that’s 100 pixels wide, you’ll need to increase the width and height of the canvas by 200 pixels each.

Now we have an image with an expanded canvas.

6. To add a border, select the Create a New Fill or Adjustment Layer button in the Layers panel and choose Solid Color from the list.

7. In the Color Picker window, choose the color you want the border to be and select the OK button.

8. Finally, in the Layers panel, drag the color fill layer you just created below the image layer.

Now your image should have a border around it. You can save it, but remember to Save as… so you don’t save over your original image.

Play around with the color of the border by double-clicking on the Color Fill layer and choosing a different color, and try changing the thickness of the border by readjusting the size of the canvas (Image > Canvas Size). Enter negative numbers to make the canvas smaller.

How To Add a Border to a Shape in Photoshop

Next, let’s learn how to add a border to a shape in Photoshop.

Open a file or create a new document in Photoshop.
Create a new layer using the button at the bottom of the Layers panel or by selecting Layer > New > Layer or by using the keyboard shortcut Shift + Ctrl + N.

In the Toolbox, select an outline selection tool. You could choose the Rectangle Tool, the Rounded Rectangle Tool, the Ellipse Tool, the Polygon Tool, or the Custom Shape Tool.

Select the tool and drag it over the canvas so your image is framed.

Select the Move tool to adjust the edges of the frame you created.

With whichever outline selection tool you used in step 3 selected, make sure Fill is set to None in the options bar.

Now we’ll add a Stroke to the frame, creating the border. In the Options bar, choose what kind of stroke you want (solid color, gradient or pattern) and its color. In the example below, we’ve selected a solid stroke in red. To access more color options, select the Color Picker—the multicolored box on the right.

Next, select the thickness of the Stroke. You can type in the number of pixels or you can use the slider to select the Stroke’s thickness.

Now you should see the border around the frame you created.

Be sure to Save as… so you don’t overwrite the original image.

How To Add a Border to Text in Photoshop

In Photoshop adding a border to text is called outlining. The process of outlining is similar to adding a stroke to a frame like we did in the example above.

Create or open a new document in Photoshop.
Select the Horizontal or Vertical Type tool and type your text.

In the Layers panel, right-click on the Text layer and select Blending Options or select Layer > Layer Style > Blending Options.
In the Layer Style dialog box that appears, select Stroke from the list on the left.

With Stroke selected in the Layer Style dialog box, you can then adjust the appearance of the text outlines. Set the thickness of the outline by entering a number of pixels or by using the Size slider.
Set the Position of the stroke to Inside, Outside, or Center. If you have the Preview box checked, you’ll see the effects of your choices on your document.

Select the Blend Mode and Opacity. (Learn everything you ever wanted to know on this topic in our guide to blending in Photoshop.)
Next, select the Fill Type to Color, Gradient, or Pattern. If you choose Color, use the color picker to select the color of the text outlines. When you’re finished, select OK.

Photoshop is packed with features and functionality. To continue learning, check out our article on how to mask in Photoshop and then put your new knowledge to use by doing a face swap in Photoshop!

Rate this post