Video

How to make a black border in photoshop. How to make a border around a photo in photoshop

Frames in Photoshop are a beautiful and unique decoration for photos. Make a frame in Photoshop very simple. For example, you can make a frame from the background of a photo or picture. It turns out a very interesting and beautiful effect.

Let's find a picture with a nice background or something from our own photos and try make a frame using the background of the picture.

1-File-open. Unlock the layer in the layers window, double click on it and ok.

3- On the keyboard, press "Delete", the background in the frame will disappear. Do not remove selection.

4-Select- transform the selected area. And by pulling the beacons expand the selection to the width you need. Click on the "Apply" checkbox.

5-Layer-new-copy to a new layer.

Nothing will be visible in the photo, but if you turn off the peephole in the layers window on the bottom layer,

you will see a frame.

6-In the layers window, the top layer is active, painted blue, turn on the peephole on the bottom layer.

7-Layer-layer-style-inner shadow, the parameters are as follows.

The photo has a frame.

Now you need to apply a pattern from the background to it.

8-Select the "rectangular area" tool and select a piece of the background on the photo. I took part of the background with a flower.

9-Editing-define the pattern. In the appeared window "ok".

10-layer layer style-pattern overlay. Here, in the small "pattern" window, click on the triangle and, in the pattern palette that appears, select the saved pattern. He will be at the very end.

Why do you need to know how to make a frame in Photoshop? What will it give you?
Many bloggers make frames for their images in the same style - this makes the blog design look more beautiful.

But there are many bloggers who do not have Photoshop skills. For them, I wrote this article and shot a detailed video using a simple action program to create frames for your blog images.

I offer you two sets of frame actions for free:

one folder with files is called "Photographers Toolkit1" - I talk about it in detail in the video tutorial and show all types of frames
the second folder "Frames" - there are more interesting frames for your images, you can easily handle them yourself

Those who already know how to work a little in Photoshop - immediately go to watching the video.

For novice users, I offer detailed instructions with screenshots below, immediately after the video.

Instructions on how to make a frame in Photoshop using an action

2. Go to Photoshop CS6 and find the "Operations" panel icon, left-click and the operations panel with our actions will open:

If suddenly, you didn’t find such an icon on the panel, go to the top panel and click on the inscription “Window”. There will be a long list. Find the word "Operations" in it and click. You can do the same with the Alt + F9 key combination.

3. In the Operations panel, find the inscription "Photographers Toolkit1" and click on it with the left mouse button - it will be highlighted in blue:

There is a triangle next to the folder, by clicking on it (1), we will open our actions and work with them. We become the first action, after the folder has opened and click on it with the left mouse button (2):

We launch the first action by pressing the button under the number 3.

4. You will have a dialog box:

Click on "Stop". Go to the layers panel, click on the "Add layer" icon (4) and add it:

5. Press the icon 3 again - turn on the action. You get a picture with a black border frame:

6. Make a translucent frame. You can make the frame less sharp by changing the opacity. Go to the layers panel, go to first layer on top and change the transparency slider. With a black frame, the opacity was 100%, I changed it with the slider to 12:

As a result, our mourning frame has become very personal:

7. Similarly, you work with all the other actions in the folder.

How to change border color in Photoshop

Once you've got the frame ready thanks to the action, you can make any color of the frame on the image. To do this, select the frame with the Rectangular Selection Tool - located on the left side of the Tools panel (6).

We circle the image along the outer edge. After that, click on the “Subtract from selection” icon (7) and make an inner stroke.

Let's take a look at the screenshot:

First you need to choose a border color. Click on the top quadrangle as shown in the screenshot above. The Color panel will appear. Using the sliders (8) select the color, click on the field with the color and click "OK" (9).

Grab the Fill Tool:

We stand on our image with a frame and click with the Fill Tool on the field, between the selections of the frame. We change the color of the frame to the one that we have chosen:

If, suddenly, when you click the Fill Tool, the color does not change, then go to the layers panel, stand on the top layer and right-click on it. In the window that appears, left-click on the inscription "Rasterize layer" and after that again click with the Fill Tool on the black frame. Everything worked out! Hooray!

Now remove the selection. Go to the top panel of Photoshop in the "Select" and click "Deselect":

This is how we changed the border color. Save the image by clicking "File" and as shown in the screenshot - if you are going to use it on a blog:

Our detailed lesson has come to an end, where you learned:

how to make a frame in photoshop fast
how to make a frame without design skills using actions
how to change border color
how to make the frame transparent
how best to save image with border for blog

If you have any questions - ask them in the comments, and I went to drink coffee - 15 screenshots - it's still too much!
If it was useful, we squeeze the buttons of social networks.

In parting - a very good video on the topic - not mine.
It's for advanced users as it only shows the effects, no explanation, but the frames are just adorable! Watch and enjoy:

Now, on to the next lesson. If you are too lazy to make frames yourself - order! For a small price, I will make them for you, like pies with cherries - quickly and efficiently!

Soon there will be lessons on social media design and page design. And in front of them is the creation of a logo. So you can subscribe - so as not to miss the post. If you want to...

Favorite Action "Frame with Dimple"

Okay, I'll share my favorite frame

You also have an action on it. Find the "Frames" folder. Open it (click on the triangle next to it). Actions will open. Click on the inscription "Frame with a recess".

Now take the selection tool "Rectangular Marquee" and draw a quadrilateral selection on the image along the width of the frame you want to get.

When the selection is made, we turn on the action. We get a frame and a picture in depth (look at the very first image in the post). You can draw the path again and turn on the same action again - you will get the effect, as in my picture with the dog.

By the way, my puppy is real! It has already been placed in good hands - it loves to kiss from childhood ...

You like?

Sincerely, Galina Nagornaya

A frame on a photo allows you to separate the picture from the surrounding space and give it a more finished look. In this article, we will talk about how to make a frame around a photo in Photoshop.

Stroke a photo

The easiest way to make a frame in Photoshop is to use the layer properties.

Open the photo in Adobe Photoshop. On the layers panel, right-click on the layer with our photo. If the layers panel is not visible, then you can open it using the menu item Window / "Window" → Layers / "Layers".

If the photo has one layer, then it will be the main one. A lock icon will appear next to its image in the layers panel, which means that the layer is locked to prevent accidental edits.

In order to unlock it, simply double-click on this layer with the mouse. The lock will disappear, and the layer itself will be called Layer 0. After that, right-click on the layer and select the item in the context menu Blending Options / "Overlay Options".

The dialog box that appears is a little scary with the number of items, but we only need two of them.

The paragraph is responsible for adding a stroke along the edge of the frame. Stroke / Stroke. We find it in the left panel and mark it with a tick. After that, in the central part, you can set the stroke parameters:

Size- stroke width in pixels. The higher the resolution of the photo, the higher this value must be for a noticeable effect.
Position / "Position"- stroke position. Possible location options inside, outside and in the center. We have a stroke around the edge of the frame, which means that all options, except for the location inside (Inside), do not make sense.
Blending Mode / "Overlay Mode"- stroke overlay mode.
Opacity / "Opaque"- the density (opacity) of the stroke.
Color- color.

In principle, this is enough to draw a line of one or another thickness around the perimeter of the frame, but you can go even further and make the frame more creative.

So, you can add volume to the frame using the settings Bevel & Emboss/Embossing. Their choice here is quite large, and the effect on the image of each is clearly displayed on the preview, so we suggest just trying different options and choosing the right one.

Result:

Inner frame

Open the photo in Adobe Photoshop. In order to make a white frame in Photoshop, you need to select the entire photo. You can do this either by using the keyboard shortcut Ctrl+A, or using the menu command Select / "Selection" → All / "All".

After that, the entire image will be outlined by the so-called running ants, which are an alternation of white and black strokes.

After the photo is selected around the perimeter, you need to make sure that the selection takes place exactly where the frame is needed. To do this, we use the command Select / "Selection" → Modify / "Modification" → Contract ... / "Compress ...".

In the dialog box that appears, you will need to enter the indent in pixels from the edge of the frame, on which the frame should be located. The indent will be made inward. The amount of padding depends both on how far from the edge you want to frame the photo, and on the resolution of the original image. Don't forget to tick Apply effect at canvas bounds / "Apply effect on canvas bounds", which indicates that the padding should be done from the border.

Click Ok and we see that the selection has shifted to the center of the frame. If the position of the future frame suits us, then we move on, if not, we cancel the selection using the key combination Ctrl+D and repeat all over again until we find the ideal position.

When the desired selection position is chosen, you just need to stroke along this path. To do this, we use the command Edit / "Editing" → Stroke ... / "Stroke ...".

In the dialog box that appears, set the stroke parameters: the thickness and color of the line, its position relative to the selection, and the overlay options.

In this example, we have specified that the stroke should be 3 px thick and white. And it should be located in the center of the selection. This means that the selection line in the form of "running ants" will pass through the center of the future stroke.

And here is the result.

Frame with jagged edges

How to make a beautiful frame in Photoshop? To do this, you can add a frame with uneven and torn edges to the photo.

As in previous cases, we make a selection indented from the edge of the frame.

After that, we switch to the quick mask mode either by using the Q key or by clicking on the quick mask icon on the left toolbar.

The frame area is now highlighted in red. It remains to add jagged edges to it. To do this, we will use the filters that Adobe Photoshop has in abundance. This is a menu item Filter / "Filter" → Filter Gallery ... / "Filter Gallery ...".

To get the desired effect, we need filters from the block Brush Strokes. Choose the one that suits your taste and set the parameters for it. The higher the resolution of the photo, the higher the parameter values must be, otherwise the effect will not be noticeable.

After applying the filter, the torn edges are added to the red quick mask. Exit the quick mask mode by converting the mask to a selection by clicking on the quick mask icon.

Now invert the selection with the command Select / "Selection" → Inverse / "Inversion".

After that, press the key Delete on the keyboard to delete the selection. When deleting, Photoshop prompts you to immediately make a fill instead of the part of the photo that you want to delete. Specify which color to use for the fill.

Here is the result.

Passepartout

All the methods described earlier in this article somehow contributed to cropping a part of the photo and shifting the borders inside the frame. That is, part of the frame overlapped part of the photo. Now let's look at a method that allows you to add a white frame to a photo - an analogue of a passe-partout.

As before, open the photo in Adobe Photoshop and unlock the main layer.

After that, we need to increase the size of the canvas, for which we use the command Image / "Image" → Canvas Size ... / "Canvas Size ...".

In the dialog box that appears, specify the new dimensions of the canvas. In this case, it is not necessary to enlarge the canvas evenly horizontally and vertically. Here you can experiment.

After applying the command, the size of the canvas will increase and the new areas will be transparent. It remains only to fill them with the desired color.

To do this, create a new empty layer in the layers panel. It will automatically appear above the main layer, we will need to drag it down with the mouse.

7 easy ways to make your own frames in Photoshop.
Greetings, dear reader of the site!

To make a frame in Photoshop, it is not at all necessary to know the program well.

A basic knowledge of Photoshop is enough.

So, we start from simple to more complex.

Method 1 – stroke.

We open the image. Select either the entire image or part of it.

If you need to make a frame for the entire image, then it is best to use the keyboard shortcut CTRL + A, but if you need to select part of the image, use the selection tools.

After the selection is ready, go to<Редактирование> –<выполнить обводку>

In the window that appears, select the thickness, color, stroke location - inside.

If the stroke location is set to “outside”, then the size of the image can be reduced using the command – Free Transform – CTRL + T, while holding down the Shift key to maintain proportions.

Or increase the size of the canvas to the required size.

It follows from the above way 2:using the underlying layer:

The resulting empty space can be filled with any color, gradient or texture on a new layer.

In this case, the layer with the image must be above the color layer or the texture layer.

If your image layer is a background layer, then it should be converted to a regular layer by double-clicking on it and clicking OK in the window that appears.

Method 3. Use styles.

Create a new layer above the layer with the image and fill it with any style. Styles for every taste can be downloaded from the Internet.

We select, for example, an oval area, we protect it - by pressing the Del key.

In this case, the bottom layer with the image can be moved, fitting it to the resulting frame.

You can add text by also applying a style to it.

Method 4. Use Blending Options - Layer Styles.

Create a new document, let's say 10 cm x15 cm.

Fill the layer with the pattern you like.

Select an area, protect the contents - the Del key

Remove selection, Ctrl+D.

Double-click on the layer, or call the blending options by clicking on the icon:

Select the overlay options, for example: shadow, emboss, stroke.

Place the image under the resulting layer.

Method 5. in Photoshop.

Open the image, add a new layer.

On a new layer, create a quick mask - the Q key.

Then free transform - reduce the mask in size.

Go to Filter - Strokes - Airbrush.

Set the dimensions to your liking.

Exit the quick mask: press the Q key again

Got selection:

Invert selection

Fill the selected area (layer 1) with color or gradient.

We remove the selection.

Method 6. Use raster shapes.

Open the image, unlock the background layer.

In the toolbar, select the bitmap shape that suits you best for getting the frame. The figures can also be found on the Internet.

Selecting the required fragment

We change the arrangement of layers, and by pressing the Alt key we get up with the mouse between the layers.

An icon will appear, click on it.

Then you can merge layers Ctrl+E

Add a new layer below the image layer

In the layer with the image add overlay effects

Fill the bottom layer with , and you can apply a filter<Эффекты освещения>.

Or any other, play around - which will be most to your liking.

By changing the transparency of the layer, applying masks, you can achieve various effects.

Method 7. Making a transparent frame in Photoshop.

Open the image, duplicate the background layer three times - by pressing the keyboard shortcut Ctrl + J three times

Turn off the top two layers by clicking on the eye icon opposite the layer. And immediately rename the layers so as not to get confused.

Being on layer 1 go to<Фильтр>-<Размытие>-<Размытие по Гауссу>.

Blurring the image

Let's add some noise. Let's go to<Фильтр>-<Шум>-<Добавить шум>

Surely you often hear people around say: “Photoshop”, “photoshopped” and your mind roughly outlined some idea of what kind of program it is so wonderful that allows you to turn a photo into a work of art. Indeed, the Adobe Photoshop software presents its user with a huge palette of image editing tools.

At first glance, when you open the program (if it is on your computer or laptop), it may seem that you will never learn how to use it. But as the saying goes, “never say never!” There is nothing complicated about this, just follow the simplest instructions that can be found on the Internet. And in this way, you will slowly be able to do simple manipulations with photos and images.

How to make a frame in Photoshop?

Let's now go directly to how to make a frame in Photoshop yourself. If you do not have this program on your computer, then you should install it. After that, you can already proceed with the following actions:

How to draw a frame yourself?

Here you will have to sweat a little. The fact is that beautiful patterned photo frames are drawn by professionals, who often resort to using a drawing tablet. And most of the time it's the artists who do it. It is not possible for a simple user to draw a patterned frame. However, you can make a simple frame for your photo, but with its own texture and extraordinary shape. To do this, do the following:

A little perseverance - and you can make a frame yourself

Results

Today we not only learned how to frame photos using Photoshop, but also learned how to create our own frames. Now you can give some charm to your old photos. Share examples of your work in the comments!