Skip to content Skip to sidebar Skip to footer

Draw a 0.5 in Circle in Photoshop Cs2

Learn how to add a unproblematic photo border, and fifty-fifty 2 borders, around your image with Photoshop! A step-by-step tutorial for Photoshop CC, CS6 and earlier.

Photo borders are a corking way to add a sense of class and elegance to an epitome. And adding a border is easy one time you lot know the steps. We'll start by adding more space effectually the image using Photoshop's Canvas Size command. And then, to create the border, we'll make full the space with colour using a Solid Colour fill layer. You lot'll learn how to choose a colour for the border from the Color Picker, and how to blend the border with your photograph by choosing a color straight from the image itself!

Once we've added the main photo border, I'll show you how to add a second, smaller border effectually the epitome using a layer effect.

I'll use this image that I downloaded from Adobe Stock:

How to blend text into a background image of clouds in Photoshop

The original image. Credit: Adobe Stock.

And here'southward the paradigm with the photo border around information technology. You'll acquire how to customize the size and colors of the border as we piece of work through the steps:

How to add a border to a photo with Photoshop

The photo border effect.

Let'southward get started!

How to create a photo border in Photoshop

For this tutorial, I'm using Photoshop CC but whatsoever contempo version of Photoshop will work. You can likewise follow along with my video of this tutorial on our YouTube channel. Or download this tutorial as a print-ready PDF!

Step 1: Zoom out to make room for the border

To create the photo border, nosotros'll be adding more canvas space effectually the epitome. And then lets requite ourselves more than room to work by zooming out. To zoom out from your keyboard, press and hold the Ctrl cardinal on a Windows PC, or the Command key on a Mac, and press the minus key. This gives us more room to see the border:

Zooming out of the image in Photoshop to make room for the photo border

Zooming out from the image to make room for the photo edge.

Pace 2: Unlock the Groundwork layer

If we look in the Layers panel, we see the image on the Background layer:

Photoshop Layers panel showing the photo on the Background layer

The Layers panel showing the prototype on the Background layer.

We need to unlock the Groundwork layer so nosotros can add other layers below it. To unlock it, in Photoshop CC, just click the lock icon. In CS6 or earlier, press and hold the Alt (Win) / Option (Mac) key on your keyboard and double-click. This removes the lock icon and renames the layer to "Layer 0":

Unlocking the Background layer in the Layers panel in Photoshop

Unlocking the Background layer.

Step three: Open the Canvass Size dialog box

To add more canvas infinite effectually the image, get up to the Image carte du jour in the Menu Bar and cull Sheet Size:

Selecting the Canvas Size command in Photoshop

Going to Epitome > Canvass Size.

Step four: Add more sail around the photograph

In the Sail Size dialog box, make sure that the Relative option is checked. And then, in the Anchor grid, brand sure that the heart square is selected. This will add together the new canvas infinite every bit effectually the image:

The Relative Option and Anchor Grid in Photoshop's Canvas Size dialog box

Make certain Relative and the center square are selected.

And then, enter the size you need for your photo border into the Width and Pinnacle fields. Continue in heed that the value you enter will be divided equally between both sides. And that's true for both the width and the elevation. So if you desire a quarter-inch border around the prototype, you'll actually want to enter 0.5 inches for the Width and Height. For a one-inch border, y'all'll need to enter 2 inches. In other words, whatever size you need, enter twice that amount.

In my case, I desire a half-inch edge, so I'll set up both the Width and Height to twice that amount, or one inch:

Entering the photo border size into the Width and Height boxes in Photoshop's Canvas Size dialog box

Enter twice the size you need into the Width and Acme boxes.

Then, to add the canvas space, click OK to shut the dialog box. And here we see the new canvas effectually the epitome. The checkerboard pattern ways that the space is currently filled with transparency, but we'll add together color to information technology next:

The new canvas space around the image that will become the photo border.

The new canvas space that will become the photo border.

How to disengage the canvas size and try again

If you chose the wrong size for your border, you can disengage it past going up to the Edit menu and choosing Undo Canvas Size. So re-open the Canvas Size dialog box (go to Paradigm > Canvas Size) and try again:

Choosing the Undo Canvas Size command in Photoshop

Going to Edit > Undo Canvas Size.

Stride 5: Add together a Solid Color fill layer

To fill the edge with a color, we'll utilise i of Photoshop'due south Solid Colour fill layers. In the Layers panel, click the New Fill or Adjustment Layer icon at the bottom:

Clicking the New Fill or Adjustment Layer icon in the Layers panel in Photoshop.

Clicking the New Fill or Adjustment Layer icon.

And so choose Solid Color from the list:

Adding a Solid Color fill layer in Photoshop

Adding a Solid Color fill layer.

Step six: Choose white for the color of the photo border

In the Color Picker, choose the colour you desire for your edge. I'll choose white for now, but I'll prove you how to change the color in a moment:

Choosing white in the Color Picker for the photo border color

Choosing white in the Color Picker.

Click OK when you're done to close the Color Picker. And Photoshop temporarily fills the entire certificate with white, blocking the image from view:

The image is temporarily blocked by the Solid Color fill layer

The fill up layer blocks the paradigm from view.

Step vii: Drag the fill layer below the epitome

To prepare that, back in the Layers panel, click and drag the make full layer below the prototype:

Moving the Solid Color fill layer below the image on Layer 0

Dragging the fill layer below "Layer 0".

And now the color from the fill up layer appears merely inside the border:

How to add a photo border to an image with Photoshop

The initial photo edge consequence.

Step viii: Change the edge color (optional)

If you desire something other than white, you tin can choose a dissimilar color for your border by double-clicking on the fill layer'southward color swatch:

Double-clicking on the fill layer's color swatch in the Layers panel

Double-clicking on the color swatch in the Layers panel.

This re-opens the Color Picker where you tin can choose something unlike. And as yous try different colors, you'll come across a alive preview of the new color around the image. And so if I choose blackness instead of white:

Changing the photo border color to black in the Color Picker in Photoshop

Choosing blackness in the Color Picker.

And then my border instantly changes to black:

The photo border color has been changed to black

The same border, at present in black.

How to choose a border color from the epitome

You tin can choose any color you like from the Color Picker. Or, you tin can cull a colour directly from the prototype itself. Merely move your cursor into the paradigm and click on the color you need. I'll cull a light gray from the window in the background:

Choosing a photo border color from the image

Choosing a photo border color from the image.

And over again, the border instantly changes to the new color. To accept it, click OK to close the Colour Picker:

How to choose a photo border color from the image in Photoshop

The photo border now blends ameliorate with the prototype.

Adding a smaller edge inside the principal border

Now that we've added the chief border, permit'due south add a second, smaller border within the main one. And nosotros'll do that using a layer consequence.

Step 9: Select "Layer 0"

In the Layers panel, select the image on "Layer 0":

Selecting the image in the Layers panel

Clicking on the paradigm layer to select information technology.

Step 10: Add a Stroke layer style

And then click the Layer Styles icon (the "fx" icon):

Clicking the Layer Styles icon in the Layers panel in Photoshop

Clicking the "fx" icon in the Layers panel.

And choose Stroke from the list:

Choosing a Stroke layer effect in Photoshop

Choosing a Stroke layer upshot.

In the Layer Mode dialog box, leave the stroke color set to black for now, and brand sure that the Position is set to Inside. Then, increase the width of the stroke by dragging the Size slider:

The Stroke layer effect options in Photoshop

The Stroke options.

As you drag, you'll see the size of the stroke increasing effectually the inside of the main border:

The stroke appears between the photo and the border

The stroke appears betwixt the photo and the border.

Stride xi: Change the color of the stroke (optional)

If you don't desire black as your stroke colour, you lot can change it by clicking the color swatch:

Clicking the stroke color swatch in the Layer Style dialog box

Clicking the stroke's color swatch.

Then, in the Color Picker, choose a different color. Or, simply similar we did for the main edge, you can choose a colour straight from your image. I'll click on a color from the groundwork:

Sampling a color for the stroke from the image

Choosing a color for the stroke from the image.

And the stroke instantly updates to the new color. When you're happy with the color, click OK to close the Color Picker:

How to choose a color for the stroke from the image in Photoshop

Both the border and the stroke now employ colors from the image.

Step 12: Accommodate the size of the stroke

Finally, I'll end off the outcome by adjusting the Size slider to fine-tune the thickness of the stroke. I'm using a fairly large image here so I'll go with a Size value of effectually 32px. And then to take information technology, I'll click OK to close the Layer Way dialog box:

How to adjust the size of the stroke around the image in Photoshop

Fine-tuning the size of the stroke.

And hither's my final result:

How to add a border to a photo with Photoshop

The terminal "photograph edge" effect.

And there we have it! That's how easy it is to add together a border around your photos with Photoshop! For more photo border effects, check out my drop shadow photo border and my picture frame tutorials, every bit well equally my tutorial on how to create a painted edges edge. Or visit my Photo Furnishings department for more tutorials! And don't forget, all of our tutorials are now available to download as PDFs!

villacortavance1986.blogspot.com

Source: https://www.photoshopessentials.com/photo-effects/borders-and-frames/simple-solid-color-border/

Post a Comment for "Draw a 0.5 in Circle in Photoshop Cs2"