How to create a transparent background in Illustrator
:quality(75))
Learn two simple ways to create a transparent background in Illustrator. We'll also show you how to get the same result with Linearity Curve.
While a white background can be useful at times, there are numerous reasons why you might need to remove it and have a transparent background instead.
Adobe Illustrator ’s default setting saves your work with a white background, but you can toggle a setting to change it to a transparent background.
We'll also look at transforming the white background into a transparent one using Linearity Curve.
:quality(75))
Jumpstart your creative ideas with Linearity Curve and Linearity Move
We need to examine two use cases in detail. The first one involves starting from scratch with a transparent background and then creating your artwork on top of it.
The second use case is to transform a finished design's white background into a transparent one.
Enable a transparent background in Illustrator
:quality(75))
Image source: Adobe
Step 1
Open a new file in Illustrator
The first step you need to take is to create a new file in Illustrator. To do so, click on the “Create new” button on the main panel menu.
You can also open an existing file from the file menu and follow the steps to edit the image file to have a transparent background.
There are two ways you can do that:
- Go to File > Open menu to add the file to your workspace, or
- Drag and drop the file onto your workspace.
Step 2
Show the Transparency Grid
:quality(75))
Image source: Adobe
To enable the Illustrator's Transparency Grid and remove the white artboard background saved as a default, go to the View tab at the top menu, scroll down, and select Show Transparency Grid.
The background is now transparent when the white background transforms into a white and gray grid.
Step 3
Create an image
:quality(75))
Image source: Adobe
Now that the white background is gone, you can create a new design on the transparent background.
Step 4
Save the file
:quality(75))
Image source: Adobe
When you save the final work, the file will also be saved with a transparent background.
Go to File, scroll down, select Export, and then Export As.
You'll have several options for saving your file. PNG, SVG, and TIFF are just some of the most essential transparent file types.
:quality(75))
:quality(75))
Remove an image's background in Adobe Illustrator
How often have you downloaded an image, thinking it has a transparent background, and you notice it has a white background? It can be annoying, but there's an easy fix.
You won’t need to search tirelessly for another version of the same image with a transparent background. You can still use the same image and remove the unwanted background in Illustrator.
We'll show you how to remove the white background with Illustrator's Image Trace feature.
:quality(75))
Image source: Adobe
You can use Image Trace for a variety of functions. For instance, Image Trace can convert raster images (such as JPEG, PNG, PSD file format) to vector images.
You can also use Image Trace from the Trace Window to convert any drawing you have created ( such as a pencil sketch) on paper into a vector form.
Step 1
Open the image of your choice with Adobe Illustrator.
Step 2
To check whether the image has a transparent background or not, you'll need to take a look at the transparency grid. To do so, press Ctrl + Shift + D (or Command + Shift + D on Mac).
:quality(75))
Image source: Adobe
If the image does not have a transparent background, feel free to continue with the next steps.
Step 3
Use the Selection Tool to select the image on the artboard. Press V on your keyboard to activate this tool.
Step 4
Activate Image Trace. Go to the menu bar on the top, click on Window, and select Image Trace.
Step 5
Change Mode from Black and White to Colored.
Step 6
Then, open the advanced settings by clicking on the triangle right next to it. Once the options appear, check the Ignore White box.
Step 7
The last step is to click on the Trace button at the bottom right corner of the same window.
Once you follow all these steps, Image Trace will be activated. It will turn your images into vectors and make the background transparent by removing the white color.
Step 8
Once you have the final version of the file or have reached the stage where you need to export and share it, remember to select the correct file type when you export it.
If you need to save a logo or any other scalable graphic, you must use vector images.
As mentioned, PNG, SVG, and TIFF are the most common export files for transparent images.
- Go to the menu bar on the top and select File.
- Hover on Export and select Export As.
- Select the export destination of your choice, input the file name, and then select PNG from the Save As menu.
:quality(75))
Image source: Adobe
Click Export. The PNG Options window will appear. Go to the preview section and ensure the Background Color is set to Transparent.
Click OK, and you're done.
:quality(75))
Image source: Adobe
:quality(75))
Image source: Adobe
You can follow the same steps for other types of files you need to export, such as an SVG file.
Before exporting, select the correct file under the Save As menu and set the Background Color to Transparent.
Learn how easy it is to vectorize images using Linearity"s Auto Trace feature. All the power of image tracing with fewer clicks.
Make a transparent background in Linearity Curve
What if we told you there is an easier way to achieve the same result with fewer steps?
Using Adobe Illustrator makes sense if you already use other products from the Adobe Creative Cloud. But Adobe's complex and takes a long time to learn how to use.
You'll need to take tutorials even for simple functions. You may spend hours searching for video tutorials on YouTube. Adobe’s online community is one of the best ones out there, but this won’t be enough if you need to finish your tasks fast and meet your deadlines.
Adobe CC is also a more expensive option, as it's industry-standard software for various design applications.
But the Linearity software suite is free to try and equally user-friendly for professional designers and marketers.
Toggle off the white background in Linearity Curve
On iPad, go to the Layers tab in the Inspector on the right.
Long press on your artboard for more options and select Export To > PNG. You can also choose another file type that allows transparency, like SVG or PDF.
:quality(75))
A new modal will open with Export options. The white background may be toggled on by default.
:quality(75))
You can untoggle Include Background to add a transparent background. Then, tap on Export to finish.
:quality(75))
Looking for a shortcut to changing an image"s background? Check out our AI Backgrounds feature, which generates believable backgrounds and automatically replaces them in your images. You can also remove backgrounds completely with one click using the Background Removal feature.
Use our Magic Eraser to remove parts of your image
With our Magic Eraser feature you can quickly and easily remove unwanted elements like blemishes, objects, people, text, and logos from photos. It automatically fills in the empty spaces with matching pixels, making your edits seamless without needing a reshoot.
It’s easy to use: open your photo in Linearity Curve, select the Magic Eraser tool, and swipe over the unwanted area. The tool uses machine learning to analyze and fill in the blank space instantly.
Magic Eraser is perfect for cleaning up personal snapshots, product images, or social media photos.
Want to learn more about our Magic Eraser feature? Read out blog post that details how the Magic Eraser works.
Get started with Linearity
We can’t wait to see what you design and the creative ways you use transparent backgrounds in your work. If you decide to try Linearity Curve for your designs, tag us on social media. We'd love to share your work as well.
There's also so much more under the hood. Linearity's software suite has all the vector design tools you need to create marketing assets that convert, from social media posts to promo videos.
Learn more about our special pricing for pros, teams, and education.
:quality(75))
Design with Linearity Curve and animate with Linearity Move
Get our softwareFrequently asked questions
Emma Taggart
Content Writer
Emma is a Content Writer for Linearity in Berlin. Her hobbies include making ceramics, roller skating, drawing, and 2D animation.
:quality(75))
:quality(75))
:quality(75))
:quality(75))
:quality(75))