How to make a transparent background in photoshop. Making an image semi-transparent in Adobe Photoshop. How to Save an Image Without a Background in Photoshop
Translucent pictures are used on websites as backgrounds or thumbnails for posts, collages and other works.
This tutorial is about how to make an image translucent in Photoshop.
To work, we need some kind of image. I took this picture with the car:
Looking in the layers palette, we will see that the layer with the name "Background" locked (lock icon on the layer). This means that we will not be able to edit it.
To unlock the layer, double-click on it and in the dialog box that opens, click OK.
Now everything is ready to go.
Transparency (in Photoshop it's called "Opacity") is very easy to change. To do this, we are looking for a field with the appropriate name in the layers palette.
When you click on the triangle, a slider appears with which you can adjust the opacity value. You can also enter an exact number in this field.
In general, this is all you need to know about the transparency of images.
Let's set the value to 70% .
As you can see, the car became translucent, and the background in the form of squares appeared through it.
Pressing a keyboard shortcut CTRL+S and in the window that opens, select the desired format:
After you have chosen a save location and given a name to the file, press "Save". The resulting image is in the format PNG as follows:
If the background of the site has any drawing, then it (the drawing) will shine through our car.
Like this simplest way creating translucent images in Photoshop.
Before you make a transparent background in Photoshop, you need to find out everything about the possibilities of this program. And then suddenly, instead of the background, your clothes in the photo will become transparent.
Photoshop background basics
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 stumble upon something new:
The most popular area of application of Photoshop among ordinary users is changing and editing the background of an image. As if foreseeing this, the program already at 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 value of the "Background Content" field to "Transparent" is the main way to remove the background at the stage of creating a picture.
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 contents of the others in any way. The layered structure of the image is displayed in the Layers panel:
But all this is theory, which can be quickly learned in practice. Therefore, let's get down to creativity, 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 upside of using an adjustment layer is that it saves time by having a customizable effect on the entire color range of the picture. 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 the item " Curves":
By moving a point on a curve and adjusting color channel You can achieve various options for changing the entire photo. With a skillful approach, further editing may not be necessary. This is probably the fastest way to change the background of a photo:
With the help of an adjustment layer, you can easily change the time of day throughout the city.
Removing the sky
We are tired of the boring sky above the city. Therefore, we will remove it using the Background Eraser tool. It's in the sidebar on the left:
Of course, the above example lacks a bit of 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 you change the background, through the menu " Layer" - " New"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 the end result might be:
But the contours of the city are very difficult to cut straight. Therefore, to demonstrate the next tool, we will use a photograph of the desert. The task is still the same: we change the sky:
To select the cloudy sky over the desert, we will use the tool " Magic wand". It is suitable for use in cases where the pattern consists of several pronounced color shades.
Before replacing the sky background with another one, 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 be selected incorrectly:
After that, right-click on the selected area, and in the context menu that appears, select " Layer through clipping»:
It seems that nothing happened. But if you look at the Layers panel, then there we will see a new element. To delete a cut out background, select the layer containing it, and select the command " Delete layer" 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:
Background blur
But still I want to train not only on cats, but also on people. Let's see how to blur the background in Photoshop. For editing, take a picture with a picture of a person. According to the unwritten laws of the Internet, for such a demonstration, a photo of a beautiful girl is most often used:
Now we will try to make the background of the photo blurry so that all attention is focused on the female beauty. This effect can be obtained if you use expensive “reflex cameras” for photography. But we will achieve this with the help of a graphical editor.
The main problem is to correctly highlight the contours of the body. Let's try to use the magnetic lasso for this.
If you draw the Magnetic Lasso tool along the outline on the image, then the silver stroke 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, we apply the built-in filter of the graphic editor. To do this, in the "Filter" menu, select the item " Lubrication" - " Gaussian blur»:
It turned out, of course, not without flaws. But all of them can be removed using the Blur tool. And here's 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 in the context menu. Duplicate Layer»:
Then apply the filter to the appeared copy of the layer. Gaussian blur". 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 how the photo of the girl should look at this stage.
How to make a transparent background in Photoshop?
Photoshop is one of the most popular programs among people who are fond of design, graphics and drawing. Photoshop may also be needed by people who are far from creativity, but who need its functions. For example, it was necessary to use some kind of image in the text, but it is unacceptable to place it with the existing background. To do this, you can either change the background, or use a transparent background. Let's try to figure out how to make a transparent background in Photoshop.
How to make a transparent background in Photoshop - the first way:
Click the left mouse button "File" (File) (in the upper left corner). Select "New" from the drop-down list. In "Background Contents" select "Transparent". This method should be used by those who want to create their own image without a background. It will not work if you want to remove the background from the finished image. To do this, you need to use the second method.
How to make a transparent background in Photoshop - the second way:
The Photoshop graphic editor is different in that it uses layers. The image behind which the transparent background becomes, needs to be copied on a new layer. This is done by simultaneously pressing the Ctrl and J keys (hereinafter we will use the commonly used abbreviation, for example, Ctrl + J). To do this, you can use another way - right-click on the layer and select the item "create a duplicate layer" (Duplicate Layer) in the drop-down menu. In the next window that appears, click "OK". You should get two identical layers, only one of them will be called "layer 1" and the other - "background".
The second step is to hide the layer called "background". To do this, you just need to click on the image of the eye, located to the left of the layer.
The third step is to separate the image from the background. This can be done with a tool called "rubber band". On the keyboard, it is turned on with the "E" key. The size of the rubber band tool can be changed using the "[" and "]" keys on the English layout. You will need to resize the tool in order to accurately "erase" the background around the object. If you did everything right, then you will have a "chessboard" around the object - this is the absence of a background, that is, a transparent background.
The last step is to save the image with a transparent background. Saving is standard. In the upper left corner, left-click on "File" (File) in the drop-down list, select "Save as" (Save as). Under the image and the line "File name" there will be a line "file type". In this line you select the format in which the image will be saved. You can choose either the ".psd" format or the ".png" format. It is recommended to use the latest format. After doing this, click "Save". AT JPEG format transparency is not preserved.
Now you can use the image without the original background by pasting it into the required document. It should be noted that the "rubber band" tool is quite difficult for beginners, if the hand is not "stuffed" with daily work in this program. Therefore, it can be difficult to try to "erase" the background around small objects, such as grass, for example. You can advise either to improve skills, or use for work Graphics tablet(which is more typical for professionals), or try another way.
How to make a transparent background in Photoshop - the third way:
You need to convert the background of the image to a layer. To do this, right-click on the background in the area on the right, where the layers are displayed. Select "Layer from background" / "From the background" (most versions of Photoshop downloaded from torrents are in English. This remark is true for many tutorials). In the menu that opens, click "OK". Select the Magic Wand tool. It can be used only if the background to be cut is uniform in color (otherwise, use the Lasso tool). Select the background. Click Delete. After that, we see our object against the background of a chess field. This is the transparent background. It remains only to save the image as described above.
There are a lot of videos on the web on this topic. For example, you can follow the sequence of actions on the video for the article.
Now you have taken one step in the field of learning the basic features graphics program Photoshop and along the way realized their need for high-quality visual design of your work. Congratulations!
Hello dear friends!
In this article, I will tell how to make the background of an image transparent in photoshop.
What is the transparent background for?
Often the background of one picture obscures another picture. In such and similar cases, it is useful to be able to make the background transparent.
We will work with the picture that you see below: we have a stump, and we planted a bun on the stump. As you can see, the white background around the bun covers the stump, and generally spoils the whole picture:
This means that we need to remove this white background, in fact we do not remove it (after all, the image size remains the same), but make it transparent, invisible.
There are three ways to remove an interfering background.
○ 1 way:
We will use the tool "Magic wand".
Open the image in Photoshop graphics editor. Right, in layers, click double click right click on padlock:
Click "Magic wand" on a white background. When the background is selected, press the "Delete" key on the keyboard:
That's it, the background is gone:
○ 2 way:
Removing the background with a tool "Magnetic Lasso":
Click near the kolobok and just move the cursor around it. The line itself will be attracted along the contour:
After selection, you need to go to the item in the top menu "Highlight" => "Invert":
Press the "Delete" key on the keyboard. That's it, the background is gone:
I want to draw your attention to the fact that the 1st and 2nd methods can be used if the background of the picture is plain, for example, only white or only red, etc. But in cases where the background is multi-colored or has a different image on the back, it is better to use 3rd way.
○ 3 way:
Remove the background using the "Quick Mask" mode. It's at the bottom:
Click on "Quick mask", select the tool "Brush" and just sketch the kolobok, but without affecting the background:
When you sketched the kolobok, you need to press the button "Quick mask":
And on the keyboard, press the "Delete" key. That's it, the background is gone:
How to save an image with a transparent background
If the image is saved in JEPG format, then instead of a transparent background, it will be white. You need to save in PNG or GIF format.
So let's save:
Click on the menu "File" => "Save As...".
Hello dear visitors. In this tutorial, I'll show you how to use Photoshop to remove background and make the photo transparent. You won't need any special knowledge of this Photo-Monster, because everything is very simple here. The main thing is that you have Photoshop installed, and you repeat all the steps after me.
So how do you make a transparent background in Photoshop?
We launch Photoshop and open the experimental photo. Click the menu File - Open and specify the location of the image.
Ok, 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 little padlock.
It is necessary that this lock disappear, that is, the layer is unlocked. For this, right on the castle one click with the left mouse button. And the castle is no more!
Now we need to remove the background. To do this, we take some kind of selection tool, for example, Magic wand.
We press the tool on the background in the photo, thus highlighting the object we do not need.
A dotted line appeared (running ants). It remains to press the DELETE key on the keyboard and the background will be deleted. See how it turned out:
Super! Now deselect by pressing CTR+D on your keyboard.
Well, in general, how make a transparent background in photoshop we figured it out and now it remains to save this photo correctly.
To do this, click the menu File - Save for Web. Or just use ALT+SHIFT+CTRL+S.
You will see a window in which we definitely need to select the PNG-24 format and only after that click the Save button.
And now look what was and what has become:
Finally, it should be said 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 it was easy to separate a person from the background in my photo. If you remove the background from complex images, you will have to sweat a little.
That's all for today, good luck!
