When I first posted on my Instagram an example of iPad Lettering with an offset stroke, I did not anticipate the overflow of questions that would follow. Since Procreate has no outright “Stroke” feature, everyone wanted to know how I created a solid looking stroke for my lettering.

While it may seem complicated, creating a solid stroke in Procreate is actually a pretty simple process. This offset style has become one of my go-to looks when I want to give my iPad lettering a little extra oomph but I don’t want to spend a ton of time adding gradients, shading, and drop shadows to my work.


If you don’t know what I mean by Offset Stroke, here’s an example of a colorful lettering alphabet I created using the technique. The stroke is the black outline of the lettering and you can see the offset in the white space between the stroke and the letters.

I’ve shared a video of the entire process below along with step-by-step instructions to create your own offset stroke lettering using Procreate.

If all the steps seem intimidating at first, don’t worry! It’s actually really simple to add an offset stroke in Procreate. Once you get the hang of it you won’t be able to stop adding the offset stroke to every piece of iPad lettering you do!

How to Create an Offset Stroke Lettering Style in Procreate

<blockquote class="instagram-media" data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BZgtDdpDRBH/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by Crystal Petersen ? (@ohaicrystal)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-09-26T16:30:29+00:00">Sep 26, 2017 at 9:30am PDT</time></p></div></blockquote> <script async defer src="//platform.instagram.com/en_US/embeds.js"></script>

Follow Along with the Video Using These Steps

    1. Write your lettering using any solid-looking brush. I recommend using a thick monoline or a brush with thick upstrokes for the best results. My custom Lettering Eraser Brush is great for creating monoline lettering perfect for this technique.

    3. Tap the layer and choose “Select” from the flyout menu to create a mask.

    5. Add a new layer and drag it below your original lettering layer.

    7. Make sure you have black selected as your color and tap the empty layer to bring up the flyout menu. Tap “Fill Layer” to fill your selection with black.

    9. Zoom in nice and close so you can see the edges of your letters. Go to the Adjustments panel and select “Gaussian Blur” from the drop-down menu.

    11. Add a SLIGHT Gaussian Blur to the layer with the black lettering. You want to just barely be able to see the blur begin to peek out from the edges of your lettering. I typically end up setting the blur to somewhere between 3% and 7% depending on how thick I want my stroke to be.

    13. Go back to the layers panel and tap the top layer. Choose “Select” again from the flyout to create another layer mask like we did back in step 2.

    15. Tap the bottom layer with the black lettering and choose “Clear” from the flyout menu.

    17. Drag the bottom layer to the top so it’s above your colored lettering layer.

    19. Now duplicate the crap out of it until you’re satisfied with the resulting stroke weight. The more you duplicate this layer the more solid your stroke will become. I tend to do around 6 copies before I merge all the strokes layers together.

    21. If you’re happy with how your lettering looks now and don’t want to add an offset to the stroke, you can stop the tutorial now to keep the look of the current lettering stroked style you have now.

    23. To create the offset, select your stroke layer and tap the move tool to select the layer contents. Tap the bottom right corner of your canvas 4-6 times to create the offset effect.

    That’s it! You’re officially a stroke making master.

    Be sure to tag me on Instagram if you try out this technique so I can check out all your awesome lettering!

    Let me know in the comments what you think of this tutorial and my walkthrough of the steps involved in creating offset strokes in Procreate!