Computer lessons

Make a photo frame in Photoshop. Creating a beautiful frame in Photoshop

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

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

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

3- Press “Delete” on the keyboard, the background in the frame will disappear. Do not remove the selection.

4-Selection - 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 eye in the layers window on the bottom layer,

you will see a frame.

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

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

The photo turned out to be a frame.

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

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

9-Editing-define pattern. In the window that appears, “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.

A frame on a photo allows you to separate the photo 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 layer properties.

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

If there is one layer in a photo, then it will be the main one. An icon in the form of a lock will appear next to its image in the layers panel, which means the layer is locked to prevent accidental edits.

In order to unlock it, simply double-click on this layer with the mouse. The padlock 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.

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

The item is responsible for adding a stroke along the edge of the frame. Stroke/“Stroke”. Find it in the left panel and check the box. After that, in the central part you can set the stroke parameters:

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

In principle, this is enough to draw a line of varying thickness along 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. Their choice here is quite large, and the impact on the image of each is clearly displayed in the preview, so we suggest you just try different options and choose 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. This can be done either using a key combination Ctrl+A, or using the menu command Select → All.

After this, 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 goes exactly where the frame is needed. To do this we will use the command Select/"Selection" → Modify/"Modification" → Contract.../"Compress...".

In the dialog box that appears, you will need to enter an offset in pixels from the edge of the frame where the frame should be located. The indentation will be made inward. The amount of indentation depends both on how far from the edge you want to frame the photo and on the resolution of the original photo. Don't forget to check the box Apply effect at canvas bounds/“Apply effect on canvas borders”, which indicates that the indentation should be made 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 a key combination Ctrl+D and repeat it all over again until we find the ideal position.

When the desired position of the selection is selected, you just need to stroke along this contour. To do this we will use the command Edit/“Editing” → Stroke…/“Stroke…”.

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

In this example, we specified that the stroke should be 3 pixels 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 run 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 this, go to quick mask mode either using the Q key or by clicking on the quick mask icon on the left toolbar.

The area for the frame is now highlighted in red. All that remains is to add jagged edges to it. To do this, we will use filters, which are available in abundance in Adobe Photoshop. This is a menu item Filter → Filter Gallery….

To get the desired effect, we need filters from the block Brush Strokes. We choose the one that suits your taste and set its parameters. The higher the resolution of the photo, the higher the parameter values ​​should be, otherwise the effect will not be noticeable.

After applying the filter, the jagged edges are added to the red quick mask. We exit the quick mask mode by converting the mask into a selection by clicking on the quick mask icon.

Now let's invert the selection using the command Select → Inverse.

After this, press the key Delete on the keyboard to delete the highlighted area. When deleting, Photoshop will prompt you to immediately fill it instead of the part of the photo you want to delete. We indicate which color to use for the fill.

Here is the result.

Passepartout

All the methods described earlier in this article in one way or another contributed to cropping part of the photo and shifting the boundaries 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 remove the lock from the main layer.

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

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

After applying the command, the canvas size will increase and new areas will be transparent. All that remains is 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.

Framing an image, separating it from the background is traditional for the design of paintings, for publishing, and - with the advent of computer technology - in web design. The pictorial canvas is inserted into the frame not only to strengthen it, but also for decorative purposes - to give it completeness, to make the geometry of the canvas more defined. The color of the frame and the presence of a mat often form a single whole with the painting; the presentation and perception of the work largely depends on them. When preparing images for printing or publishing on the Internet, there is often a need to enclose them in frames, and the most effective way to do this is not to use text editors (for example, Word), but graphic editors, in particular, Photoshop. This article is devoted to how to make a frame in Photoshop.

Framing the entire image

The easiest and fastest way to make a frame in Photoshop is to change the size of the canvas. It is suitable if you need to make a one-color and simple frame around the entire image.

Open the file in the program, in the “Image” menu, find the “Canvas Size” item and click on it. In the window that opens, you will be given the opportunity to reduce or increase the size of the file area by cropping or adding new pixels. If you enter positive numbers in the “Length” and “Width” fields, the canvas will be enlarged; if negative numbers are entered, the canvas will be reduced. To create a frame, you must enter positive numbers. Below in the “Location” field you need to note where exactly the canvas will be enlarged: on all sides or only on three. To do this, you need to mark the appropriate box.

Below you need to select the color of the future frame and confirm the action.

By repeating this operation many times and changing the color of the new area of ​​the canvas, you can create multi-color frames.

Inner frame using effects

The advantage of the method described above is its simplicity, the disadvantage is that it is impossible to further regulate or change such a frame. In addition, it increases the image area. If you want to create a more interesting and customizable frame, you can use layer effects.

Before making a frame in Photoshop using this method, you need to duplicate the layer. Open the file and select “Duplicate Layer” from the “Layers” menu. There will be no external changes to the file, but a new layer will appear in the “Layers” window, it’s like putting two identical photographs on top of each other. The difference between the new layer and the original one is that it allows you to work with effects.

A frame for a photo in Photoshop can be made, for example, using the “Stroke”, “Inner Glow” or “Inner Shadow” effects. To experiment with them, you need to open the “Effects” window. The first way to open it is through the main menu (Layer - Layer Style - then you can select any one, a general window will open). The second way is through the Layers window. At the bottom of this window you need to find the “Effects” button. You can use any of the effects, the main thing is to select the “Inside” option everywhere, since otherwise the effect will not be reflected - after all, all “external” effects and frames will be outside the boundaries of the canvas and simply will not be visible.

An example of creating a frame using an effect

An example of how to make a frame in Photoshop decorative and attractive is to use the glow effect. Open the file and create a duplicate layer. Open the Layer Effects window. Select the “Inner Glow” tab, check the “Preview” option on the right - then all changes will be immediately reflected in the open image. Next, you can experiment with the frame settings. First of all, move the “Size” slider to the right so that the glow (frame) becomes visible. Then you can select the color of the glow, adjust its transparency and type (it’s better to start with “Normal”), the degree of shading, usually such a frame is created by repeatedly adjusting all the options to achieve the result that you would like to see.

If you plan to then return to editing the frame, the file must be saved in a format that preserves layers - for example, in psd format.

Copying a frame created using effects

Photoshop can remember layer settings, so if you need to process many images and create the same frames for all, just open the file, select the layer with the effect and copy the effect. This command can be found either through the main menu (Layers - Layer Style - Copy Layer Style) or through the Layers window (right-click on the layer and select the desired command).

Open the file into which you want to paste the already created frame, duplicate the layer and - either using the main menu or using the Layers window - use the Paste Layer Style command to apply the copied effects.

Storing created frames for future use

Many designers store frame templates in Photoshop in one multi-layered file containing images with different effects. By copying layer styles, you can apply settings to layers in other files and - if necessary - edit them.

Using the Frame Tool

In general, the “Frame” tool in Photoshop is needed, first of all, for cropping (cutting out a fragment of an image); its use in creating a decorative frame can only be indirect - you will need it if there is a need to frame a fragment of an image.

Select the Frame tool, place the mouse over the image area, click the left mouse button, draw a diagonal line and release the mouse. A portion of the image will be highlighted. The selected area can be edited - enlarge, reduce, rotate (move the mouse pointer over the sides of the rectangle and drag in the desired direction) and move (place the pointer inside the selected area, press the left button and move the area). To confirm the cut command, press the Enter key or click the check mark in the upper right corner of the toolbar. To cancel cropping, click on the crossed out circle icon.

You can apply any effects to the cut part of the file.

Round frames

Round frames in Photoshop can also be created using effects, but to do this you need to cut out a round (oval) part of the file and place it on a transparent layer.

In the Layers window, select the image layer. In the toolbar, find the “Selection” tool, press and hold the left mouse button - a submenu of selection options will open. Select Elliptical Selection. Using this tool, select the portion of the image that you want to frame. Copy it (Editing - Copy) and paste (Editing - Paste). A new layer will appear in the Layers window. Remove or disable the base layer. Now you see a round (elliptical) image on a transparent background.

Create a frame around this layer using effects (in this case, you can use not only the “Inside” option, but also the “Outside” option). Crop the image using cropping, removing the excess empty area.

Frame around text

To create a frame for text in Photoshop, you also need to create a new layer enclosed in a frame and “lay” it under the text.

This layer can be either a fragment of the image on which the text is placed, or a new layer filled with a certain color (select an area of ​​the image, create a new layer, fill it with the Fill or Gradient tool, apply effects to it to create a frame) .

Photoshop provides great opportunities for creating editable frames of varying degrees of complexity; in order to achieve originality, you need to experiment a lot and save the results of your successful experiments.

A frame in Photoshop can add drama to a photo. It allows you to focus on the image and gives it completeness. Also, sometimes frames are used when designing websites. In general, regardless of the purpose, for those who are just starting to master this graphic editor, knowing how to make a frame in Photoshop will be very useful.

Using a stroke

Open the photo in the program. The background will be locked (there is a padlock next to the image). To unlock click it twice on the icon. After that he should disappear.

Selecting a photo SelectionAll(Ctrl+A). Then on the panel we find: Editing — .

A menu will open where you can set the size, opacity, position, and color.

If you install location outside, then you need to resize the image taking into account the stroke thickness, otherwise the work will not be visible. To do this, go to the top panel Image— and increase the width and height.

After selecting the parameters, click " OK", the frame in Photoshop is ready. This way you can use any color, including making a white frame in Photoshop.

Blending Options

Create a new layer and apply the desired design to it, for example gradient. Select it in toolbars.

There we choose two colors we like. I will have these blue and green.

We move through the photo with the left mouse button held down. A gradient appears.

Select one of the selection tools and select an area where the photo will be.

Press the key on the keyboard Delete.

— Ctrl+D. Let's use the blending options. To do this, right-click on the layer and select “ Blending Options».

Let's try changing different parameters to get the desired result.

Rounded corners inside

First way

Rounded edges can be obtained in the previous way by using the "" tool.

Second way

To draw a frame, use the "" tool. Make the inner area of ​​the rectangle empty. Stretch to desired size using free transformation Ctrl+T.

Creating jagged edges

Let's open the photo in a graphics editor. Unlock the layer, create a new one and add a quick mask(Q). To do this, click on the mask icon on the toolbar.

On the toolbar select a brush and sketch the area where we want to make a mask. It will turn red.

Click on again quick mask icon or Q. Our area will be shown as a dotted line. We fill it color or gradient.

Step mask

First, let's use the selection tool " rectangular area" and draw the first part of the frame. Invert using the Ctrl+Shift+I keys.

Let's go to (Q).

Apply in the top panel filterdecorfragment until the result suits us.

Exit quick mask mode using the Q key and invert: SelectionInversion(or Shift+Ctrl+I). Now you can fill the selected area with any color or gradient.

Select the image: SelectionAll or Ctrl+A.

In the top panel we go SelectionModificationCompress. Select the indentation in pixels and check the box.

Exactly the same as in the first case, select in the top panel Editing— . Set the required width and color.

Press Ctrl+D and our work is finished. All that remains is to save the result.

Round or oval frame

To make a circle around, open the photo and using the selection tool “” select the desired area, invert(Shift+Ctrl+I) and Delete key delete superfluous. Again do an inversion, our circle will be highlighted.

Let's transform it into the working circuit. Right-click on the image - form a working circuit. On the toolbar select a brush and customize it as you wish.

Create a new layer, we will draw on it. Let's go to the contours and make a stroke.

The photo frame is ready. If desired, you can make several more different strokes. This was our result:

Blurred edges

Open the image and make three copies hot keys Ctrl+J or dragging onto the icon " create a new layer». Turn off visibility two top layers (click on the eye icon so that it disappears).

Activate the second copy from the bottom and go to the top panel FilterBlurGaussian blur.

Adjust the slider degree of blur.

Double-click on the same layer to call layer styles and click on "".

Let's do all layers visible and holding down the Alt button, click between the first two layers. This is what it should look like:

Reducing the size the second image from the top with the function free transformation. We apply a stroke, gradient and inner shadow to it. We had approximately the following values:

Reduce top image. We get a blurry frame.

You can also watch the video.

How to frame a photo

On the Internet you can find many resources with beautiful photo frames in PNG format. Let's figure out how to insert a photo into a frame downloaded from the Internet.


4 votes

Good day, dear readers of my blog. Photos in beautiful frames can be not only a spectacular gift that you wouldn’t be ashamed to send to friends for a holiday via the Internet, but also a stylish element of your website design. They can be used as part of the content or as an independent element. For example, placing it in the header, next to the logo.

Therefore, today I will tell you how to make a frame in Photoshop. All the methods that I will give in this article are quite simple, even a beginner can do it. If you are not too sure or don’t trust your own taste, then even in this case, I will tell you what to do. Well, shall we get started?

A way to quickly make a frame of one color

If you just follow the photo, you will end up with an oval frame.

If you simultaneously hold down the Shift button on the keyboard, it will be round. By the way, this button can also turn a rectangle into a square.

You can click on the eye next to the layer's thumbnail to toggle the visibility of the fill on and off. It’s naturally easier to select from the background by turning off the top layer.

But further actions will have to be done by turning on the top layer. And making it active. Watch the backlight.

When you're ready, press Del.

You can trim the edges.

Unusual frame edges

Now let's make a frame with unusual inner edges. First, create a new layer. You already know how to do this.

Now find Q on the keyboard and press to switch to quick mask mode.

Apply free transform using CTRL+T and reduce the size.

In the top menu we find “Filters” - “Distortion”. You can apply Wave, distortion, curvature, polar coordinates, spherization. I like the ripples.

We pull the slider to increase or decrease the effect, and then save.

That's not all yet. Click on Q.

We have highlighted the edges. By the way, use your imagination when working in Photoshop. This selection does not resemble the same as when working with circles, ellipses or themes. Think about how to use Photoshop's capabilities differently than the authors of such articles show you. Do not treat the acquired knowledge as a guide for action.

For now, these crawling ants won't help much. Select Invert from the Selection menu to fill the area you want.

This is how it should work out for you. Be careful, further work should take place on the top layer, and not on the bottom.

You can apply a gradient.

Or one color.

Press CTRL+D to get rid of crawling ants.

Very beautiful frames for beginners

I already showed you the site photoshop-master. You may have noticed that there is a section with free and very beautiful frames. Even a beginner can use them. All of them are free.

Using them is quite simple if you look at these wonderful instructions.

You can find other free video lessons from the founders of Photoshop Master at this link: www.photoshop-master.ru/lessons .

However, if you want to achieve greater heights, then you do not need a specific solution to problems. There are no professionals who can draw a frame from a gradient, but will go to Google to create a transparent one.

They delve into their own heads and knowledge of the tools helps them figure out how to achieve this themselves. If you are interested in this, I can recommend Zinaida Lukyanova’s course “Photoshop from scratch in video format” .


If you liked this article, subscribe to the newsletter, VKontakte group and get more useful information about making money on the Internet.

Good luck in your endeavors and see you again!