How-to-remove-background-from-any-image-guide

Remove Background from any Design (EASY STEPS)


This guide will show you how to remove the background from your Design with few easy steps, Links to free tools and why is it necessary.

  1. What exactly is a background
  2. How to remove it
  3. Create a design without background
  4. How to save your file correctly

What Exactly Is A Background

When we mention the name Background of your design/artwork, we intend the area behind your image that you do not always want to use for printing.

In case of the above image, we created a simple red text, on the right side you can see the image with a clear white background still attached, this will print on your garment if you supplied the image in this state.

On the left, we can see the exact same red text, but without the white background, all software still has to show something on your screen, even if the background is not there anymore, so it is displayed as an always changing white & grey chequer pattern.


Select-the-are-you-want-to-remove-from-background

How To Remove It

The way you remove a background always comes to selecting the area you do not want to use and simply deleting it. To do so, you first have to select the unwanted parts you want to remove using various tools.

Below you will find a list of the easiest and most effective ways to select the background from your design with easy steps to follow.

This guide is meant to be very simple and easy to follow which is why we will not include any difficult to follow methods since more often than not you can do the job using only those simple methods. With very little time you can master each tool and use them all depending on your situation.

Free Software

Before you start removing any background you must install an image manipulating software that is capable of doing so.

We recommend Photoshop (20£ a month subscription) or a totally Free to use Gimp which works in the same way as photoshop. We will be using Photoshop in this guide. Click on the gimp link to reach the main download page of the software. It is very famous and used worldwide, so there are thousands of YouTube videos on just about anything you want to accomplish using this software, if you decide on learning more about it.


How-to-remove-any-background-colour-range-tool

Color Range Tool

The above image shows you a very fast way to delete a background when your image is very simple, like a text or design without many colours and details.

  1. Open the SELECT tab.
  2. Click on COLOR RANGE… first thing you will have to do is select which colour you are trying to remove by simply selecting it from your image, we clicked once on the white are in our example.
  3. Add a FUZZINESS amount based on the type of image you have and press OK (amount is usually 80-100)

This process will select all white pixels present in our image. We used this process to create the second image in this guide. The final step is to press the DELETE key on your keyboard. You can play with the FUZZINESS amount to see which fits your image better.

Fuzziness option will select more pixels closer to your originally selected one based on the number you input. Higher the number, the more pixels will be selected, if you add 200 then all pixels will be selected in your image.

Lower the number, less pixels will be selected, if you add 0, only pixels with the exact value of your selected one will be selected. There is a small box with a handy preview that will show you how much of your image you will be selecting.

The method described can also be used in reverse, you select the Red text based on the colour, create a new layer and fill in your selection with the desired colour. This way you will have the design on a separated layer and you can disable the rest of the layers before saving your file. This method will only work on designs that use a single colour and might not be the best option for more complex backgrounds.


How-to-remove-any-background-quick-selection-tool

Quick Selection Tool

This tool is located on the left side of your photoshop screen, there are 3 different versions, we advise to use the Quick Select Tool, same as in our example above.

It works very similar to a brush tool in any image altering software, just in this case you don’t paint over the image but select the pixels you go over.

It selects similar colour pixels in the area, so in our case all we had to do was click and slide it over the white background once and it selected all white pixels around our image. However, it did not select the white areas inside the individual letters, as seen in the above image, since they were separated from the background with red colour pixels.

This tool works perfectly for more complex images such as a portrait, by slowly going around someone’s hair you can remove any background with ease.


How-to-remove-any-background-manual-selection-tool

Remove background Manually

Instead of using automatic tools that select pixels for you, sometimes you will encounter images that simply do not allow you to be precise so you will have to do the job manually.

For this work you can use the LASSO tool located on the left side, as shown in the above image. There are 3 different versions available, all 3 are great and we advise to test them so you can find out exactly which is best for your needs.

  • LASSO version simply allows you to draw a selection using the left click of your mouse.
  • POLYGONAL LASSO, like the picture above, will draw a straight line in between each click you make to form your selection.
  • MAGNETIC LASSO, just as the name suggests, will work on the same basis of polygonal lasso however, it will automatically position the lines closer to your selection based on the pixels present around the area you click.

All 3 versions are great and can help you a lot. If you need to select areas by drawing a predetermined shape, then click on the tool above lasso, called MARQUEE TOOL. It helps select very similar areas so we did not include it on its own in our list.


Create-a-t-shirt-design-without-a-background

Create A Design Without Background

The best option is to create a design from scratch that doesn’t have any background to begin with, this way you avoid having to remove it later on.

This is very simple and fast to do for any type of custom artwork, it will give you a much better end result and consume almost no time.

Open a new window in your software, you will see a single layer named BACKGROUND, by default this layer will be locked so you cannot disable it, here is what you must do:

  1. The easiest way is to drag and drop the LOCK icon into the BIN, as shown on the image above.
  2. Another method: Double click on the BACKGROUND layer name.
  3. Press OK. This will turn your background layer into a normal layer.
  4. Now this layer can be simply hidden, or deleted, just before saving your file by clicking the EYE ICON.

Note, there must always be at least 1 layer in your workspace at all times, this means you won’t be able to delete your background layer until you have created a new separated layer.


How to Save-your-files-correctly

How To Save Your File Correctly

Once you finished creating your artwork or deleting the background, it is very important to save it using the correct file type, or all your work will be lost.

DO NOT save your artwork as a JPEG, this is the same file type all your phone images are saved in. JPEGs are commonly used because they are much smaller in size compared to other file types, however they don’t save the TRANSPARENCY information (this is the empty space in your image with no pixels).

This means all the work you put into selecting and deleting your background will be lost and filled in automatically with white colour upon saving. To avoid this issue you must select PNG instead (we recommend always using PNG) or TIFF, since those file types will save your TRANSPARENCY information, this way your background will not be filled in with white colour.

  1. Make sure your background is disabled or deleted. (In our example we deleted the background) Open the FILE tab and click on SAVE AS…
  2. Open the SAVE AS TYPE drop down menu and chose PNG from the list, as shown by the green arrows in our example.

Sometimes you will not see PNG as an option, this is because you must be working with RGBs colours. Here is how to fix this:

  1. Open the IMAGE drop down menu from the top.
  2. Expand the first window called MODE
  3. Select RGB COLOR

Go ahead and save your file, PNG should be now available in the drop down menu.

It is this simple to save your work, however, it’s very crucial to choose the right file format for all your work as it can be lost in a single click. We also advise to save your original work file in the PSD format, this way all information will be saved. This will allow you to make future changes and access your original file directly, and not have to do everything all over again.

All print shops will accept, and even prefer, PSD since this gives them the ability to save the image in the preferred file type used by their equipment.

“Small tip”

Now that you have your artwork correctly saved in PNG format, you will want to email it over to your printing supplier. When sending PNG files, make sure you email them as FILES, and not IMAGES, as this will turn them back into JPEGs and all your work will never reach your print shop.


how-to-remove-your-background-from-any-design-final-result

It can be time consuming at times to remove a background, and even if you master the easy techniques we explained, you might still need extra help with your Image.

In case you want our expert team to help you, then Click This Link and get in touch with our London print shop to have your background removed. We charge based on how long the job takes, however, just as we showed you above, almost every background removal request is fast and simple and will cost between 5£ to 10£, so not very expensive.