How To Save With A Transparent Background In Procreate

Export a transparent background in Procreate

When creating artwork it is sometimes required that we preserve areas of transparency in the finished design. Turning off the visibility of the background layer is a good start as it creates a transparent background within the Procreate app, but what if we wanted to save/export our artwork in a usable file and have the transparent areas remain transparent? In this tutorial we’ll be going over how to do just that as we will be demonstrating how to save your design work with a transparent background in Procreate.

In short, the secret to saving with a transparent background in Procreate is to export your work as a PNG file. Files saved in PNG format will have a file extension that ends in “.png“. PNG, which stands for Portable Network Graphics, is the only rasterized file format that allows for transparent backgrounds. JPEG, on the other hand, does not support alpha channels (RGB instead of RGBa) therefore it cannot display transparency, so a default fill (usually white) is applied by default.

Thankfully this is a relatively simple process in Procreate. Let’s dig in.

Save With A Transparent Background In Procreate

To save with a transparent background in Procreate, open the Layers menu and turn off the visibility of the background layer. Then, open the Actions menu, select Share, and choose PNG from the list. Name your file and choose a location to save it to when prompted, then tap Save.

The following video tutorial will walk you through the entire process in less than 2 minutes:

Continue on for a written overview.

Table of Contents

Step 1: Open the Layers menu and disable the visibility of the background layer

In order to save with a transparent background in Procreate we must first ensure that the background layer isn’t visible.

Every Procreate document comes with a dedicated background layer that has a white fill by default. You can remove this by navigating to the Layers menu and deselecting the checkbox next to the background layer’s label, which will turn off its visibility:

Disabling the background layer
Open the Layers menu and disable the visibility of the background layer.

It should be noted that this change is only temporary. The background hasn’t been deleted, just temporarily made invisible. You can restore it at any point by checking the box again.

It should also be noted that this tutorial assumes you’ve already established areas of transparency on your artwork that you’d like to preserve. If you need help with knowing how to delete a background then be sure to check out a previous tutorial in which this was demonstrated.

Step 2: Open the Actions menu, navigate to the Share tab, and select PNG from the list

Now that we’ve ensured that there is no visible background on the document, let’s export our work as a PNG file so we can preserve its transparent attributes.

Open the Actions menu, represented as a wrench icon in the top-left corner of the screen. Then, navigate over to the Share tab:

Actions menu export screen
Open the Actions menu, navigate to Share, and choose to save your work as a PNG file.

Here you will see an index of file types to export your work as. As mentioned earlier, PNG is the file format that supports alpha channels (or transparency), so tap on that option to select it.

Step 3: Name your file and choose a location to export it to

Once you’ve opted to export your work as a PNG image, you will be prompted to choose a name for your file and designate a location on your hard drive to save it to. For this demonstration I chose Save to Files so that the work is stored on iCloud and can be accessed by any of my other devices

Tap the Save button in the top-right corner once you are finished, and your newly-created artwork with a transparent background should be ready for use. Here’s the final result from our demonstration:

Finished work
How the finished artwork looks once exported with a transparent background.

You can copy and paste this image into Procreate to see for yourself that the background is indeed transparent.

Conclusion

Knowing how to save with a transparent background in Procreate is simply a matter of exporting your work in the correct file format. If you’re already familiar with what the various graphic file formats are and how they work then this is simply a matter of figuring out where the export menu is.

If you have any questions or need clarification on any of the steps taken in this lesson, simply leave a comment below.

Master The Software

Want to learn everything there is to know about your favorite design apps? Check out our interactive video courses and private community for getting help when you need it!

The Inkscape Master Class

A comprehensive series of 60+ videos where I explain every tool and feature in Inkscape.

Affinity Designer Master Class

A series of 80+ explainer videos where I go over every tool and feature in Affinity Designer.

The Illustrator Explainer Series

A series of 100+ explainer videos where I go over every tool and feature in Adobe Illustrator.

The Logo Design Academy

An 18-part video series teaching my entire creative process for designing logos, from start to finish.

This post may contain affiliate links. Read affiliate disclosure here.

Nick Saporito

Hi, I'm Nick— a Philadelphia-based graphic designer with over 10 years of experience. Each year millions of users learn how to use design software to express their creativity using my tutorials here and on YouTube.

Leave a Reply

Your email address will not be published. Required fields are marked *

14 − six =

Recent Posts