Transparent background for Photoshop online. Online program Pixir - make a transparent background for a picture. Some great examples of using the humble PNG

Sometimes a user may need a PNG image with a transparent background. However, not always required file meets the required parameters. In this case, you need to change it yourself or select a new one. As for creating a transparent background, special online services will help you accomplish this task.

The procedure for creating a transparent background involves removing all unnecessary objects, leaving only the necessary ones, and the desired effect will appear in the place of the old elements. We suggest that you familiarize yourself with online resources that allow you to implement a similar process.

Method 1: LunaPic

The LunaPic graphic editor works online and provides the user with a wide variety of tools and functions, including background replacement. The goal is achieved as follows:

1. Launch the main page of the LunaPic Internet resource and go to the browser to select a picture.



2. Select the picture and click on "Open".



3. You will be automatically redirected to the editor. Here in the tab "Edit" you should select the item "Transparent Background".



4. Click anywhere with the matching color to be cut out.



5. The picture will be automatically cleared from the background.



6. In addition, you can once again adjust the background removal by increasing its effect by moving the slider. After completing the settings, click on "Apply".



7. In a few seconds you will get the result.



8. You can immediately proceed to saving.



9. It will be downloaded to your PC in PNG format.

This completes work with the LunaPic service. Thanks to these instructions, you can easily make the background transparent. The only drawback of the service is that it works correctly only with those pictures where the background is filled primarily with one color.

Method 2: PhotoScissors

Let's take a look at the PhotoScissors website. There is no problem here that good processing will only be obtained with certain pictures, since you yourself specify the area that is cut out. The processing process is carried out as follows:

1. While on home page online service PhotoScissors, proceed to adding the required photo.



2. In the browser, select an object and open it.



3. Read the instructions for use and start editing.



4. With the left mouse button, activate the green plus icon and use it to highlight the area where the main object is located.
5. Use a red marker to highlight the area that will be deleted and replaced with transparency.



6. In the preview window on the right, you'll immediately see changes to your edit.



7. With special tools you can undo actions or use the eraser.



8. Move to the second tab in the panel on the right.



9. Here you can select the background type. Make sure transparent is activated.



10. Proceed to save the image.



11. The object will be downloaded to your computer in PNG format.

This completes the work with the PhotoScissors online resource. As you can see, there is nothing complicated in managing it; even an inexperienced user who does not have additional knowledge and skills will understand the task.

Method 3: Remove.bg

Lately, the Remove.bg site has been on the lips of many. The fact is that the developers provide a unique algorithm that automatically cuts out the background, leaving only the person in the image. Unfortunately, this is where the capabilities of the web service end, but it does an excellent job of processing such photos. We invite you to take a closer look at this process:

This brings our article to its logical conclusion. Today we tried to tell you about the most popular online services that allow you to make the background transparent in an image in just a few clicks. We hope you liked at least one site.

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.

Quality finished picture 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 where only part of the subject has a 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 it is not the only way get a selection with different clarity of boundaries.

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 the item - 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 complicated 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 object has a simple shape (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 an 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-clicking on the clipping mask will allow you to change the location of objects inside the path, delete, add new ones, change the shape of the path, 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 a pointer, an arrow will appear that needs 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

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

(Visited 4,266 times, 2 visits today)

3 ways to draw a text logo

Run the installation file and follow the program instructions. Once the installation is complete, Photo Editor will open automatically.

Load the image into the program

Click on the button Open file, in the window that appears, find the desired photo and click Open. You can also simply drag and drop the image into the program window.

Remove background

On top panel select tab Replacing the background. Click the button Auto selection, – the program will automatically highlight the silhouettes of people in the photo.

To manually select any object, use the green brush and select the object you want to transfer to a transparent background. It is not necessary to pay attention to every millimeter of the image - any flaws can be corrected later. Next, use a red brush to mark the area around the desired object. Click the button Further.

Now you need to refine the edges of the cut out part of the image. To adjust the selection of large areas of the picture, select the appropriate mask brush. To refine the edge of the selected area, brush along it Hair highlighting. When you are satisfied with the result, move on to the next step.

By default, the background of the image will be transparent. If necessary, it can be replaced. To make the background one color, select one of the ready-made options (the program offers black, gray and white backgrounds) or use the palette. To put another photo in the background, click the button Add an image and select the desired picture. Then click the button Apply.

Save the result

Click the button Save. By default, the program offers to save the file as JPEG. This format does not support transparency, so you need to choose another one. Open a tab File type and select BMP, DPX, PNG, TGA or TIFF. Click Save. The program will automatically open the folder with the resulting file.

Now you know how to save a picture with a transparent background using Movavi Photo Editor. But the program has many other editing options, such as removing unwanted objects from photos, restoring old photos, and applying filters to photos. Experiment and every shot will be unforgettable!

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 the 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's a white background here that I want to get rid of and make a transparent background instead. Pixlr, 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 lock.

Now take the magic wand (toolbar, right column, second button from the top), specify the 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

The main thing is to specify the picture on your computer or phone, and then click OK at the bottom of this page. By default, the plain background of the picture is replaced with a transparent one. The background color of the original image is determined automatically; you just need to specify in the settings what color to replace it with. The main parameter influencing the quality of the replacement is the “Replacement Intensity” and it can be different for each picture.

An example of a photograph of a pink rose without changes and after replacing the plain background with transparent, white and green:

First example with a rose flower on a transparent background made with the following settings:
  1) Replacement intensity - 38;
  2) Smoothing along the edges - 5;
  3) Replace the plain background with a transparent one;
  4) Trimming (<0) или Добавление (>0) at the edges - "-70";
  5) Invert - disabled (not checked).

For creating second example, with a white background, the same settings were used as in the first example, except for the parameter: “Replace plain background with” - white. IN third example, with a green background, the settings are also used as in the first example, except for the parameter: “color in hex format” - #245a2d.

The original image is not changed in any way. You will be provided with another processed picture with a transparent or specified background.