How to make a logo with a transparent background. Logo on a transparent background: what is it and how to create it
Almost every person on earth has seen about ten or twenty logos of various companies. are an image consisting of a graphic and text part. The sign of any company should look beautiful both in printed and paper version and in the web version. This is why it is most often recommended not to use a colored background, but give preference to the logo on transparent background . And in this article, we will tell you why.
Areas of application of a logo with a transparent background
Most often, this type of logo can be found on company websites, pages on social networks, blogs about products or advertising posts.
The main reason why companies choose a logo with a transparent background is its versatility. Such logos can fit perfectly into the design of any website, fit perfectly with the already used set of colors on the web page and harmonize with other neighboring elements.
IN Lately More and more often, logos began to be used as a watermark, which can also be found on paper money in any country in the world. This allows you to make your products unique and avoid counterfeits. This leads to a significant advantage of such logos: they can be used as a legal guarantor of originality and quality.
All wedding photographers add a logo with their name on photos for clients, allowing them to do free advertising. The newlyweds will definitely send the photos to everyone they know, and they will look at them and pay attention to the brand of the creator of the stunning photographs. It will also make excellent advertising on social networks, where it is sometimes difficult to determine whose hand a photo belongs to and where to find the author.
Image formats for logos with transparent backgrounds
But, unfortunately, it has a small drawback. Not all are modern digital images may be suitable for creating and saving a finished result. In this section we will talk about the most suitable formats.
Logo in PNG format
This is perhaps the most popular option, representing raster format images that allows you to save compressed images with minimal loss of quality. It was invented at the end of the twentieth century, namely in 1996, as an unofficial (pirated) version of the then popular GIF.
Probably due to its convenience and wide range of possibilities for image editors, the format has become popular active use and became very popular.
Another plus is that PNG is supported by all modern image editors ( Adobe Photoshop, Adobe LightRoom and illustrator, etc.)
More than eighty percent of modern logos were made in this format and were used to design the web pages of many successful companies.
Logo in GIF format 
This format has already been briefly mentioned above in the article. This old format, although it has been supplanted by PNG, is still used in some cases. Perhaps its most popular use today is uploading memes to social networks. The format was developed back in 1987. This is not to say that this is the most convenient logo format, but there are some ways to make the background transparent using it. For example, assign one of two hundred and fifty-six colors as transparent, then the user will be able to see the background of a paper product or web service. But here’s where the downside arises: it’s impossible to adjust the degree of transparency of GIFs. That is why it is used only in the rarest cases by only a few percent of modern companies.
Logo in SVG format 
The SVG vector format has one property that allows you to make the background different degrees of transparency using fill-opacity (based on changing numerical values, which is more interesting only to programmers, and not to ordinary users). The format was created on XML based(markup language), which greatly simplifies the placement of the logo on the site.
Note that SVG is most often used by real professionals, designers and programmers. If you regular user with basic knowledge personal computer, like most new business creators, this type of image probably won't work for you.
Transparent logo in a few steps
As a rule, all logos are created on a transparent background (when ordering from freelancers and professional graphic designers), unless the presence of a colored fill has been agreed upon in advance. If you receive a logo on a colored background, don’t be upset right away. If you change your mind and want to make it transparent, then the famous Photoshop will come to the rescue. There are many instructional videos on the Internet that help you cut out the background and save the resulting image in one of the formats mentioned above.
For customers who were lucky and received work in PSD format (Adobe Photoshop file), everything is much simpler. Open the file, select all layers using the ctrl/cmd key, except the background one. Press the key combination CTRL+C, create new project and press CTRL+V. You now have your logo on a transparent background, just like you wanted. You can edit it if you wish color scheme, add the missing elements - YouTube with a large number of engagement videos will be your assistant.
What to do if there is no Photoshop and other graphic editors?
Do you want it for your company and understand its importance and necessity, but, unfortunately, you do not know how to use any of the graphic editors and do not want to pay freelancers for this service? Do you want to do everything yourself, but don’t know how? Online services for creating logos will come to the rescue, which can be mastered in a few minutes and are aimed at obtaining excellent result for ridiculous money.
One of these services is the online designer! A large number of drawings, text blanks and symbols will be excellent helpers and will significantly save time on creating your own high-quality logo.
This is how easy it is to create a transparent logo for your online store, advertising campaign and paper products of start-up businesses. In the end, I would like to wish you not to give up and then the company will climb to the top of the mountain called “Success”.
Send
In this article I will tell you how to make a beautiful and stylish logo for your website, youtube channel or VK groups. You will find out where you can download a ready-made logo without watermarks, how much a good custom logo will cost, and how you can create a logo yourself using a designer.
How to make a logo in the designer
The simplest and quick way– make a logo yourself using special service- logo generator. You will need to choose a logo that suits the theme of your website or public page, add a name and slogan to it, and choose a font and color scheme. If you are interested in details, I advise you to read.
Here is my selection of the best online designers
1. Logaster – the best logo maker
And here is a short promotional video of the service:
2. Genlogo – convenient and multifunctional
Where can I buy a ready-made logo?
Another a good option– purchase a ready-made logo in the store. I recommend the graphicriver logo store.
Main advantages:
- More than 50 thousand various options emblems to choose from.
- The best designers from all over the world publish their work here.
- Reasonable prices. For $6-$10 you can buy an excellent professional logo; it’s cheaper than ordering from a freelancer or a web design studio.
- Logos are provided in editable formats such as PSD. This means that you can substitute the name of your website or company into the logo in Photoshop.
- Using filters you can sort by category and price.
There are also disadvantages:
- Payment only by PayPal. See how to register with PayPal.
- Website at English language. If you don’t speak English, you will have to use a website translator. How to do this with an example Google browser Chorome.
Where to order logo design
A new logo can be ordered from the designer. This can be done on any freelance exchange.
Advantages:
- Developed individually. It is guaranteed to fit into the website design in size, style and color scheme.
- Most authors provide several options to choose from.
Flaws:
- Will have to spend Extra time to study the authors’ portfolio and provide feedback on their work.
- In order to get a high-quality result, it is necessary to draw up a detailed list of requirements for finished work, and discuss all the details with the designer in advance.
- Turnkey development will cost more than buying a ready-made generator or using an online generator.
- The result will have to wait from 3 to 7 days, excluding edits and corrections.
I tried many different freelance exchanges and finally settled on Kwork. I like it user-friendly interface, low prices and good competition among performers.
DIY logo creation in Photoshop
If you have the desire, time and skill to work in Photoshop, then you can create a logo with your own hands from scratch. Here's a good video on this topic:
conclusions
Now let's briefly summarize. If you need a beautiful logo for your website, then you can:
- Buy a ready-made logo in the store. This is the easiest and most convenient way.
- Take advantage online designer. This is also very convenient and leaves a lot of room for imagination. Of all online services for creating logos I liked the most Logaster. In terms of the number of settings and options, no other service can compare with it. Cool Text quite good, but it has less functionality. In addition, it is English-speaking, which creates additional obstacles for those who do not speak English.
- Order a turnkey logo on the freelance exchange. This is quite a hassle, but gives excellent results.
- Make your own logo. This option is only suitable for those who know how and love to work in Photoshop.
"Mahogany Design".
First, let’s briefly discuss why a logo needs a transparent background. This brand name must look beautiful both in the web version and in the printed version. Therefore, experts do not recommend using a colored background for your logo.
A logo with a transparent background is considered universal. Such a logo can:
- Fits perfectly into the website design;
- It’s great to combine with the set of colors available on the web page;
- Successfully harmonize with other neighboring elements.
What you need to process the background
So, we have a logo on some background, and we want to get a transparent background for the brand name. In addition to the drawing, we will need the Photoshop editor. It is with the help of this program that you will need to complete this process.
There are two options. In the first case, this editor will need to be downloaded to your computer and installed. Then the Internet will not be needed. The second option is to use the program in online mode, for example, on the website editor.0lik.ru.
Let's see how to get a logo with a transparent background.
Open the program and upload an image from your computer. Then:
- Go to the “Layers” section;
- Double-click on the lock located to the right of the inscription “ The background" A check mark should appear instead, and the name should change to “Layer 0”. This operation unlocks the layer;
- On the left, on the toolbar, select “Magic Wand” (you can also press the letter W on the keyboard);
- Click on the background that should be removed;
- In the “Edit” menu, select the “Clear” command. But it will be easier to press the “Delete” button on the keyboard. If some areas of the background do not become transparent, hover the mouse over them, click with the wand and clear until the background becomes completely transparent.
If there is any doubt that the background is transparent (not cut out), you can check. The logo needs to be placed on another image. On your keyboard, press ctrl+C to copy the logo to the clipboard. Open any other image file and, by pressing ctrl+V, place the logo on the photo. If it fits on the second image without a background, then the operation was carried out correctly.
Having received the logo on a transparent background, click on the “File” menu and save the image. Please note that the image must be saved in formats that support transparency.
The most popular option is PNG format, saving images with minimal loss of quality. It is supported by all famous image editors:
- Photoshop;
- LightRoom;
- Illustrator.
Therefore, it is convenient and actively used. Almost 80% of logos are saved in this format and are used to design the websites of many companies.
The third type of format, SVG– the lot of real professionals. It is often used by designers and programmers because it is based on the language XML markup, which simplifies the placement of a brand name on the website. But this type of format is not suitable for the average user.
Now you know how to make a logo background transparent.
Have you seen the inscriptions on the photographs? You know, those little pictures or words that indicate the photographer's name? These are called watermarks. Photographers often add watermarks to their photos to protect them from misuse. Here are some ways to apply watermarks in Photoshop and Lightroom.
Mermen signs VPhotoshop
You can create a watermark in Photoshop with several different ways. Here are some of them.
1. Text layer
The first way is to create a layer with text. This great way for watermarks that contain words. You can write your name or the name of your company. Here you can adjust the transparency as you see fit. Try changing the blend mode to make your watermark look the way you want. To add the © symbol, press "option+g" on a Mac, or "Alt+0169" on a PC.
Normal blend mode with black font and 100% opacity.
Normal blend mode with opacity 63% and black font.
Blend mode Overlay with black font and opacity 100%.
2. Logo file
If you have a logo, you can put it on the image. You need to make sure that the logo has a transparent background. Usually this is a PNG file, GIF or even Vector graphics. If you are unsure, check with the designer who designed your logo. Select the location where you would like to place your logo. Again, you can adjust the opacity and blending modes to get the effect you want.
PNG file with transparent background. The pattern indicates that the background is transparent.
Select "Place Linked" from the File menu in Photoshop. Then select the file you want to post.
Place the file and set the desired size. (Hold Shift to resize and maintain the proportions of your logo)
You can again set the opacity and blending mode to the desired result.
2 a. How to Make a Logo Background Transparent
If your logo file doesn't have a transparent background, then stick to these simple steps to make it like this. First, open your file in Photoshop. Now unlock this layer ( double click, then press Enter).
The background layer is locked.
The layer is now unlocked.
Next, use the magic wand to select a background. If your background is not a solid color, then select the logo and invert the selection. Now that your background is selected, simply cut it out. To do this, use the combination “cmd+x” (Mac) or “ctrl+x” for Windows.
Select only the background.
Your image now has a transparent background. Save it as .PNG (JPG doesn't support transparency) and you're ready to move on.
The mesh area is now transparent.
3. Using tool Brush
More in a simple way Applying a watermark is the creation of a Brush. You don't have to go through all these three steps every time you want to watermark an image.
To create a brush with a given text, you need to create new document in Photoshop. Make sure your document has a transparent background. Write the information that your watermark will contain. Make sure it looks the way you want. When the watermark is ready, go to Image-Trimming-Transparent Pixels. Next, Edit-Define Brush. Name your brush and move on. The same can be done with your logo.
This simple installations, which work great in most cases. Make sure the background is set to Transparent.
Please note that the font is written very large.
Make sure to apply trimming to the text.
The text should not contain free space around.
Save your brush in the Edit menu.
Give the brush a name.
Note that the brush is now in your Brush Palette. You can see it in the lower right corner of this picture.
Now you can use your brush like any other. To apply a watermark, simply create a new layer and select a brush with its image. With a simple click you can add a watermark to your photo. You can set the size, opacity and blending mode according to your wishes.
Mermen signs VLightroom
Lightroom has a great built-in option that allows you to watermark your photos when you export. To use this option, you will first need to create a watermark, and to do this, go to Lightroom>Edit Watermark.
You can choose an image or text. There are several here different installations, which will allow you to create the desired watermark. Remember to get best result, use PNG file with a transparent background. Otherwise you will have a white block around the logo. You will need to name and save the watermark.
For a text watermark, simply write necessary information in a white block. You can change the font, color, shadow and size of your watermark. Take a look at the image and make sure you have achieved the desired result. Use the Anchor option to set the location of the watermark, and the Insert option for further manipulations.
Font, opacity, size and position can be changed according to your wishes.
Make sure to use a logo from a file with a transparent background to avoid white blocking. JPEG files cannot have a transparent background.
Now that your watermark is ready, let's apply it to the photo. Go to Export and Watermarks. Here you can choose from the ready-made watermarks you have. Your photo will be exported to the specified location along with the selected watermark.
This photo was watermarked in Lightroom using shadows.
Instructions
If the logo has yet to be drawn, start by creating a transparent background layer. To do this, launch Photoshop, create a new document - press the key combination Ctrl + N or select “New” in the menu section called “File”. In the properties window of the new document, set the width and height to match the dimensions logo. In the Background Content drop-down list, select Transparent and click OK.
Leave blank transparent background layer, and to start working on the logo elements, create a new layer. The easiest way to do this is by copying the only layer for now - press the key combination Ctrl + J. You can, of course, do this according to all the rules - bring up the dialog for creating a new layer, give it a personal name, color coding in the general list, set transparency parameters. This dialog is called up by pressing the hotkey combination Shift + Ctrl + N or selecting the “Layer” item in the “New” subsection of the “Layers” section of the editor menu.
The process of creating a logo is not covered in this article, but when it is completed, save the result to a file in one of the graphic formats that supports transparency. To do this, you can use two options for save dialogs. One of them is caused by the combination Shift keys+ Ctrl + S or selecting “Save As” in the “File” section of the Photoshop menu. In this dialog, you need to select the CompuServe Gif or Png format from the File Type drop-down list. In addition to the extension, specify the name and location for saving the logo file, and then click the “Save” button.
Another option in the save dialog allows you to select the optimal ratio of quality to file size. Open it using the key combination Shift + Ctrl + Alt + S or selecting the “Save for Web & Devices” line in the “File” section of the editor menu. Here you should set the Gif, Png-8 or Png-16 format in the drop-down list placed in the upper right corner of the form. After that, select the desired quality parameters and click the “Save” button.
If you need to make the background of an existing logo transparent, then after the second step, load its image into the second layer. To do this, expand the “File” section in the menu and select the “Place” command. In the dialog that opens, find and select the logo file, and then click the “Place” button.
Enable the " Magic wand", by clicking the corresponding icon on the toolbar or pressing the W key. Point to each fragment of the logo background and click it right click mouse and delete by clicking Delete keys. When you are finished with this procedure, save the result using one of the methods described in the third and fourth steps.
Adobe program Photoshop not only helps you edit your photos by adjusting the brightness and contrast of your photos, but it can also help you create photo collages and compositions using the transparency properties of layers.
You will need
- Adobe Photoshop
Instructions
In order to do layer transparent, in the layers panel Layers (Window> Layers / Window> Layers) you need a regulator transparency Opacity. Moving the slider left or right adjusts the layer's transparency. The Fill slider located below performs the same function.
By using transparency relative to another layer, you can create impressive photographic images. To do this, you need to change the transparency settings of the layer from Normal (to the left of the Opacity slider in the layers panel) to any of the list below. The result of applying transparency to different layers unpredictable, so in this case room for experimentation.
Layer transparency can also control the intensity of filter layers applied to an image. Using transparency, you can create a “moire” effect or - for this you need to place a new layer over the main one, fill it with black and adjust its transparency.
Using the projector's geometric distortion compensation, make sure to adjust it carefully. The image on the screen should be almost perfectly rectangular - this will make it much more difficult to guess that it is being projected onto it. For the same purpose, perfectly adjust the images and focus - separate ones should be visible (this looks more high-tech).
Go outside the store with the remote control and look at the results. To make the image look more natural, more like it is hanging in the air, adjust the brightness and contrast. These parameters may need to be adjusted several times throughout the day as the brightness of natural light changes.
Video on the topic
While creating logo it is highly desirable to be able to make its background transparent - in this case it will fit more organically into any design, be it a website page, a document in Word format, flash or video clip, etc. In addition, the translucent logo can be applied as a watermark to images and photographs. The most common tool for this type of graphic works- Adobe Photoshop.
Instructions
Launch a graphic editor and download or create the logo itself from scratch - this part of the work depends entirely on your artistic preferences and initial data (name of the company or organization, symbols that should be placed on the logo, etc.).
Place all the layers of the PSD document in one folder - in this case, there will be no need to adjust the transparency of each layer individually, but you can do this for the entire folder. To do this, click on the icon in the lower right part of the layers panel; when you hover over it, the words “Create” pops up. new group", and then select the layers and drag them into the created folder. If there is a background layer in the document, then there is no need to move it - leave it outside the folder.
Turn off the visibility of the background layer by clicking on the eye icon at the left edge of the line related to this layer. Actually, you can finish editing here if the logo itself should be opaque, and only its background should be transparent - in this case, skip the next step.
Select the created folder (click on it with the mouse cursor) if you need to make the logo partially transparent. Then expand the drop-down list next to “Opacity” and use the slider to select the most appropriate degree of transparency logo.
Trim the excess space around logo- this will make it easier to use it in the future. Expand in menu graphic editor section "Image" and select the "Trimming" command. In the window that will open as a result, check the “transparent pixels” box and click the “OK” button. The editor itself will resize according to the width and height of your logo.
Save the created logo to own format Adobe Photoshop. You will need this file if you need to make any changes. The save dialog opens by pressing the combination ctrl keys+ s.
Create an optimized logo file that can be placed in the documents you need. To do this, press the combination alt keys+ shift + ctrl + s and the image optimization window will open. It is intended to enable you to choose the most suitable graphic format, and selected image settings for it that give the optimal ratio of quality and weight created file. The second drop-down list from the top contains possible types files - select either gif or png. These two formats support transparency, unlike e.g. jpeg format. Please be aware that the png format does not always display correctly Internet browsers Explorer. Then make sure the Transparency checkbox is checked and click the Save button.
Specify the save location on your computer and the file name logo, and then click the Save button again.
Using the free graphics editor Paint.net, you can create collages, edit photos, and cut out objects from pictures. You can remove the background of an image in different ways.
Instructions
Launch Paint.net. From the File menu, click Open and specify the path to the image. If you have chosen a picture with a uniform background, then it is convenient to use the “Magic Wand” tool. Click its icon in the toolbar or press S on your keyboard.
In the properties panel, specify the sensitivity of the wand. The higher the sensitivity, the lower the selectivity of this instrument. Those. with a sensitivity of 100% you will highlight the entire picture with small details. At 5% sensitivity, a very small area will be highlighted. Set this parameter to a suitable value and click on the background. The image fragment will be outlined with a dotted line.
Click Delete to delete the selected area. The background at this point will become transparent. Click on the area of the other shade that you want to remove and press Delete again.
You can do it differently. In the Properties panel, open the Selection Mode list and check Append (Merge). Click on the image fragments you want to delete one by one, then click Delete - the selected areas will be deleted immediately.
If the background is colorful, you can use the Eraser tool. Click the corresponding icon on the toolbar or the letter E on your keyboard. In the properties panel, specify the eraser diameter. If you need to feather the border of the deleted fragment, select “Smoothing allowed” in the list to the right of the “Width” box.