How to Transform a Font Into Wordart

Have you been reading all the blog posts at Scrapaneers this month about fonts? Haven’t they been great? I definitely fall into the font-a-holic category as do many of you I’m sure. For my post today I wanted to share with you a couple of quick “how to” instructions about turning your fonts into a quick and easy wordart. If you’re like me, you love when you can create something really pretty super easily! So, follow along and lets see what we can create!



I’ll break down the simple steps I used to create the wordart samples I shared above.


#1 Simply the Font


This is simply the font Adleit – Demo. If you like it, you can download it for free at dafont.


#2  Clip a Paper to the Font


For this sample I clipped a paper to the font layer and added a simple drop shadow.


#3 Create a Sticker


To create a sticker I applied a stroke effect (I usually start with a 15 pixel white outside stroke) as well as a drop shadow in the FX panel.


#4  Apply an Epoxy Style


I simply applied an Epoxy Style and a small drop shadow. Tracy gave out an awesome epoxy style in the December 2016 Champions. Otherwise I oftentimes also use a style I purchased from Mommyish in her CU – Sylin’ #90 – Essentials set.


#5 Beveled Leather Style


This one looks hard, but it’s easy too. With just the click of a button I applied a beveled leather style and added a simple drop shadow. The style I used was also from Mommyish – CU – Stylin’ #127 Beveled Leather.


#6 Chipboard Style


Dare I say it – you can create this with just another click of a button, plus a simple drop shadow. For this sample I used Mommyish’s – CU – Stylin’ #91 – Chipboard & Emboss.


#7 Add an Offset Stroke


For this sample I added a tiny stroke to the font (a 5 point inside stroke that I created using the FX panel). Then I created the offset stroke. Here’s how to obtain the look of an offset stroke:


First create a blank layer beneath the font layer. You can do that several different ways. Begin either of the two methods with the font layer the active layer in the layer panel.


Method 1 | My preferred method is to CMD-click (CTRL-click on a PC) the folded paper icon in the layers panel. By pressing the CMD (CTRL) button while clicking the folded paper icon, the new layer will be created beneath the active layer instead of above it.

Method 2 | Another option is to select Layer > New > Layer. Once the new layer is created, click and drag the blank layer you just created beneath the font layer.


After I created the new blank layer I CMD-Clicked (CTRL-Click on a PC) the font layer to get the marching ants around the font. Next I activated the new blank layer I created and selected Edit > Stroke. I used a narrow 5 point black inside stroke. Once I created the black stroke I used the arrow keys to move and offset the stroke I just created. NOTE, you won’t be able to see the small stroke until you move it because it’s beneath the font.


#8 Add an Offset Stroke and Clip a Paper to the Font


The only thing I did differently in option #8 from #7 was that I clipped a paper to the font layer.


So, easy peasy, right? If you choose to go the styles route, check out all of the amazing styles you can get at any of the digi stores out there – or create your own styles. The sky’s the limit to what you can do with your fonts. I also wanted to note that Judie shared a similar post this month about creating digital alphas with  fonts. Be sure to check it out here. Have a good time and play around with your fonts. The sky’s the limit when you’re using Photoshop!


Happy scrapping!



You may also like


  • Yobeth Puckett March 14, 2017   Reply →

    Thanks for the great ideas, Barbara. I haven’t tried an offset stroke before but I love it so I will be doing it soon. Also, had to download the font. 🙂

    • Barbara March 16, 2017   Reply →

      Thanks Yobeth. I hate to contribute to anyone’s font addition … but I totally get it. You’ve gotta love cool free fonts!

Leave a comment

Pin It on Pinterest