How can you easily make a transparent background of a picture in Photoshop using different methods? How to make the background transparent (photoshop).
Instructions
Much depends on in what graphic editor you are working. The simplest programs, such as the standard one Paint editor, do not support transparency in principle. More functional programs Paint.net, CorelDraw, Adobe Photoshop(and similar ones) allow you to adjust the transparency of images and support working with layers.
To adjust the transparency (partial transparency) of an image or any part of it, create new layers and use your editor's tools to adjust how the layers appear. Depending on your editor, you may have to merge all layers before saving.
To save the image as you see it in the editor, select top line menu item “File”. From the drop-down menu, select the “Save as” command. In the dialog box that opens, specify the directory to save the file; in the “File name” field, enter the name under which you want to save the file. In the “File type” (Format) field, select the value PNG(*.PNG) from the drop-down list and click on the “Save” button.
If merging layers leads to loss of transparency, either save the image without merging the layers, or set your editor to a tool that allows you to export layers in .png format without (for example, in Adobe Photoshop standard tools This cannot be achieved, since there is no .png extension in the list of formats).
Download the corresponding script from the Internet. Set a transparent layer as the background, and place the main image on another layer. Select the “File” item in the top menu bar, the “Scripts” item in the expanded menu and the “Export Layers to File” command.
In the dialog box that opens, select the directory to save the layers, check the box next to Fast Mode (Don't remove hidden layers), select the .png format in the "File type" field and click the "Run" button. This action will result in you having two files saved: one “empty”, the other will contain an image with your transparency settings.
Sources:
- PNG and Photoshop
The images on the computer are in the form digital files, the format of which depends on the type and purpose of the graphics. Conventionally, all these formats are divided into two large groups- for displaying pictures on the monitor screen and for printing.
png - graphic format for the Internet
Of all those used today graphic formats For web images, three are most often used - gif, jpeg and the young, but very promising png format. Developed in 1995 as an alternative to GIF, which did not satisfy all user requests, it is intended for images that are planned to be used on the Internet. Unlike gif, png format supports 24-bit images and background transparency without jagged edges.The main advantages of the png format are support for any colors, work with transparent pixels, efficient algorithm compression without loss of image quality. Unlike gif, which only supports full transparency, png also preserves semi-transparent pixels (1-99%) through its 256-gray alpha channel. Built-in gamma correction allows colors to be displayed without distortion on any computer, regardless of platform. This format has the ability to load with interlaced scanning, and double - horizontally and vertically.
png format supported color models RGB, Grayscale, Indexed Color and Bitmap without alpha channels. It is not intended for use with professional graphics and does not provide CMYK color support.
How to view a file with a png extension
The easiest way to open such a file is to double-click on it with the left mouse button. Even if you don't have any installed on your computer additional programs, the “Viewer” will launch Windows photos" and the picture will be opened. In addition, this format easily opens the Paint graphic editor (in which you can also edit the image, as well as create a new one) and Internet browser Explorer included in the standard software package.For more comfortable work with images it is better to install on your computer special programs, intended for their sorting, viewing and processing. The png format is graphic file, so any of these programs can easily work with it. There are quite a few free applications, the functionality of which is quite sufficient to solve most emerging problems.
If the system cannot open a file with png extension, needs to be reinstalled standard applications and check windows registry for errors.
Programs for viewing and editing images
Picasa is a program designed for viewing and editing images. It has built-in filters that will help you quickly and efficiently process the image. In addition, in Picasa you can use photos by selecting transitions and adding sound.FastStone Image Viewer - convenient application For home use. Includes all basic image processing functions. The main advantage of this program is viewing the image open in full screen with an increase in individual details. This will allow you to look at any area in detail. A slideshow made with FastStone will have exe extension, so it will run easily even on the oldest computer.
XnView is a very functional program with a clear interface. Photos can not only be viewed, but also edited. Commonly used operations such as photo rotation, color alignment, or red-eye removal are available right in the viewing window. In addition, in this program you can create a blur effect or improve clarity. XnView has many useful options. For example, search, group processing, and creating slideshows.
Ashampoo Photo Commander FREE- a high-quality utility for viewing and processing graphics. It has built-in effects such as sepia, shadow and sharpening, allows you to crop and rotate the image. In addition to the basic functions, it has the ability to take pictures of your desktop, burn photos to a CD or DVD, convert images and send them via email address. In addition, you can create collages in it.
In addition to graphic editors and image viewers, files with the png extension can be opened in any modern browser, as well as in Microsoft Office Word.
All the programs reviewed are completely free. There are many other similar applications. Among them we can note, for example, Honeyview, which allows you to view photos directly from zip archive, 7z or rar without unpacking them. The Irfan View image viewer is also worth a look. Its functionality can be significantly increased with the help of plugins, the choice of which will depend on the tasks facing a particular user.
Difference PNG format from other graphics formats is that transparent or partially transparent parts of the image remain transparent when saved. When saving files in a different format, this transparency may be lost. To create and, most importantly, save a PNG file, you need to consider several points.
Instructions
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 with a transparent background. To do 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 " 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. Create a new document with a transparent background (Ctrl+N) and paste the object Ctrl+V into it.
3 . If there is something unnecessary left in the picture, use the “ Eraser“, just erase the extra background.
4 . Save the image for Web (Alt+Shift+Ctrl+S) select GIF format or PNG (in others our transparent background will turn white).
Useful video on the topic:
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 is white background, which I want to get rid of and make a transparent background instead. 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 let's take 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
06/05/16 26.7KSometimes you need to upload an image that contains transparent elements that will allow the original background to show through. In these cases, it would be convenient to download PNG images since they are capable of maintaining transparency.
In this article we will tell you how to make transparency in Photoshop.
Creating a file
The first step is to create a file. To do this, open Adobe Photoshop and in the "File" menu ( File) at the top of the page select “Create” ( New).
Then in the window that appears “ New document » ( New Document) create a file the right size, and make sure the document resolution is 72 pixels per inch ( since the file is intended for use on the web). And also that you selected the value “Transparent" ( Transparent) in the “Background Content” drop-down list ( Background Contents).
*Before you make a PNG with transparency in Photoshop, you need to clarify that in this example we are creating an image to upload as a background for the site, so the document size is set as follows: width 3000 pixels, height 1730 pixels, which are the recommended sizes for HD image downloads:
After you have set the parameters, click "OK" to open a new document.
Then in the “Layers” panel ( Layers) make sure you are working on transparent layer rather than in the background:
Once you have completed creation and are ready to save transparent image, depending on the used Photoshop versions, in the "File" menu ( File) you can use one of the possible options:
Photoshop versions earlier than CC 2015:
Now we will tell you how to make a picture transparent in Photoshop, which came out before CC 2015. These versions use the "Save for Web" method ( Save for Web & Devices) to save and optimize PNG images for use on the web. To use this method, simply go to the "File" menu ( File), and then “Save for Web” ( Save for Web & Devices):
Then in the window that appears, select PNG-24 from the drop-down menu of possible values, and then make sure that the “ Transparency" options are selected ( Transparency) And " Convert to sRGB» ( Convert to sRGB). This confirms that the image will contain a transparent background and its color mode will be converted to sRGB, the recommended color space for the web.
Fields " Image Size» ( Image Size) are automatically filled with the values you specified when you created the file. But if you want to change the file size before saving, you can do it now.
Photoshop version CC 2015:
Before how to make a photo transparent in Photoshop, you need to know that from version CC 2015 the option “Save for Web" ( Save for Web & Devices) in the "File" menu ( File) is marked Legacy. And replaced by a new option “Export" ( Export), which offers identical functionality with more quick save in the file smaller size and in best quality. To use the "Export" option, click the "File" menu ( File), and then - " Export as» ( Export As).
Note: Adobe still offers a "Save for Web" option ( Save for Web & Devices) in Photoshop CC 2015, and is accessible through the File > Export menu ( File > Export) or using the keyboard shortcut Command+Option+Shift+S (for Mac) or Ctrl+Alt+Shift+S (for PC):
Then in the window that appears, select PNG from the “Format” drop-down menu ( Format) and make sure the Transparency options are selected ( Transparency) And " Convert to sRGB» ( Convert to sRGB).
Fields " Image Size» ( Image Size) and "Canvas Size" ( Canvas Size) should automatically fill in with the values you specified when you created the file. However, if you wish, you can change these parameters before how to make a transparency effect in Photoshop.