From the usual PNG file. How to create a PNG with transparency in Adobe Photoshop (CC and higher version)? Creating a new document

PNG is one of the most common storage formats. graphic information. Using PNG allows you to save high quality raster imagesSince this format compresses lossless data. In addition, PNG allows you to change the permissible degree of transparency of the image pixels, so if you want to create a collage of several photos or insert a picture in an already existing transparent image, boldly choose this format. It is not surprising that PNG is so popular among designers and just creative people.

What should I do if you need to convert a photo or image to PSD into PNG format? This task is easy to perform using the Movavi video converter! The program works S. large quantity Video formats and, moreover, allows you to quickly change the format of the pictures or reduce their size so that you can simply transfer them to your Android or any other phone. No need to download a special converter - you only need to install a Movavi video converter in Russian.

Follow step by step instructions Below and you will learn how to change the image format on PNG without any problems.

1. Download the PNG file converter and install it.

Download and run installation file programs. Follow the on-screen instructions to install the program on your computer.

2. Add an image to convert to PNG

Press the button Add files At the top of the program window, click on the option Add images And select the pictures you want to remake in PNG. Batch conversion support allows you to select multiple files at once.

3. Select Format

At the bottom of the window, select the tab Images And specify PNG. As a format in which you want to translate files.


4. Specify the folder and start conversion.

Specify the folder to save the files by clicking on the corresponding icon, and click StartTo start transformation to PNG. After completing the conversion, a folder with ready-made PNG files will open.

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

And so, we open our picture in Photoshop.

1. The first thing to do is to create a workspace from the pictures with transparent background. For this:
- In the layer window, click twice on our layer (with a lock)
- in an obeyed window click OK

The lock must disappear

If the background is monophonic:
Choose the tool " Magic wand"This is a very flexible tool for allocating the desired area. Our task is to highlight the entire background, except for the drawing. To do this, customize the settings of the magic wand (parameter tolerance) until we get the desired result. We also use the SHIFT key to highlight the area besides the already dedicated. Press DEL and the selected treat is removed.

If the background is multicolored:
Use the tool " Fast allocation". Here our task is not to highlight the background, but the object itself, which should remain. Click until the desired area is selected. If it is overwhelmed, clamp Alt and minus it treats. You can see the result of the Q key.
When the selection is ready, copy its Ctrl + c. Create a new document with a transparent background (Ctrl + N) and insert the Ctrl + V object there.

3 . If something is superfluous in the figure, we use the tool " Eraser"Just stand up excess background.

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

Useful video in the topic:

Difference pNG format From other formats for graphics, it is that transparent or partially transparent parts of the image while saving and remain transparent. When saving files in another format, this transparency may be lost. To create and, most importantly, save the PNG file, you must consider several points.

Instruction

  • Much depends on what graphic editor you work. Simplest programs, such as the standard Paint editor, in principle do not support transparency. More functional programs Paint.Net, CorelDRAW, Adobe Photoshop. (and similar to them) allow you to configure the transparency of images and support work with layers.
  • To configure the transparency (partial transparency) of an image or any part of it, create new layers and use your editor tools to set up the layer display. Depending on the characteristics of the editor, you may have to combine all layers before saving.
  • To save the image in the form in which you see it in the editor, select File (File) in the top line menu. From the drop-down menu, select "Save As". In the dialog box that opens, specify the directory to save the file, in the File Name field (File Name), enter the name under which you want to save the file. In the File Type field (Format) from the drop-down list, select the PNG (*. PNG) value and click on the Save button (Save).
  • In the event that the combination of the layers leads to the loss of transparency, or save the image, without merging the layers, or install a tool for your editor to allow exporting layers in format.png without loss of transparency (for example, in Adobe Photoshop, the standard tools will not achieve this As in the format list there is no expansion .PNG).
  • Download the appropriate script from the Internet. As a background, set transparent layer, and the main image is placed on another layer. Select the "File" item in the top line menu, in the expanded menu - the Scripts item (Scripts) and the Export Layers to File command.
  • In the dialog box that opens, select the Directory to save the layers, set the marker in the field opposite the inscription Fast Mode (DON "T Remove Hidden Layers), in the File Type field, select Format.png and click the" Run "button. This action It will lead to the fact that you will have two files: one "empty", in the other there will be an image with your transparency settings.
    • Online programs Pixir-making transparent background pictures.

    Sergey Fschekov

    It happens a very suitable picture for your post and everything would be fine ... But the background of the picture is not suitable under the blog background or block with text. Obviously, none of me is such a problem and the background is not the white background, which would be suitable in most cases. I need transparent background!

    I did not find normal ideas on the Internet how to make transparent background for finished clipSo I started experiment yourself and found a less suitable solution!

    How to make transparent background pictures

    Take an example one simple picture in format.jpg (generally not important format):

    There is here white backgroundFrom which I want to get rid of and instead of making a transparent background. This will help us - the online semblance of photoshop.

    Load our image. On the right in the "layers" window will appear the "background" layer on which the lock (does not allow to remove the background image).

    When clicking on the left mouse button on this lock, you can remove the blocking from the background. Instead of the lock, a check mark will appear.

    Now we take a magic wand (toolbar, right column second button from above), indicate the following parameters: tolerance \u003d 21, checkboxes stand on smoothing and continuity (Usually such parameters are standing according to the standard), although you can experiment with the parameters; And click on the background pictures (in our case, on a white background).

    Now delete the background by pressing the "Delete" button and get the image you need with a transparent background.

    As a result, at the output we get the same image with a transparent background.

    The only minus pixlr. - You can not save an image to format.gif, which also saves a transparent background, but much easier than format.png. But if there is no other way out, why not take advantage of this?

    thanks Natalia Petrova

    Sometimes there is a need to change the drawing by making a transparent background in it. It happens a picture, but the background does not suit your site, and I want to make it transparent. Clearly, if there is a photoshop and know how to work on it - you can do it there. But there is a simpler way, so to speak, "for dummies."

    Once Surfing on the Internet, I came across an article about the graphic editor Pixlr Photo Editor. By the way, this is not an ordinary graphics editor, and an online editor. Here is a link to it - http://pixlr.com/editor/.

    It is this program that will help us make a picture with a transparent background in PNG format.

    We have, for example, such image:

    I want to remove the black background from it and make it transparent.

    To do this, go into the program, select the "Open Image From Computer" item (Open the image from the computer) and load the desired picture. Immediately change the program language into Russian (Language-\u003e Russian menu).

    On the right in the "Layers" window you will see a thumbnail of the picture and a block. Click the mouse twice along the block (the "bird" in the square) should appear. So you remove blocking from the background.

    After that, choose the "Magic Wand" tool (on the left in the toolbar), take it to the background of the pattern and click the mouse. Background stand out dotted line. The Delete key destroys the background.

    That's what I did: