Replace transparent background in Photoshop. Working with a "magic wand"


Hello dear visitors. In this lesson I will show how using Photoshop you can remove background and make the photo transparent. You don’t need any special knowledge of this Photo Monster, as everything here is very simple. The main thing is that you have Photoshop installed and you repeat all the steps after me.

So, how to make a transparent background in Photoshop?

Launch Photoshop and open the experimental photo. Click the File – Open menu and specify the location of the image.

Great, the photo is open and let's start cropping the background. First of all, we need to unlock the layer. Pay attention to the lower right corner of the program. There you will see the main layer of our photo and small padlock.

This lock needs to disappear, that is, the layer is unlocked. To do this, straight to the lock make one click with the left mouse button. And the lock is gone!

Now we need to remove the background. To do this, take some kind of selection tool, for example, Magic wand.

Click the tool on the background of the photo, thus selecting the object we do not need.

A dotted line appeared (running ants). All you have to do is press the DELETE key on your keyboard and the background will be deleted. See how it turned out:

Super! Now deselect it by pressing the keyboard shortcut CTR+D.

Well, in general, how do transparent background in Photoshop We figured it out and now all that remains is to save this photo correctly.

To do this, click the menu File – Save for Web. Or just use ALT+SHIFT+CTR+S.

You will see a window in which we must select the PNG-24 format and only then click the Save button.

Now look what happened and what has become:

Finally, it’s worth saying that in some cases, when you decide to make a transparent background in Photoshop on some picture, you may have to use other selection tools, for example, Pen or Magnetic Lasso. I used the tool Magic wand, since in my photograph the person was easy to separate from the background. If you remove the background from complex images, you will have to work a little harder.

That's all for today, good luck!

Before you make a 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 a powerful tool to work 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:

The most popular application area for Photoshop 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 its background 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, through the menu “Layer” - “New” we 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 the magic wand on the toolbar and click on the sky with it. 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:


Now we do the following:

  • On the toolbar, activate the “Brush" tool;
  • In the parameters we set the diameter of the brush and the hardness of the effect:

  • In the picker, set the foreground color to black:


  • Then we slowly draw the brush along the contours of the girl’s figure and inside. You can immediately see that the brush restores the blur that we applied to the copy layer;

28.01.2015 27.01.2018

Making a transparent layer on an image in Photoshop couldn't be easier. This short explanatory note contains comprehensive information on this issue. Therefore, I hope you will not have any difficulties.

What is a transparent layer or background for? So that one image can be superimposed on another.

The default transparent layer in Photoshop appears as a checkerboard. This is what the transparent layer looks like:

This is what the list of layers looks like

We can place another layer with an image above the transparent layer. This is what an apple looks like transparent layer in photoshop.

This image will have a transparent background under the apple, so you can paste it onto any background on the site.

You can create a new layer under the apple in Photoshop itself and fill it with any background. There will be the same result.

You can also adjust the transparency of layers. This may be needed for various purposes - for example, to create translucent background or make the image transparent.

You can reduce the transparency of a layer in the Layers panel. You activate the desired layer and reduce the opacity percentage.

I hope the purpose of a transparent layer in Photoshop is now clear to you!

The only question you might still have is how to make a transparent background in your image. To do this, you need to select the part of the image that you want to keep and delete the rest of the selection area. How to do it correctly and how to highlight it complex objects you can find out in my free video course "How to highlight in Photoshop". To learn it, fill out the information in the left panel on the website and the course will be sent to your email.

When you work on website design, you often have to deal with the fact that the found image, which would ideally suit your site, has a different background that it would be desirable to remove.

And so, open our picture in Photoshop.

1. The first thing you need to do is create a work area for the image with a transparent background. For this:
- in the layers window, double-click on our layer (with the lock)
- In the window that appears, click OK

The lock should disappear

If the background is plain:
Select the tool " Magic wand"is a very flexible tool for highlighting the desired area. Our task is to highlight the entire background except the picture. To do this, adjust the settings of the magic wand (parameter admission), until we get desired result. We also use it Shift key to select an area other than the one already selected. Press Del and the selected area is deleted.

If the background is multi-colored:
We use the tool " Quick selection". Here our task is to highlight not the background, but the object itself, which should remain. Press until highlighted desired area. If too much is highlighted, hold down Alt and minus the area. You can view the result by pressing the Q key.
When the selection is ready, copy it with Ctrl+C. We create new document with a transparent background (Ctrl+N) and paste the object Ctrl+V there.

3 . If there is something extra left in the picture, use the “ Eraser“, just erase the extra background.

4 . Save the image for the Web (Alt+Shift+Ctrl+S) and select the GIF or PNG format (in others, our transparent background will turn into white).

Useful video on the topic:

The article provides a method for getting rid of the background by selecting and moving the image to the created one. transparent file. The selection is made manually using a pen. The lesson is intended for a beginner audience and therefore all four steps are accompanied by detailed screenshots with red explanatory notes.

Step 1. Enlarge an object. To do this, click on the Zoom Tool (Z) and move the cursor over the image. The cursor turns into a plus sign and with each click the image enlarges. After we work with the image, change the tool value at the top of the settings bar back to Zoom Out and with the cursor turning into a minus sign, reduce it again. The Zoom Tool (Z) button represents a magnifying glass. IN in this example We enlarged the image with two clicks, this will be enough to carefully circle the object.

Step 2. Select an object. To do this, click on the Pen Tool (P). Pay attention to the ruler settings at the top.

When you hover over the image, the cursor should turn into a pen. Start tracing, point by point, with your pen the object you want to free from the background. The moment the circuit closes, you will see that the object is surrounded by a solid line. Now move your cursor over this solid line and click right mouse. In the window that appears, select the Make Selection line, that is, selection.

In the next dialog box, set the radius.

The outline of the picture flickers, which means we have selected the object.

Now let's use a magnifying glass to reduce the object back down as described in step 1.

Step 3. Create a transparent background. First make a duplicate of the image. To do this, select sequentially Image – Duplicate – Ok from the menu.

Now we need to select our entire duplicate using the Rectangular Selection tool.

Now double click Click the lock icon on the right and OK. With this action we unlocked the layer. Press on keyboard Delete key. The image has acquired a checkerboard coloring, which means transparency. This is our transparent background onto which we must drag the previous selected image.

Step 4. Move the image to a transparent background. To do this, click the cursor on the desired previously selected picture and then click the Move Tool (V) button. We hold down with the left mouse, and after dragging the object onto the transparent background, release it. The goal of changing the background to transparent has been achieved.

This is one of several possible ways freeing the image from the background.

Save your picture to png format. It should be noted that there are other ways to change the background to transparent. But more on that in other lessons.







2024 gtavrl.ru.