How to make a transparent background in Photoshop. How to make a transparent background in a picture

Greetings, dear readers of my blog!

Recently I needed remove background from the picture, I'm not particularly good with Photoshop. And I’ll tell you that I don’t even have it on my computer. (Well, actually, that’s right, why do I need something that I don’t know how to work with).

But the background from the picture had to be somehow removed, so I started surfing the Internet, looking for a solution to my problem. There are actually a lot of options, but I was looking for something easier)). I found a very easy and simple way to remove the background from a picture.

So, let's get started. We'll need Photoshop, but I don't have it. I use online photoshop. It’s a very convenient thing, I’ll tell you. And of course, the picture whose background we want to make transparent.

I’ll show you an example of this picture, we’ll remove the white background

Let's go to online Photoshop. I used this one PIXLR

Select: Upload an image from your computer.

Now in the window on the right "LAYERS" I need to open the lock

Click on it 2 times with left button mouse, a check mark should appear in the box.

Now go to the panel on the left and select the tool "wand" and set tolerance to 21.

That seems to be all, but I’m not completely satisfied with the picture, there are still remnants of the background, I again click on the place that I want to remove. Then “edit” ---- “clear”. And so on until you remove everything you need.

When developing a printing layout or laying out a website, you may need to make some areas of the image transparent. For example, to ensure that the background of the photo matches the background of the layout or the corners of the image do not overlap the text.

The transparent background of the image allows you to create something beautiful. This technique reduces empty space and improves the appearance of the layout.

Such vector editors how CorelDRAW and Illustrator can hide part of an image using an outline mask, this is a quick and easy method to do transparent background, if the shape of the object is simple.

But the best solution will prepare the image in Photoshop and save it in a format that supports background transparency.

In this video tutorial I will describe in detail 3 methods, as well as which formats support transparency.

To make a transparent background, you need to cut out the object and remove the background. Depending on the shape of the item, choose the one that will be convenient in this situation.

The quality of the finished image mainly depends on the quality of the selection. Try to replicate the shape of the object as accurately as possible using suitable lasso tools.

If the edges of the object are not sharp, the selection should also have slightly blurred edges. To do this, right-click on the selection and set the Feather value. The blur value will apply to the entire selection.

However, there are rare situations when only part of an item has blurred edge or lack of focus. In this case, it is necessary to combine several extraction methods.

For example, I specifically chose a more complex image with different degrees of focus, respectively, with different clarity of boundaries.

The main object with highly defined edges can be selected with the usual Lasso tool, and fuzzy edges can be selected with a soft brush in the " " mode (Quick Mask - Q Key), as shown in the image below.

The advantage of this method is that you can change the hardness of the edge by changing the hardness of the brush as you paint. But there is a drawback: brush selection is not as precise as lasso. But this is not the only way to get a selection with different edge definitions.

Adding Fuzzy Areas to a Selection

And now, more about another method of selection. Select the main part of the image with clear borders, then click - Select/Save Selection...

Deselect the selection and create a new one around the fuzzy area. Right-click - Feather... Set the desired value. Typically, a few pixels will be enough.

Now, click - Select/Load Selection... Select - Add to Selection. Your previous selection will be merged with the new one, and different degrees of blur will be preserved.

This technique may seem more difficult than the previous one. In general, do what is convenient for you.

After you have removed the background, you need to save the image in a format that supports transparency.

PSD is the very first of them. It is easy to read in all Adobe editors and more. It contains all the information about layers, effects, etc. therefore, as a rule, it has a lot of weight.

Tiff is a format similar in properties to the previous one. May also contain transparent areas. Because of high quality, often used in printing.

PNG is relatively lightweight and allows you to maintain image quality. Most often used in web design. Banners, website buttons, and web page graphic elements often contain this format.

Attention! Before saving, be sure to delete alpha channels if you created them during the selection process.

Clipping the background with a mask

This method does not require the use Photoshop programs. Directly in the layout program CorelDRAW or Illustrator, you can outline an object and then hide everything outside it.

If the item has simple form(circle, rectangle, triangle, etc.) using a mask can save time and effort on image processing. For a more complex object shape, it is better to use Photoshop and an image format that supports transparency.

Another disadvantage of this method is that it is impossible to partially blur the edges of the object with a mask, unlike processing in Photoshop.

Clipping Mask in Adobe Illustrator

Place the image in Illustrator and outline the subject. Then select the image and the path together and right-click - Make Clipping Mask. The part of the image outside the outline will be hidden.

After cutting off part of the image with the mask, you can continue editing the path. Double click using a clipping mask will allow you to change the location of objects inside the contour, delete, add new ones, change the shape of the contour, or disassemble the Clipping Mask again and pull out all the elements.

PowerClip in CorelDRAW

CorelDRAW has the same technique, but it works a little differently. You also need to outline the object, and then select the image and click - Effects/PowerClip/Place inside Frame.... Instead of the pointer, an arrow will appear with which you need to show the outline.

The outline in CorelDRAW can also be edited after creating the mask.

You can also make an object transparent in CorelDRAW without creating an outline; you can simply move the edge nodes of the image with the Shape tool, thereby changing its shape. Double clicking on the path will create new nodes.

3. Transparency blend mode

What to do if the background of the photo, like the background of the layout, is already white, but the corners of the image overlap important details of the layout. In this case, you can apply a blend mode. Applying this mode to the image will be enough to prevent the white corner from creeping into the image.

This method allows you to get a transparent background with one click of a button, without selecting or cutting out anything at all.

In Illustrator you need to open the transparency panel - Window/Transparency. And then select the mode - Multiply.

In CorelDRAW, take the Transparency tool.

In the tool options panel, configure as shown in the screenshot below:

This mode must be used carefully; it also has its drawbacks. It will work well only on a white background, and the object itself will also become transparent when applied to text or other images.

Video tutorial: transparent background

Look detailed video tutorial on how to make a transparent background in Adobe Photoshop, Illustrator, CorelDraw in three different ways:

(Visited 2,847 times, 1 visits today)

When creating collages and other compositions in Photoshop, there is often a need to remove the background from an image or move an object from one picture to another.

Today we’ll talk about how to make a picture without a background in Photoshop.

There are several ways to do this.

The first is to use the tool "Wand". The method is applicable if the background of the image is monochromatic.

Open the image. Since pictures without a transparent background most often have the extension JPG, then the layer with the name "Background" will be locked for editing. It needs to be unlocked.

Double-click on the layer and in the dialog box click "OK".

Then select the tool "Wand" and click on the white background. A selection appears (marching ants).

Now press the key DEL. Done, the white background has been removed.

The next way to remove the background from a picture in Photoshop is to use the tool « Quick selection» . The method will work if the image has approximately the same tone and does not blend into the background anywhere.

Choose "Quick Selection" and “paint over” our image.

Then invert the selection using the keyboard shortcut CTRL+SHIFT+I and press DEL. The result is the same.

The third method is the most complex and is used on color images, where the desired area blends into the background. IN in this case Only manual selection of the object will help us.

There are several tools for manual selection in Photoshop.

1. Lasso. Use it only if you have a steady hand or graphics tablet. Try it yourself and understand what the author writes about.

2. Straight line lasso. It is advisable to use this tool on objects that contain only straight lines.

3. Magnetic lasso. Used on monochromatic images. The selection is “magnetized” to the edge of the object. If the shades of the image and background are identical, then the edges of the selection appear jagged.

4. Feather. The most flexible and convenient selection tool. With a pen you can draw both straight lines and curves of any complexity.

So, choose a tool "Feather" and circle our image.

Place the first anchor point as accurately as possible on the boundary of the object. Then we place the second point and, without releasing the mouse button, drag it up and to the right, achieving the desired radius.

Anchor points can be moved by holding down the key CTRL on the right, and delete by selecting the appropriate tool from the menu.

The pen can be used to select several objects in an image at once.

Upon completion of the selection (the contour must be closed by returning to the first anchor point), right-click inside the contour and select "Create selected area".

Now you need to remove the background in Photoshop by pressing the key DEL. If suddenly the selected object is deleted instead of the background, then click CTRL+Z, invert the selection with the combination CTRL+SHIFT+I and delete it again.

We've covered basic techniques for removing backgrounds from images. There are other methods, but they are ineffective and do not bring the desired result.

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 it in Photoshop itself new layer under the apple 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, creating a translucent background or making an 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 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.

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 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:

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:

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:

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:

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

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:

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:

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»: