How to make a face frame in Photoshop. Creating various frames in Photoshop. Storing created frames for future use

(3), in the menu that opens, select the “Stroke” style (4), set the parameters: position (inside) and size (5), opacity (6) and stroke type - color (7), pattern or gradient fill. The latter is more interesting, you can select a fill pattern by clicking on the stripe, and play with the parameters, direction, etc., change the colors and transparency of the gradient:

Advanced method

If you don’t want to crop the image in the photo, then you need to increase the size of the canvas. Main menu tab Image --> Canvas size, in the window that opens, check the "Relative" option and set the size by length and width. You can choose a background color, although it's not required:

In the "Canvas Size" window, the width and height values are indicated, their sum is 560+448=1008 pixels, so in the "new size" we write the width and height of 150 pixels each.

Here's what happened:

Now let’s use the “Magic Wand” tool (W key) and point it at the background. The frame will be highlighted.

Yes, before this you need to make the magic wand tolerance 1, this window is located at the top under the “Image” tab. then press Ctrl+J (copying the selection to a new layer). Now we have a new layer with a frame active, it is highlighted in blue in the Layers Panel.

Apply style effects to the frame by clicking on the icon at the bottom of the Layers panel (see figure), or you can select ready-made styles in the Styles panel (Window tab --> Styles):

A layer styles window will open, where you need to select a style for the frame. It’s best to use the universal random method, I recommend starting with the “Bevel and Emboss” style:

Here's what happened:

Round, oval frame

Take the "Selection" tool, select "Oval Selection" and select the desired area. If you have not selected it exactly, then you need to click on the “Selection” tab at the top, select “Transform selected area” in the list that opens, then transform and move this area where and how necessary. Press Enter to complete the transformation.

Then, also in the “Selection” tab of the main menu, select “Refine Edge” or Modification --> Feather and set the value. Here the choice of parameters is done empirically (by the selection method), since it depends on the size of the photo and the purpose of the photo, and, in addition, it is a matter of taste.

Shading is done so that the edges of the frame are blurred and the transition is smooth.

Next, press the Ctrl+Shift+I keys, this will invert the selection and paint over the frame area. Just in case, you can clone the frame area by pressing Ctrl+J and work in a new layer. To avoid making a mess in this layer in an unnecessary place, select the “Magic Wand” tool and point it in the middle of the working document. A selection will appear, feather the edges, then press Ctrl+Shift+I and paint over the selected area. You can erase the excess with an eraser by pressing Ctrl+Shift+I again.

Don't forget about the activity of the visible layer. The layer we are working with should always be highlighted in blue in the layers palette. It is necessary to check periodically.
The blur on the photo is 8 pixels, I desaturated half of the frame and painted over half.

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 nice 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!

Hello everyone, my dear friends. Let's return to my favorite graphic editor, and today, for beginners, I would like to tell and show how to make a frame in Photoshop around a photo, insert a ready-made one, or draw it yourself in the form of a rectangle. I myself have witnessed how harshly and incorrectly people do this. They just put the photo on the frame and erase everything around it. But this is terribly inconvenient and wrong, so we will do everything right.

Insert the photo into the finished frame

Even a complete teapot who just learned about Photoshop today can handle this method. If we already have a certain frame or blank for a vignette, of which today you can find a whole bunch on the Internet, then there is no problem with this at all. Let's say we have two photos: a portrait of a girl and a blank with a transparent background in the right place.

But this can only be done in the most ideal situation, when our workpiece already contains a transparent background.

Inserting a finished frame without a transparent background

Things get more complicated when the image is not intended to be a frame. Then you will have to do it yourself. You can, of course, overlay images on top of the object, cutting off unnecessary ends, but this, as I said at the very beginning, is terrible. If you later want to change the photo, its size or position, this can become problematic. It's better to just make a hole and just insert our frame around the photo.

Open the image with the intended frame and select the selection tool. In this case, you can use a rectangular selection, but I still prefer to use the Rectangular Lasso Tool. However, the picture may have errors.
Next, we begin to allocate space inside the frame around the perimeter. You should have dotted lines appear.
After that, check if you have a padlock icon on the layer thumbnail. If yes. then click on it to make it disappear. After this, press the key DELETE, after which the inside of the frame will become transparent. This is exactly what we wanted.
Next, open the image of the girl (or whatever you have) in the same document.
But again, it is our first layer, so we will need to move it. Go to the layers panel, and just like in the first option, move the thumbnail of the layer with the girl lower than the frame layer.
Next, all that remains is to move and adjust the size as needed using movement and transformation. You can also apply some layer style, such as an inner shadow. It will look more realistic.

This is the final version we got, and we didn’t even have to crop the photo.

Clipping Mask

A very cool method that has long proven itself among designers is creating a clipping mask. I already considered this method when I wrote an article about it, but here I will consider this point in more detail.

We do the framing ourselves

The easiest way to make a frame in Photoshop is to draw it yourself, for example in the form of a colored rectangle. It will be simple, but stylish.

Let's go in and take it "Rectangle". After that, set the stroke color in the properties (whatever you want), and set the fill color to whatever you want, since then it will be removed anyway. I'll put yellow.
Now, draw the rectangle we need on the canvas. You can pinch SHIFT so that it turns out square. If you are not satisfied with the thickness, you can always change it in the properties. It is only important that at this moment the Shape tool is activated.
If you want the outside of the stroke to be rounded or polygonal, you can select this option in the properties.
You can also add some effects to your frame using . For example, I added embossing and shadow. The remaining properties are unlikely to particularly affect the stroke, since they will be focused on the internal content.
Now open the image with the girl (or whoever you have). It, as you already understood, will appear as a new layer on top of the figure.
Next, right-click on the thumbnail of the layer with the girl and select "Create Clipping Mask". Just before doing this, make sure that under the miniature with the girl there is our rectangle with a stroke.
As you can see, now the girl is inside, as if in the window of a house. All that remains is to move it using " ". You can also enlarge or reduce the image to suit your vision. The most important thing is that the picture is not cropped, but its edges are simply out of sight.

As you can see, everything is simple. You can add some other effects, or write text inside so that it is clear who is depicted. Download some nice font that will look great.

A little later I will definitely post a video tutorial so that there are no problems.

Clipping mask for the finished frame

If the frame is separate, that is, it is on its own layer and is just an element of some composition, then here you will need to do things a little differently, since hiding the image behind a layer simply won’t work.

Of course, you can try to do this, but the result is unlikely to suit you. In many cases, people come with the excess trimmed off. And I will not tire of repeating that this is wrong.

But there is an ideal solution - make a clipping mask.

In principle, everything is very simple here.

Voila. Now the girl is in the frame and can be moved using the Move tool. The most important thing is that the movement will occur outside the frame and no edges will come out.

Online Photoshop

The most interesting thing is that you can insert a photo into a frame in Photoshop online, but forget about the method with a clipping mask. This thing, unfortunately, is missing in the online version of the graphics editor. Let's look at our actions from the second example.

Login to the service online-photoshop and open an image from your computer, namely the very frame into which you will then insert your photo.
Next, be sure to remove the lock from the layer. To do this, click on it with the left mouse button twice. This will allow us to remove the unnecessary part from the picture.
Now, select any selection tool. True, in online Photoshop you don’t have much to choose from, since there is only a rectangular selection and a regular lasso. Perhaps it will be convenient to use a rectangular selection here.
And then, holding the left mouse button in one corner of the recess, drag it to the opposite corner. Thus, you should have this very recess highlighted.
After that, immediately press the button DELETE to remove the core. Part of the picture in the center should become transparent.
Now, select "File" from the menu - "Open image" and find the photo you want to use inside. I'll take the same girl. But only the photo will open in another document. To drag it onto a document with a frame, hold down the left mouse button on the thumbnail of the layer with the girl and simply drag it to the layer we need, where we have already worked.
As you can see, the image was transferred too small. To increase it, select the menu item "Edit"- "Free Transform".
Now, pull it by the corner to enlarge the photo in size. Just be sure to hold down the key SHIFT so that after enlargement all proportions are preserved. Pull until you have enough, or until the photo overlaps the frame.
As a final touch, we will need to move the thumbnail of the layer with the girl under the layer with the frame so that it is at the back and no edges are in the way.

We got what we wanted. So, as you can see, even online Photoshop can cope with this task. Of course, most of the functions here are neutered, but sometimes even standard functionality may be enough.

Well, if you want to seriously learn Photoshop, then be sure to check this out cool video tutorials. They are perfectly structured according to methods from simple to complex, everything is told in simple and human language, so that after studying you simply should not have any questions.

Well, that's all for me. Be sure to subscribe to all my public pages and YouTube channel to always be aware of all the interesting things. I'm waiting for you again. Good luck to you. Bye bye!

Best regards, Dmitry Kostin

HOW TO MAKE AN ORIGINAL FRAME FROM BRUSH STROKES

This technique is not new and is used quite often. However, this is not surprising - there is a certain liveliness and dynamics in it, as if a photograph is emerging from the strokes of an artist’s brush. In fact, this is how it happens, only you will be in the role of the artist.

Not long ago, Scott Kelby described this technique in his book, but in the version that he described, you will make a new frame each time. Here is an improved version in which, having created such a frame once, you can use it many times.

Open the photo on which we will put a frame.

Create a new empty layer: Layer - New - Layer (Ctrl + Shift + N).

Fill it with white.

A quick way to do this. Press the “D” key, then press the key combination Ctrl + Del (fill with background color)

We take a tool, choose an unusual brush, with a torn edge reminiscent of a stroke. The size is at your discretion. For example, this brush is included in the standard Photoshop package.

By the way, you can use these brushes for this:

And we begin to erase the white layer, developing the image.

That's probably all, here you will have to experiment to achieve an interesting frame. Well, and most importantly, now we can transfer the layer on which we wiped the white background with the tool to another image.

Good luck with your work.

Klid Fistof - "Photoshop courses in Kyiv"

*************************************************

How to make a frame with a blurred edge or use Feather

You've probably seen this effect, especially often used in old black and white photographs. But you must admit, there is something in it, a certain romanticism, airiness. Therefore, it looks interesting in color photographs.

Photoshop has the ability to shade a selection, and the function is responsible for this Feather , but let's get straight to practice and see how it works.

Open the photo and use the tool (M) to create a rectangular selection frame.

It doesn’t have to be rectangular, you can create an oval frame, everything will turn out exactly the same, only the oval will be shaded.

Now we'll apply highlight feathering: Select - Modify - Feather and a window will open in which you set the feathering radius. You will need to select it experimentally. The radius will depend on the resolution of the photo and how much blur you want the edge to have.

The corners of the selection frame should be rounded after applying feathering.

If you drew an oval frame, the selection frame will not change.

Now we need to invert the selection: Select - Inverse. Now the “Running Ants” or dotted highlight line has become double. One remained there, and the second appeared along the perimeter of the photograph.

Now let's move on to the final chord. Press the key Del - and we got a shaded frame. Moreover, it will be shaded to the color that is designated as the background color. In this case - white.

Well, before I finish, I want to give you one important keyboard shortcut to make it easier for you to experiment. Ctrl+Alt+Z - holding Ctrl+Alt press Z as many times as we want to cancel. By default, twenty actions are available to undo.

***************************************************

LESSONS ON CREATING FRAMES FROM Novichok56

OPTION ONE

1. Upload a picture.

2. Remove the lock from the layer and drag it to the basket.

3.Hold the Ctrl key and click on the picture icon (the picture is highlighted).

4. Activate the SELECTION tool (click on it):

5. Inside the picture, right-click and, in the window that appears, select TRANSFORM SELECTED AREA:

6. Holding Shift+Alt on the keyboard at the same time, grab the corner of the transformation grid and pull it inward to the width of the frame:

7. Press Enter. Type the combination Ctrl+j (create a new layer):

8. Standing on this layer, go to LAYER STYLES fx:

9. Select SHADOW and EMBOSS. I chose these values, you can experiment and set your own values:

We get this frame:

OPTION TWO

1.Upload a picture.

2. Activate the RECTANGULAR SELECTION tool and select the frame inside:

3. Go to SELECT/INVERT (the frame is selected twice):

4. Go to FILTER/BLUR/GAUSSIAN BLUR, set the radius value to 25-30 pcs:

5. Without removing the selection, go to SELECT/INVERT again and then press the key combination Ctrl+j (created a new layer). This is the blurred frame we got:

6. To make it more convex, go to the layer styles:

Select SHADOW and EMBOSS with the following values:

Now the frame is much more interesting:

Let's finish the lesson here. Good luck in your creativity!

*********************************************************

Photoshop tutorial "Halftone border"

This tutorial for photoshop simple, but very useful for designing your pictures and photographs. The effect in our work will be created using Photoshop filter Colored halftones from filter groups Appearance. This filter is included in the program by default and does not need to be installed.

Select the image you will work with and open it in the program photoshop

1.File - Open

If your image is a background, that is, there is a lock on a layer in the layers palette, then this lock must be removed and the background layer must be made ordinary. Double-click on the background layer's lock in the Layers palette and, in the dialog box that appears, click "OK".

2. On toolbars set default primary colors. The foreground color is black and the background color is white. You can quickly do this by pressing the “D” key on the keyboard. (Attention! Keyboard layout is English).

4. Now we need invert selection(swap the selected part) so that the border is selected.
To do this we go to menu tab Selection and select the item Inversion.

We received a selected frame, to which we will apply a filter from those available in Photoshop by default.

5. Before using the filter in toolbars click on the icon "Quick mask". It's located at the very bottom of the toolbar, under the color switch.

Now we have the mode turned on Quick mask. After you click on this icon, the unselected part of the image (the middle) will turn red. This means that part of the image is protected from editing.

6.Create the “Halftone Border” effect. Let's go to menu tab - Filter. Finding a group of filters Decor and select a filter from the list that opens Colored halftones.

Click this tab. The filter settings dialog box will open.

I took these parameters. You can experiment. I will only say that the larger the image, the larger the radius you can take. The tilt angles of the rasters can also be changed. The slope of the selection pattern will change.

Click "OK" and apply the filter. We get this result

7. Click on the icon again "Quick mask" V toolbars. This will mean that we are out of editing mode and the red color in the middle of the image should disappear. In the image we see dotted selection paths.

Press the “Delete” key on the keyboard and get the result

Remove selection Selection - Deselect. Your work is ready. You can leave it like this and save it. in JPG format(File - Save as) or in PNG-24 format (File -Save for Web and Devices)

Saved result in PNG-24 format it will look like this

8. If you want, you can still work with the resulting image before saving. For example, apply some layer effects. It could be shadow, stroke or ready-made layer styles. You can create a layer below the image and fill it color, gradient or pattern.

Here are my options

Novprospekt - novprospekt.ru/post202863990/?upd

**************************************

Frame with rounded corners in PHOTOSHOP CS5

1. Upload the image:

2. Remove the lock from the layer and drag it to the basket:

3.Hold down the Ctrl key and click on the picture icon:

Our picture stood out:

4. Let's go SELECTION/MODIFICATION/BORDER:

In the window that appears, set the WIDTH to 10 pixels, click OK:

5.A double selection appears in the picture:

6. Go to SELECT/MODIFY/SMOOTH again:

In the window that appears, set the WIDTH to 20px, click OK:

7. The corners of the selection in the picture are rounded:

8. Go to EDIT/CLEAR, deselect Ctrl+D:

This is how the picture turned out:

With this tutorial you will learn how to create simple frames for your photos.

I'll show you several ways to create different frames, so you can consider this one big lesson to contain several on the same topic.

Frame No. 1. Simple strip frame.

Despite its simplicity, this frame improves perception and gives the work a finished look.

Step 1. Open our image. Select the entire image by pressing CTRL+A.

A selection frame will appear around the image.

Step 2. Select from the menu Select - Modify - Compress(Selection - Modify - Contract). In the dialog box, select the amount of indentation in pixels.

Let's use the command.

Step 3. Press RMB while holding the cursor inside the selected area, and in the menu that appears, select Stroke.

In the dialog box that appears, set the color and width of our strip.

Step 4. We apply the command and get the result.

Don't forget to deselect it by pressing CTRL+D.

Frame No. 2. Frame with rounded corners inside.

Step 1. From the toolbar, select the Rounded Rectangle tool.

Let's switch to the path creation mode (on the top tool settings panel)

Step 2. Let's enter the required corner radius.

Step 3. Let's create a contour with the necessary indents from the edges.

Step 4. Convert the outline into a selection. Press RMB while holding the cursor inside the outline, and in the menu that appears, select Create a selection area.

Step 5. Invert the selection using the key combination SHIFT+CTRL+I and press CTRL+DEL to fill the selection with the foreground color or ALT+DEL for the background color. Remove selection by pressing CTRL+D.

Frame No. 3. Jagged edges.

Step 1. Follow steps 1 and 2 Frame No. 1.

Step 2. Quick mask(Quick Mask).

Step 3. We apply Filter - Strokes - Airbrush(Filter - Brush Strokes - Sprayed Strokes). Filter settings are selected individually, depending on the image.

Step 4.(optional). We apply Filter - Distort - Wave(Filter - Distort - Wave) The parameters are also selected empirically.

Step 5. Exit Quick Mask mode by pressing Q. Now we have a selection.

Step 6. Invert the selection using the key combination SHIFT+CTRL+I and press CTRL+DEL to fill the selection with the background color (white by default) or ALT+DEL for the foreground color (black by default). Remove selection by pressing CTRL+D.