File in png format with a transparent background. How to make a transparent background for an image? How to make a transparent background of a picture and eliminate the defect by increasing the image size

12/21/14 32.7K

Before you do transparent background in Photoshop, you need to find out everything well about the capabilities of this program. And then suddenly, instead of the background, your clothes in the photo will become transparent.

Basics of working with backgrounds in Photoshop

Photoshop is rightfully considered the most powerful tool for working with raster images. Sometimes it seems that you already know everything about the possibilities of this graphic editor. But then again and again you come across something new:


Most in demand area Photoshop Applications among ordinary users is to change and edit the background part of the image. As if anticipating this, the program is already in the first stages of creating a new graphic file asks how to make his pho new layer:


Creating a new graphic file in the graphic editor is carried out through the menu “File” - “New”. In the dialog box that appears, you can set the dimensions and basic parameters of the future image. Setting the Background Content field to Transparent is the main way to remove the background while still creating the drawing.

The ability to edit images in Photoshop is built on the use of layers. Each of them is a separate independent object. Changing any of the layers will not affect the content of the others. The layer structure of the image is displayed in the Layers panel:


But all this is a theory that can be quickly learned in practice. So let's get creative, the power of expression of which will be enhanced by Photoshop.

Using an adjustment layer

Let's look at an example of how you can change the background in Photoshop using an adjustment layer. At the start we have this image:


The positive side of using an adjustment layer is that it saves time by customizing the effect on the entire color scheme drawing. You can create it by clicking on the black and white circle at the bottom of the Layers panel. In the menu that appears, select “Curves”:


By moving a point on the curve and adjusting color channel can be achieved various options changes to the entire photo. With a skillful approach, further editing may not be necessary. This is probably the most quick way How to change the background of a photo:


Using an adjustment layer, you can easily change the time of day throughout the city.

Removing the sky

We're tired of the boring sky over the city. Therefore, let’s remove it using the “Background eraser” tool. It's in the left sidebar:


Of course, the example above lacks a little precision. Therefore, in order not to remove the necessary details in the drawing, you should use a thin pen.

All changes affected only the main layer. Before changing the background, use the menu “Layer” - “New” to create a new one:


Now, to make a new sky over our city, you can use your imagination and various Photoshop tools. For example, some kind of gradient. Here's what you might end up with:


But the contours of the city are very difficult to cut out exactly. Therefore, to demonstrate the next tool, we will use a photograph of the desert. The task is still the same: changing the sky:


To select the cloudy sky over the desert, we will use the " Magic wand" It is suitable for use in cases where the design consists of several distinct color shades.

Before replacing the sky background with another, activate magic wand on the toolbar and click on the sky. In this case, it is better to set the sensitivity of the instrument to the maximum value. Otherwise, the background will not be selected correctly:


After that, on the selected area, click right click mouse, and in the appeared context menu select " Layer via clipping»:
It seems like nothing happened. But if we look at the “Layers” panel, then there we will see new element. To delete a cut out background, select the layer containing it and select the “Delete layer” command in the context menu. This is what our desert looks like now:


Now you can add a new layer and fill the sky over the Sahara with bright colors:

Blur the background

But I still want to practice not only on cats, but also on people. Let's look at how to blur the background in Photoshop. For editing, let's take a photo of a person. According to the unwritten laws of the Internet, a photo of a beautiful girl is most often used for such a demonstration:


Now let's try to do the background photos are blurred so that all attention is focused on female beauty. This effect can be obtained if you use expensive DSLRs for photography. But we will achieve this with the help of a graphic editor.

The main problem is to correctly highlight the contours of the body. Let's try to use a magnetic lasso for this.

If you drag the Magnetic Lasso tool along the contour in the image, the silver outline seems to be attracted by a magnet to the boundaries of the selected object.

After activating the tool, carefully move the cursor along the contours of the girl’s figure. And then in the context menu select the item “ Invert Selection»:


Before making the background blurry, apply the built-in filter of the graphics editor. To do this, in the “Filter" menu, select the item "Blurring" - " Gaussian smear»:


It turned out, of course, not without flaws. But all of them can be removed using the Blur tool. And this is what happened:


Now we take a different approach and use a mask to highlight the girl’s figure. First, let's create a duplicate of our layer. To do this, mark it in the “Layers” panel and select the item “ Duplicate layer»:


Then apply the filter “ Gaussian smear" And add a mask to the copy of the layer by clicking on the icon in the form of a rectangle with a white circle inside it. This is what a photo of a girl should look like at this stage:

For those who are not yet familiar with all the secrets of graphics, design and Photoshop - simple solutions complex and uncomplicated tasks are always a lifeline with which you can cope with the task yourself. Although it is always better to turn to professionals. But there are small questions that you need to learn to do without the help of a designer, such as the title of this article - “How to remove the background from a picture, or how to make the background of a picture transparent.”

I really want to learn how to work in Photoshop, but apparently the time has not come yet - the student is not ready. Therefore, I’m gradually mastering the online Photoshop Pixlr - it’s not entirely clear yet, but handy tool. Follow the link because now there will be a practical lesson.

A picture without a background is often needed in order to obtain an image cropped along the contour. For example, or they decided to make a website header. In all cases, when uploading the resulting image to the site, the background will be missing. See the result at the end of the article.

So we're already at desired page Pixlr, and select “Upload image” in the table that appears in the center.

We upload an image from the computer, I will have this:

Now we find on the right side a small sign with a lock.

Select the middle “Layers” plate and double-click on the lock. A checkmark should appear instead of a lock.

Now let's move on to right side online Photoshop, select a tool and click the “Edit” tab.

Select the tolerance value as shown in the picture “21” and click with the magic wand on the background of our picture.

Then press again "Edit" and choose "Clear".

You can press this function several more times if you are not satisfied with the result the first time. We save the image to the computer in a format that supports background transparency - png. This is what you should end up with:

In my opinion, the result was excellent. I know that there are a lot of other ways that remove the background of a picture, by the way, you can watch one of them right now:

Great way! Maybe some people will like it more! And the backgrounds of pictures can be different, just like the pictures themselves. Therefore, it will still be necessary to figure out how to remove background from a picture, which depicts a man with flowing hair, probably requires some jewelry work.

However, working in the Pixrl online editor, you can edit a photo in just a few minutes required format. I know that such photographs of images without a background are very popular large quantities needed by online stores. Now I understand that it is a lot of work - editing pictures and images.

P.S. By the way, if you dream of becoming a professional designer, then you can learn this at the Yulia Pervushina School of Design. Even if you are not a designer at all and don’t know how to draw, but you have a great desire to get a highly paid Internet profession, you can sign up here:

I hope that this next piece of advice will be useful to many of my readers. I wish you success!

Run installation file and follow the program instructions. Once the installation is complete, Photo Editor will open automatically.

Load the image into the program

Click on the button Open file, in the window that appears, find the desired photo and click Open. You can also simply drag and drop the image into the program window.

Remove background

On top panel select tab Replacing the background. First, use the green brush to select the object you want to transfer to the transparent background. It is not necessary to pay attention to every millimeter of the image - any flaws can be corrected later. Next, use a red brush to mark the area around the desired object. A few strokes on the background will be enough. Click the button Next step.

Now you need to refine the edges of the cut out part of the image. To adjust the selection of large areas of the picture, select the appropriate mask brush. To refine the edge of the selected area, brush along it Hair highlighting. When you are satisfied with the result, move on to the next step.

By default, the background of the image will be transparent. If necessary, it can be replaced. To make the background one color, select one of the ready-made options (the program offers black, gray and White background) or use the palette. To put another photo in the background, click the button Add an image and select the desired picture. Then click the button Apply.

Save the result

Click the button Save. By default, the program offers to save the file as JPEG. This format does not support transparency, so you need to choose another one. Open the tab File type and select BMP, DPX, PNG, TGA or TIFF. Click Save. The program will automatically open the folder with the resulting file.

Now you know how to save a picture with a transparent background using Movavi Photo Editor. But the program has many other editing options, such as deleting unnecessary objects from pictures, restoring old photos and applying filters to photos. Experiment and every shot will be unforgettable!

2 votes

Good day, dear readers. The ability to make images with transparent backgrounds is incredibly necessary for every beginning website developer, designer, and even an ordinary person.

This is the most popular feature in Photoshop program, and therefore I decided to tell you in as much detail as possible not only about the process itself, but also about how to save a picture in Photoshop without a background.

It turns out that many people have difficulties with this, but there are no publications on the Internet on this topic at all. Only a few topics on the forums. But, I take upon myself the mission to correct this injustice...

So, now I will put on knightly armor and dispel all fears, doubts, misunderstandings and turn the difficulties of the art of Photoshop into simple everyday life. I will also tell you about all the subtleties of craftsmanship. Get ready. I will be very “in charge” in simple language, so that it becomes clear to everyone, so I apologize to readers who are embarrassed by such meticulousness and they themselves know everything perfectly well.

I thank those who are more patient for their understanding. Let's get started.

What needs to be achieved to make the photo truly transparent?

Transparency in the picture is usually displayed like this. If you see it on Google, it means the image can be downloaded without problems and when this object is superimposed on another background, the color will not change.

As you can see, such a checker is not displayed if the image in the search is reflected through the thumbnail. You need to click on the picture and Additional Information will open.

Look, I copied this drawing and pasted it into a photo of the field. I won’t go into exactly how I did it, it doesn’t matter now. The most important thing is that you see all parts of the field, the cubes seem to have been cut out and superimposed on the picture.

If I hadn’t found a photo with a checker in the search, the illustration would have looked completely different. The background would be white and rectangular.

Why is that? This checkerboard is a generally accepted sign; if you see it, it means there is no color at all in this part of the illustration, and when overlaid you will see bottom part drawing. Transparency is displayed in the same way. If you need to remove the background from a photograph, then you need to ensure that instead of color, you can see this treasured pattern. Checker.

How to properly store transparent pictures

We are all accustomed to this photo format as jpeg. Some people don't even know that others exist. However, he does not understand what transparency is. In order to download and store the “correct” photos on your computer, you will need to understand and remember new format- png.

You see, in addition to checkers, on Google almost always along with the necessary pictures you can see this combination of letters.

Then choose desired type file, png and you're done. It is available in any version. If you don’t see it, look more carefully. There is no way without him. Trust me.

Why was it necessary to come up with a different format? The thing is that the popular jpeg does not understand what transparency is. He changes it to his usual white one.

How to get rid of the background: a simple and fairly quick way without unnecessary hassles

In my blog you can find an article in which I show 4 tools and provide a video in which you can find 3 ways to get rid of the background in a drawing (). You can read it if you are interested. Now I would like to show you one more technique, because I believe that without this the article would not be complete. You never know, someone won’t want to surf my blog. And here everything is in one place.

So, open the picture.

Find the “Background Eraser” tool. If you can’t find it, then hold the mouse for a few seconds with the left button pressed on the button of a regular eraser. The right tool will open. You can add it by clicking on it.

You can increase the diameter of the eraser to make erasing more convenient.

Now fiddle around with the unnecessary elements in the picture. You will see how the checker begins to appear and the color disappears!

I hope that after you finish, you will not have a question in what format to save the processed drawing. Of course PNG.

This erasing method cannot be called the best and incredibly convenient. Therefore, I recommend that you still pay attention to my previous article, which is entirely devoted to this topic.

And if you are interested in working in Photoshop, then I advise you to start making money on it! There is demand. You can easily try, process pictures, and do a lot of interesting things. Believe me, this is really necessary. You can see for yourself by checking out a few freelance sites.

Think you can't do it or you're too old for this shit? Not enough time? Believe me, these are all ridiculous excuses. I'm a lawyer and I earn enough, but... do you have a hobby, a favorite hobby? You live life to the fullest? Are you really not bored?

Whatever you know and whatever you are interested in. The Internet opens up a lot of new opportunities. Let changes into your life. If money doesn't interest you, that's even better. This gives your project a better chance of becoming expensive, cool and successful. All famous people They don't work for profit, they work because they love what they do. Rarely do any of them call it “work.”

The time has passed when people spent most of their time at the computer or TV. Now everyone is developing, improving some of their skills and sharing with people what they know. In fact, it has always been this way, only the scale has increased.

By the way, not long ago I read the secrets of the longevity of the Caucasian highlanders. One of the principles is that the younger generation constantly comes to them to consult on some important issue. Old people feel needed, and therefore do not experience any negative emotions regarding old age. In the Caucasus, there is no fear of becoming old.

By the way, a positive attitude is another secret of theirs. The elders claim that no one wants to communicate with angry, irritated and boring people who have no interesting hobbies, and therefore this lifestyle is extremely unprofitable, especially in old age.

Do something new. If you love Photoshop, pay attention to the course by Zinaida Lukyanova - “ Photoshop from scratch "and master it perfectly. Very quickly you will have a profitable hobby. Not that into design? Pay attention to this and create your own projects.


If you liked this article and I even interested you a little, subscribe to the newsletter. Even if not now, give yourself a chance to do something new. I will send you my publications on how you can make money on the Internet.

Perhaps one of them will inspire you to do something new and as yet unknown. You will realize that it is interesting and want to try it yourself, and then... who knows what will happen then?

Will your hobby turn into something more or will you simply show the result of your work to your friends in order to receive their praise and admiration? Unlike many, you will get off the couch and do something that will take you beyond your usual. You will try to change your life. This is very commendable.

I sincerely wish you success in your endeavors and hope that this meeting will not be our last.

Online program Pixir - make a transparent background for a picture.

Sergey Feschukov

Sometimes you come across a very suitable picture for your post and everything would be fine... But the background of the picture does not match the background of the blog or block with text. Apparently no one has this problem and no one has a white background, which would be suitable in most cases. I need transparent background!

I couldn't find any good ideas on the Internet. how to make a transparent background For finished picture, so I started experimenting myself and found a more or less suitable solution!

How to make a transparent background for a picture

Let's take one example a simple picture in .jpg format (in general the format is not particularly important):

There's a white background here that I want to get rid of and make a transparent background instead. Pixlr, an online version of Photoshop, will help us with this.

Uploading our image. On the right in the “Layers” window a “Background” layer will appear, on which there is a lock (prevents the background of the picture from being deleted).

By double-clicking with the left mouse button on this lock, you can remove the lock from the background. A checkmark will appear instead of a padlock.

Now take the magic wand (toolbar, right column, second button from the top), indicate following parameters: tolerance = 21, checkboxes for smoothing and continuity(usually such parameters are standard), although you can experiment with the parameters; and click on the background of the picture (in our case, on the white background).

Now we delete the background by pressing the “Delete” button and get the image we need with a transparent background.

As a result, the output is the same image with a transparent background.

The only negative of Pixlr- you cannot save the image in the .gif format, which also retains a transparent background, but is much lighter than the .png format. But if there is no other choice, why not take advantage of this?

thanks to Natalia Petrova