Export a transparent background in Procreate

How To Save With A Transparent Background In Procreate

How To Save With A Transparent Background In Procreate 800 470 Nick Saporito

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.

Disclaimer: this website is ad-free and does not contain affiliate links or sponsored content 🤘

Learn To Master The Software

Gain a complete understanding of your favorite design apps with my comprehensive collection of video courses. Each course grants access to our private community where you can ask questions and get help when needed.

  81 Videos
  11 Modules

The Inkscape Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Inkscape.

  Nick Saporito
Price: $17
  77 Videos
  7 Modules

Affinity Designer Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Affinity Designer.

  Nick Saporito
Price: $17
  98 Videos
  7 Modules

Illustrator Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Illustrator.

  Nick Saporito
Price: $17
  70 Videos
  9 Modules

GIMP Master Class

Learn how to use all of the primary tools and features in the GIMP application.

  Nick Saporito
Price: $17

View All Courses

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.

All stories by: Nick Saporito

Leave a Reply

Your email address will not be published.