EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials Illustrator Tutorial Remove White Background in Illustrator
Secondary Sidebar
Illustrator Tutorial
  • Effects
    • Effects in Illustrator
    • Insert Image in Illustrator
    • Crop in Illustrator
    • Remove Background In Illustrator
    • Remove White Background in Illustrator
    • Shapes in Illustrator
    • Text Effects In Illustrator
    • Watercolor Brushes Illustrator
    • Blending Modes in Illustrator
    • Blur in Illustrator
    • Brushes in Illustrator
    • Change Background Color in Illustrator
    • Graphic Styles in Illustrator
    • Change Artboard Size in Illustrator
    • Logo Design in Illustrator
    • Rasterize in Illustrator
    • Resize Image in Adobe Illustrator
    • 3D Effects in Illustrator
    • 3D Text in Illustrator
    • Filters in Illustrator
    • Reflection in Illustrator
    • How to Make Logo in Illustrator?
    • Transparent in Illustrator
    • How to Add Texture in Illustrator?
    • Neon Effect in Illustrator
    • Create Table in Illustrator
    • Paper Texture in Illustrator
    • Stamp Effect in Illustrator
    • Sun in Illustrator
    • How to Warp Text in Illustrator?
    • Metal Effect in Illustrator
    • Action in Illustrator
    • Illustrator Gold Gradient
  • Basic
    • What is Adobe Illustrator
    • Install Adobe Illustrator
    • Adobe Illustrator For Windows
    • Adobe Illustrator for Windows 8
    • How to Use Adobe Illustrator
    • Adobe Illustrator for beginners
    • Adobe Illustrator for Students
    • Illustrator Shortcut Keys
    • Illustrator Plugins
    • Illustrator Repeat Action
    • Illustrator auto trace
    • Layers in Illustrator
    • Moon in Illustrator
  • Tools
    • Adobe Illustrator Tools
    • Selection Tool in Illustrator
    • Width Tool in Illustrator
    • Illustrator Grid Tool
    • Pathfinder Tool in Illustrator
    • Pen Tool In Illustrator
    • Measure Tool in Illustrator
    • Mesh Tool In Illustrator
    • Blend Tool in Illustrator
    • Direct Selection Tool Illustrator
    • Illustrator Free Transform Tool
    • Shape Builder Tool in Illustrator
    • Slice Tool in Illustrator
    • Smooth Tool in Illustrator
    • Eyedropper Tool in Illustrator

Remove White Background in Illustrator

Remove white Background in Illustator

How to Remove White Background in Illustrator?

Adobe Illustrator is an effective vector graphics designing software used by professionals around the world. While working on a project in an illustrator, you might need to remove the white background from the image. While trying to remove the white bg, you might have found it difficult or messy to get the desired outcome. Whatever may be the work you are doing, be it working on photos for websites or creating a background artwork, below are some steps using which you can easily remove the white background from your image. Learn a new method to remove unwanted backgrounds from your creatives and save them appropriately into your storage.

Steps to Remove White Background in Illustrator

Here are the steps to know how to remove White Background in Illustrator.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1: Go to File, click on the Open tab, and choose the image you want to work on.

Remove white Background Example 1.1

Step 2: Once the image is loaded into the artboard, carefully examine the image components. To erase the white background from the image, you need to draw an outline around the parts of the photo you need to retain. Here zoom tool can come to a great help as it offers precise controls over the pen tool placement. The shortcut key to activate the zoom tool is Z, or you can choose it from the toolbar. You can use the keys Ctrl + Space (Windows) or Cmd + Space (Mac) to zoom in.

Remove white Background Example 1.2

Step 3: Use the pen tool to outline the image. For that, the shortcut key is P. Anchor points will be created based on your click points around the image. It will form a series of connecting lines until you close the entire shape outline. Later you can also manipulate the shape by hovering over the anchor points and fine-tune the outline. The pen tool is available in the toolbar in the form of a fountain pen icon.

Remove white Background Example 1.3

Step 4: Click on the edge of the foreground object to create the first anchor point.

Start by dropping the anchor point on the fine edge of the foreground image. This will form the foundation of your white background, removing work. This method aims to wrap the required foreground object area using the outline frame formed by the anchor points. Try to place the anchor points as closely as possible to the foreground image without any unwanted extra spaces.

Remove white Background Example 1.4

Step 5: You have to cautiously place the anchor points hugging the edge of the foreground image. This process should be repeated until you reach the point where you have started with. The final anchor point should merge with the starting anchor so that you can close the created outline. During this process, the spacebar can also come in handy. It can be used to move the screen area with your mouse while you are zoomed in. A hand symbol is displayed, which can be used to drag the screen around in any direction as you wish. Therefore, you can finish creating the anchor points without breaking the flow and continuity of the task.

Remove white Background Example 1.5

Step 6: When you are done with creating the outline, you will notice a dotted outline appearing around the image.

Step 7: Now, pick the select tool to show all the objects. The area you outlined in the image will now be considered as an individual object. Hence you will be able to see selection outlines – a blue rectangle around the object.

Step 8: While clicking the objects, hold the shift key to select both the foreground as well as background objects simultaneously.

Step 9: Using the shortcut key control + click, or just simply right-clicking the foreground object, choose the option “make clipping mask”. This makes the background image completely white, as shown in the below image. As a result, the foreground image created using the outline is visually stood out. Once this stage is reached, removing the white background becomes very easy.

Example 1.6

Step 10: Remove the white background to make it transparent. Now, if you require saving the image without any background, hit the Y key on your keyboard to activate the magic wand tool (It can also be found in the toolbar options). Now simply click on the white background area on the artboard. Then press the delete key to remove the unwanted white background from the image.

Example 1.7

Step 11: Save your image.EPS for use in page layout or design software.

If your project requires the images to be used for later works, it is better to save the image in.EPS format. Numerous design software and application recognize EPS format, which makes working on the created files easy for the future needs. All you have to do is go to File > Save as > select Illustrator EPS as the file format. Finally, give a suitable name and save the image. Even if the background is transparent, the properties will be retained in this format.

 Example 1.8

Step 12: Save your image as.PNG for the web. Next comes the part of saving the image. For that, you need to save the image in a PNG format. They render high-quality images while supporting transparent backgrounds. It is best for photos as it supports up to 16 million colors.

Example 1.9

Step 13: From the File menu, go to save for web option or use the shortcut key Alt + Ctrl + Shift + S. From there, you will see a box with a lot of options and settings, as seen in the above image. Make your format selection as PNG 24. Now check in the transparency option. Finally, give the location for the image to be saved on the hard drive.

 Example 1.10

Conclusion

After going through the above article, you will learn how to remove the white background from your image while working in Adobe illustrator. You will save a lot of time and will appreciate this technique once you grasp this method to remove the white background from your image. Practice these easy and simple steps in Illustrator to painlessly remove the unnecessary background from your image.

Recommended Articles

This is a guide on Remove White Background in Illustrator. Here we discuss the steps of how to use Remove White Background in Illustrator. You may also look at the following articles to learn more –

  1. Features of 3ds Max Tools
  2. Adobe Photoshop Tools
  3. Blend Tool in Illustrator
  4. Smooth Tool in Illustrator
Popular Course in this category
Illustrator Courses (1 Courses, 2+ Projects)
  1 Online Courses |  2 Hands-on Projects |  12+ Hours |  Verifiable Certificate of Completion
4.5
Price

View Course

Related Courses

Adobe Flash Training (2 Courses, 1+ Projects)4.9
3Ds Max Modeling Training (5 Courses)4.8
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

© 2023 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more