How To Add A White Outline In Procreate | Offset Workaround

Add a white outline in Procreate

As a Procreate user, you may find yourself wanting to add white outlines around a subject, sort of like how you would when designing a sticker. This is something that is usually done using strokes and offsets. Although there is no offset feature in the software, you can still add a white outline in Procreate using a simple workaround that we’ll be going over in this tutorial.

Considering that Procreate doesn’t come with the ability to create offsets, we have to create them manually by blurring a duplicate copy of the subject, creating a selection from it, and then filling that selection, on a new layer, with white fill.

Although this is a process that requires several steps, it’s still a relatively simple and quick thing to do once you have the steps down. Let’s dig in.

Add A White Outline In Procreate

To add a white outline in Procreate, make a duplicate copy of the subject you’d like to apply it do, fill it with white, apply a Gaussian blur, create an automatic selection around it, then fill that selection with white on a new layer.

The following video tutorial will walk you through the entire process step-by-step:

Continue on for the written instructions.

Table of Contents

Step 1: Create a duplicate copy of the layer you’d like to apply the white outline to

For this demonstration I will be adding a white outline to the YouTube logo, which is a PNG image with a transparent background:

Example logo
This is the example subject I will be applying a white outline to.

In order to add a white outline in Procreate we first need to create a duplicate copy of the layer we’d like to apply it to.

To do so, slide the layer to the left and tap the Duplicate button.

Considering that we’ll be applying a white outline, it would be a good idea to turn off the visibility of your background layer if it is currently white. Or you can make it a different color that the white outline will be visible against.

Step 2: Alpha lock the layer and then fill it with white

Before proceeding any further, make sure you have your fill color set to white.

Once you have white selected as your color, apply an alpha lock to the duplicate layer by tapping on it and selecting Alpha Lock from the menu:

Alpha lock
The alpha lock menu item is outlined in red above.

This will make it so that we can fill only the contents of the layer rather than the entire rectangular space that the layer occupies.

With the alpha lock applied, tap on the layer again and this time select Fill Layer.

This will make your duplicated layer white:

White fill
You subject will need to be filled with white before proceeding forward.

Once you’ve filled the layer with white, you must now remove the alpha lock by tapping on the layer again and deselecting the Alpha Lock setting.

This step is important because if you leave the alpha lock applied then the Gaussian blur effect that we’ll be applying in the next step will not work.

Step 3: Apply a Gaussian blur to the duplicated layer

Now we’ll be using the Gaussian Blur effect to create the space needed to add a white outline in Procreate.

To do this, tap on the Effects menu and then select Gaussian Blur from the list. When prompted, choose Layer rather than Pencil. This will allows us to blur the entire layer rather than localized areas of it.

Once selected, all you have to do now is tap on your canvas and slide to the right in order to apply a blur.

The amount of blur you should apply will depend entirely on your image and its size. For this demonstration I blurred my layer by 15%.

At this point your blurred layer should look something like this:

Gaussian blur applied
How the layer looks once the Gaussian blur is applied.

The size of the blur will determine the thickness of the white outline you add to your subject, so try to use it as a reference for how big (or small) you’d like your white outline to be.

Step 4: Create an automatic selection around the white layer

Once you’ve finished applying your blur, you must now create a selection from it.

Open the Selection menu, choose Automatic, and then tap on your subject and slide to the right to control the threshold of the selection:

Automatic selection
The size of the selection will determine the size of your white outline.

Sliding to the right will increase the threshold of your outline, whereas sliding to the left will decrease it.

The size of your selection will be a direct indicator of the size of your white outline, so make sure to size it according to your preference.

Step 5: Add a new layer beneath the subject layer and fill the selection with white

The final step in our lesson is to simply fill the selection with white. However, there’s a couple of things we need to do first.

The first thing you must do is turn off the visibility of the white layer.

Once turned off, add a new layer, position beneath the subject you’re trying to apply your white outline to, and then tap and drag the white color into the selection.

This will effectively add a white outline around your subject:

White outline
How the white outline looks once applied to your subject.

And with that you are done!

If you want to keep your work neat and organized, you can go ahead and delete the layer that we applied the Gaussian blur to as you won’t be needing it any more.

Conclusion

Using this method to add a white outline in Procreate may not be ideal. The outlines can sometimes be sloppy and inaccurate if the blur threshold is not right, but this is the fastest and easiest method we have for now.

Ideally, Procreate will add an offset feature in the future, or maybe even take a page out of Affinity’s book and allow us to work with strokes.

Of course, you could always add your white outline by manually painting an outline around it, but that would be rather time consuming, and may not produce the cleanest result depending on how steady your hand is.

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

Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.

Logos By Nick

LogosByNick.com is an educational media platform for learning about graphic design software.

Leave a Reply

Your email address will not be published.

Recent Posts