Interlaced Lettering: Digital Lettering with Procreate | Alisiah Hug | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Interlaced Lettering: Digital Lettering with Procreate

teacher avatar Alisiah Hug, Lefty Hand Letterer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

11 Lessons (1h 8m)
    • 1. Introduction

      0:57
    • 2. Basic Technique

      4:53
    • 3. Interlaced Layering

      12:03
    • 4. Interlaced Flourishes

      4:44
    • 5. Interlaced Monocolor

      14:29
    • 6. Wrapped Around a Letter

      4:50
    • 7. Interlaced Image

      9:16
    • 8. Word in a Word - Text

      6:20
    • 9. Word in a Word - Hand Lettered

      3:20
    • 10. Interlaced Doodles

      6:01
    • 11. Project

      0:53
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

65

Students

2

Projects

About This Class

In this class, I will be showing you my basic technique for creating lettering that appears to be interlacing. Then I'll take it a step further by showing you a variety of different ways you could incorporate this technique to create visually intriguing lettering pieces. I'm providing you with the basics that you can take and make your own to spice up your digital lettering! Can't wait to see you in class!

Materials

  • iPad (Pro)
  • Apple Pencil/Stylus
  • App: Procreate

Meet Your Teacher

Teacher Profile Image

Alisiah Hug

Lefty Hand Letterer

Teacher


Welcome! My name is Alisiah (uh-lissie-uh) and I am lefty hand letterer. I went to school for teaching, but along the way I fell in love with hand lettering and I am here on Skillshare to combine the two. My heart is to share impactful messages through hand lettering. Modern calligraphy is more than pretty writing, it is a platform from which to impact others. In my work I want there to be a message, some meaning behind the piece. For it to be a conversation starter, a reminder of encouragement, a tool to lift others up and empower them.

When I'm not teaching or hand lettering, I am probably dancing, anytime anywhere. I am addicted to learning, I love figuring out how things work or how to do new things. I will eat just about any ice cream that has cookie dough or cake b... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction: Hello and welcome to interlaced lettering. Digital lettering with procreate. My name is Alicia in I am a hand lettering, an abstract artist. If you're new here, Welcome. And if you have taken some of my classes before Welcome back. I'm so glad you're joining us in this course. I will be walking you through some different techniques to make it appear that your lettering is interlaced or wrapped around each other. I will show you my basic technique and then some different ways that you can apply it. And hopefully that will give you the inspiration you need to create some really fun interlaced lettering pieces. For this class, you will need an iPad and the app procreate as well as an apple pencil or a stylist. I can't wait to dive in. Let's get started. 2. Basic Technique: in this Lawson, I'll be showing you the basic technique for creating lettering that appears to be interlaced, intertwined, wrapping around each other. And then we will use this technique and build upon it in future lessons. So first, I'm going to start by lettering my first word, and I'm gonna create a new layer, pick a new color, make sure it's in a new color. That's important. So I have my second word and I want to turn the A pass city down. And I'm like to move it around and kind of find where intersex I like when the intersection points are pretty narrow, it makes it easier. I'm just gonna kind of move it around and see how it could fit in with the with the top word, right? And no, I want to go back and kind of get a visual of how it's laid out. But first I want to actually make a duplicate of my layers. That way you have a backup in case it messes. So I grouped them, and now I turned off the group, so they're just hidden, and they're in case we need it. So I'm gonna go to my top layer. It's easiest to work with the top layer. So whatever layer is in the top in your early earth panel, that's when you're going to work with. And you want the opacity on the top layer to be lighter so you can see the layer underneath . So I want to use a medium airbrush. Actually, the hard airbrush, um, you know, I'm gonna kind of think where I want my word to go behind the spots where I watch that word to go behind, I will race. So my orange word will look like it is behind right here, because I'm erasing it the part that intersected with the pink word. So now I want that part to look like it's a friend. So I'm gonna leave it, and I think I will make it look like this little portion of the There's a little portion of the upstroke something. I'm just gonna do that and make it look like it's behind. I'm actually going to bring the capacity backup that it just helps me get a visual of how it's looking so far. So I can actually see, like what looks like it's in front. What Look looks like it's behind. Kind of playing out what I want to do for the next. The next letter, the next intersection point. It's going to make the top of this loop go behind the pink, and the next thing is is that you can switch it. You could do it the opposite way. I could make that Parco in front and then the next one go behind. There are definitely a lot of options. Some actually gonna erase the E and make a new one so it can kind of fit a little better with that loop and so I can play with here. Do I want the bottom of the EU to go behind or do I want top part of the ego behind? Think I'll make the bottom Luke behind an incumbent front that will bring up the A pass ity again. So that way I can see how it is looped. You know, that is our basic technique, and let's build on it 3. Interlaced Layering: in this lesson. We're gonna play around with our layering so we can kind of give the illusion that thumb are in front. Thumb are behind. I will start with lettering. My first word that will be on the top. And as you saw, there gonna be three different layers. So we have some more options about how we're gonna layer them later. Make sure you created in a new layer that's important for every different word. - Create a another nuclear for my final wrote. All right, so I'm gonna make a duplicate of each layer, so I have a back up, just hiding it and putting it on the bottom. For now, you know, I can make it look like one. They could keep coming forward, like towards us. And to that, I'm gonna hide blessed for now and just work with thankful and grateful since the word grateful is on a higher layer than thankful. That's the one I'm gonna be erasing so I can play with the opacity, turning it down when I erase and bring it back up to kind of get a clear visual of how it's looking. You're figuring out which ones I want to be in front. It's right here. I'm gonna put this part of the are behind. See how it's looking again, how what I want to do with this tea, and I think I'm gonna put this part behind it. So it looks like it's coming from behind and going through they. And now I think I want to keep the rest of the tea looking like a thin front and just play around with us. E. It's kind of a tricky spot, but way we'll see. So try it here first and see how I like it. Bring the capacity back up. I think I'm actually going to try it the other way, with the other part looking like it's behind again. It's all personal preference way to put this part of the F looking like it's behind. - Bring it back up again. Seeing what I want to do with this l have a great there. I will put it behind. Now. It's trickier when it has those longer intersections, as opposed to where they intercepted a small area. Seems a lot longer, - all right? No. How do I want the and simple? I think I'll keep things part behind and any other one can loop around to the front way. All right. And I'm gonna turn on blessed. And since blessed is in a higher layer than grateful I'm gonna erase from blessed. I'm going to switch and you can play around with this. And this is why we have the backups in case you raced too much and you just wanna go back and try it a different way. So I'm gonna make it look like the S is going through that loop by going behind. Make it look like that upstroke was going behind us both. I know that last loop. Great. And this is one way to play with the layering. I have it so kind of looks like the layers air coming forward towards you. But you can also play with them differently as well. So I'm not actually going to hide. Blessed. I want to grab a copy of the other one, move it up. I'm actually gonna move it underneath. Grateful. So it looks like the middle word grateful is in front of both thankful and blessed. And now, since grateful is in front again now I'm gonna be erasing from grateful instead of blessed . Oops, wrong way. So whatever layer is higher up in your layers panel is the easiest one to a race from on June this loop as well. No bringing that capacity up and can actually change the color of different layers. So I want to turn off the lock on Blessed. I'm actually gonna grab that light pink and gonna grab, actually get in an air brush brush over it in the pink. So that way, it really gives grateful that pop, it looks like it's kind of in front with that bold color. 4. Interlaced Flourishes: in this lesson, I'm adding extra flourishes to my lettering and then interlacing a word within the lettering and the flourishes. So a flourish was just like kind of having those different curls and swirls around your lettering instead of just the plain and simple lettering. So having these flourishes will give us more points of intersection more places where our letters can intersect in inter lace. Have my first word. Now I'm creating a new layer and doing my word in a new color. I'm actually just going to use more of a hand written style for the second word. All right, You know, I have two words. It since rejoices on top. I'm gonna bring down the opacity on that layer, and that's a later I'm gonna be racing from. Grab my eraser. I'm still using that hard airbrush. Just erasing Where we wanted to look like Thea are is behind. No way you can play with capacity and bring it up. Bring it down to get a visual and then bring it Mayor more transparent to erase something any one more transparent. Bring it up against I could see how it's looking. No, figure out what I want to do with Jay, so I'm gonna make this little part of it look like it's going behind. No way, no in the oh, I think make this part down. Stroke behind the flourish. Now, my I make it races. Bottom part still looks like it's in front and then coming down through that loop. Now, see, and I'm going to do the opposite part and do this higher part behind. Lastly, have this key and I want to make just this. Part of it looks like it's going behind on the rest of every look like it's in front and again. You could totally switch it up about which parts go in front. Which parts go behind, all right. And now we have a word that is interlaced in the flourishes of our top word. 5. Interlaced Monocolor: in this lesson, I will be showing you how to interlace your lettering when it's all the same color. So we will need to be adding some shadows right in here to be able to give it the appearance of interlacing adding shadows on the words themselves and where the words look like they're interlacing. All right, so I'm gonna just start by lettering my quote again, you make a new layer. All right, so right now, they don't appear to be interlacing because they're the same color and so erasing, like the old technique would do nothing. So I'm gonna add a what I call a ribbon shadow. So I'm gonna do one layer at a time. And if you've taken my shadow lettering class, I show you how to do it in there, and I will also explain it here. So I'm gonna make it look like the letters air wrapping around, giving them some depth. So we need to create that new layer I'm gonna grab just a medium airbrush pretty small in a darker color than my lettering. And I'm gonna add just a little bit of brush where the upstroke meets my down stroke and down stroke meets the upstroke, so I'll just go around all the words right now it's pretty rough and will refine it in a minute. But right now I'm just getting just getting the shadows there. All right? So I have the coloring in now I'm gonna go to the adjustments tap and go to Gaussian Blur interest at it. So it's nice and subtle Now I d selected the layer. So staying on the shadow layer I'm going to go grab the You re search to refine it So I'm erasing anything that comes onto the down stroke I wanted toe the shadow to be just on the upstroke toe Look like the upstroke is coming behind Down and on the curves I tryto followed the shape of the curve to make it look a little more natural Sometimes matching the shape of the curve can be tricky and could take a few times, You know, it just looks like it's wrapping around. We're gonna do the same thing for high So I'm gonna turn thes two layers off so I can see it so turning on high, turning in a new, creating a new layer going to high selecting the layer, then clicking back to the top layer. That way my shadows stay within the shape of high and it's not blurring onto the white stays just on the lettering on. So again, I'm adding the shadows Rever thea upstroke in the down strokes meat. Now I'm gonna add a bit of gas, Ian Blair, just like before, you know, I'm just gonna make a quick little refinement to my lettering. Just smooth that out. Since I be erasing on the down stroke, I don't have to worry about matching the color. Go back to the shadow layer, Grandma Eraser in a race on those down strokes again Trying to follow the curry. Oh, wait, - all right. And now high is all shaded, So it looks like it's wrapping around just like we did with the other one. If I turn it back on now, I need Teoh. Create a shadow where high it's gonna be in front of aims and were aimed Well, look like it's in front of hot. So we're gonna need to add get another layer of shadowing, but it gets tricky here. So first I'm actually going to I want to move high to the bottom, and then I'm actually gonna put them into groups. And I'm labeling the shadow initial shadow because we have to do a different technique for when high looks like it's in front of aims and one for a milliseconds in front of high. So it gets a bit tricky here, So I like to keep my layers labeled, so I know which are which. So I need to figure out where I want high to be in front and where I want aimed to look like it's in front. So I think here I want high to look like it's in front, so I have to go through and determine that, and I'll circle it so you can see it better. So I'm gonna do where I want high to be in front of aims. So this is the technique I'm showing you when the bottom word should, when the bottom word looks like it will be in front. So this is for that. I want a high to be in front here, how to be in front right there, and I also want this top part of the H to look like it's in front. So Since I want high to be in front, I need to create a shadow on aims. So I'm gonna go to aim going to create a new layer in that group. Just gonna rename it quick. We went to select aimed grab a brush airbrush do that darkest red color shorts selected, um, And then going to go to that shadow, the new shadow layer, and want to put the circles on so we can see where we're doing it. So I'm gonna put a shadow on either put a shadow on either side of the H because I want the H filled bags in front and again. We'll be refining these in a minute. All right, so now I'm gonna go to Gaussian Blur, and I'm gonna grab the eraser to erase any shadow that got on High E would de select it and just do some little touch ups. All right, so now we have our spots where high looks like it's in front. But now we get a new technique for when we want aimed to look like it's in front. So I'm just gonna circle where I want came to be in front way. Just have two spots. And now because I want aimed to me in front, I need to shadow on high, get him going to select the lettering letter high that I'm gonna click on the final shadow layer. Gonna go to that airbrush. This one is actually a bit easier because high is all the layer highs below aim. It already looks like it's behind us. We won't have to erase. We just have to add some brush strokes that it can add a little bit of gas and Blair again . And so now we have our single color, but using the shadows, it still looks like it's interlaced. 6. Wrapped Around a Letter: in this lesson, I will be using the text future for our interlaced lettering In doing a more consistent technique. With the up strokes behind and the down strokes in front, I'm gonna start bay the adding text. It's under the wrench tool. And now they're all different kinds of options. You can play with fonts you can import fonds, you can change the size. Some of the funds have different styles. You can select the words to change the color e. I think I like this one. E make it a bit bigger. All right? No, I'll create a new layer above my text. Just gonna grab this pink. All right, So I have my word ready and our sense of the top layer. I'm going to bring down the opacity and do some racing. I want the down strokes to be in front and the up sharks to be behind and choosing to make a more consistent interlacing rule for this one way. Obstruct. Alan's gonna go behind the down, stroke in front. On that up short is gonna go behind. No one needs to the stroke for the connecting to the I put that one behind Theo way. You just keep moving through the word and again, you don't have to do like the up strokes behind the down, strokes in front. You can do it or playfully, you could have the consistent rule. It's up to you. You can use a brush to touch it up, so I need that obstruct behind down last one and now I have. My word is interlaced around the text, so it's kind of fun to incorporate that text with the lettering element, giving some kind of contrast. 7. Interlaced Image: in this lesson, I will be showing you how you can interlaced your lettering around elements at an actual photo as well as adding some shadows to give it more depth as it wraps around or goes behind different elements near photo. So I am using a sunflower photos that I took and I'm gonna interlaced military around the stock of the sunflower, create a new layer on top of my photo. I'm just gonna turn it to the side way. Great. So now I have literally on top of that stock. So no, I want to make it look like it's wrapping around stock. So we should bring down the opacity like before, and it's really very similar. So I'm just gonna race a parts, grab my racer with the hard airbrush Just erase the parts that I want to look like are behind that some fire stock. We're also gonna make it look like it's wrapping up. This other will stalk to. It's going right behind it can . You can just play around with which parts you want to be in front, back to bring up the capacity and see how it's looking. Touch up the Slayer with way and I just continue this process away to the booth, bring in my capacity. And now my work is wrapped around but in a real photo, there's more depth in their shadows. So I want to give my words some shadows as well. So first I'm gonna make a duplicate Then we slide it to turn Alfa lock When I get black from a shadow you could do great two or more close, closer color And I'm gonna grab the heart airbrush Gonna hide the top layer so you can see it I'm just painting that bottom layer black turn off All flock turned the top layer back on keeping the black layer selected Just move it a little bit making it so it'll be a drop shadow So I wanted to look, I want to go that way kind of down and just gonna add some Gaussian Blur to make it more shadow like And this is one type of shadow you can add You could leave it like this This is one option It's wrapped around kind of has that a little bit more depth. So now I'm going to add a ribbon shadow like we did in the model color lesson, but this one will be this one of you made easier. So I created a new layer. I selected white funny layer and then I went back to the top layer because I don't want to write directly on the white layer. I wanted to be above that layer so I can move it or deleted. I need Teoh. I don't want to mess up the way. So again, I'm just adding those shadows. The upstroke meets the down stroke a swell, as's where the lettering goes behind the stock. - I have some black of were all the up strokes and down strokes me and behind it just gonna ask him, Gaussian Blur. It's not blurring white as well. If I would have been better to use, like a gray instead of such a dark color like black. So there's a lot of contrasts. So now I'm gonna go back. I'm just going to erase wherever Shadow got onto the down stroke so that it looks like the dials strokes there in front. On the up strokes, air wrapping behind E feel like the shadows would have been better with a great they wouldn't have been. So look, a little dark fishing, erasing picture All those down strokes have the weight that the shadow states on the upstroke or wherever it goes behind stock way. All right, so now we have a ribbon shadow to give it again. We're a depth like it's more a part of the photo. It could also turn on the drop shadow again as well. You know, you have some lettering intertwined around riel photo. 8. Word in a Word - Text: in this lesson, I will be interlacing a word inside a word. And in this one, I'm incorporating both lettering and text. So I'm gonna go to the actions panel, add text and its style. There's this nice, but no mix. It all capitalized. I can choose my style again. Make it bigger, make a little more spaced out right now I'm gonna create a new layer, and then I would get a new color garble Lettering brush. So I have my word. Almost. All right. So with this particular letting berg watering brush, it's a bit transparent and light. So, actually, I'm going to tap on the image, go to select, gonna grab an airbrush and in the same color, I'm just gonna brush over it, and that will make it darker. So fun tip. In case you have a more transparent brush and you want to make it darker, more vibrant. All right, then I d select it and they were ready to start. All right, so I'm gonna make a duplicate hide it and like before, I'm gonna make it bring down the opacity. And since it's on top, that's the one I'm going to be erasing of erasing parts of my lettering layer where I want to look like it's behind. So here look like it's going behind the D and then coming out the front, bringing the capacity to have see how it's looking. I'm gonna make this part of be good behind so it's gonna front wraparound behind man with the bottom of the B A. A few different choices here, e. I think I'll make this Parco behind. No, I want to go behind this leg of the are See how it's looking. I'm looking house like wrapping around the stem or like the base of the are Hey, looks like Hillary has a little bit of a gap. I could fix that or I could just make that part go behind. So I think I'm just going to a recent Make it go right behind that. Even an issue looks like it's just tucking right under that middle e part and then coming down in front. No, I think I wanted to go right behind the A here behind. Come in front for the G. I want to go in front or behind. That could make this Parker behind the down stroke I'm actually going just just to that thick down stroke going behind. I keep that thin line going in front. So after carefully race here, way brush a little smaller. I'm going in front behind. Now that part is gonna go behind this bottom of G. So that prodigies going behind, and then I think it's gonna loop back in front. And I wanted to go behind the last part of the M. All right, so, no, it's interlaced in our word. 9. Word in a Word - Hand Lettered: in this lesson, we're doing basically the same thing as before. But instead of having the font of the text word using both layers that are lettered for we're inside a word someone, a letter by bigger word that I want the other word to interlace with inside, creating a new layer and in a new color just gonna write it right on top. Now it's the same type, because before I was a first, duplicate that layer, bring down the opacity and get my eraser. I'm just gonna have it start by coming behind behind that part of the D Ethan and behind the other part of India's well, and then going in front, coming back down behind again wherever I want. Theme, maroon word big to be behind. I'm just gonna erase that part of the word. I think that part of me going French of the first leg of the R and then behind the second leg of the are front of the E that I want to go behind this part of the A front on behind again, bring the capacity up to see how it is So far. I like it. And I was just gonna finish up the G I was gonna wrap around front, Go behind, Come down in front, I think Stay in front and behind a in front of the A I think would make it go behind the m Really making enter interlace here way Have our word inside a word where both words are hand laddered 10. Interlaced Doodles: in this lesson, I'll be interlacing a doodle or drawing inside of the lettering. So instead of the lettering intertwining, it'll be the drawing that intertwining within the letter. So I let her two piece here, and then I'm gonna create a new layer above it, and I'm gonna have it in a new color. I'm just gonna draw for now on riskier to a doodle so you could make it faster. You could make it like a vine. You could have actual like illustrations intertwined, interlaced in your lettering. I'm just gonna keep it simple for no. So it's the same technique. Is we've gone the whole time, just a new idea. So where I want the doodle to go behind our race So this really is exactly like we've done before. The only difference is that it's not lettering. It's an illustration. A doodle, a design that's going wrapping through your lettering way, Theo. First line done just waiting right through my word words. So this is actually a bit tricky because there's a whole lot of the doodle on top of it, So I'm trying to kind of play around with the one part of the loop going one way and in the top part of the loop going the other way. So the loop is coming in from behind, going to the front, wrapping around the way Wake. It looks like it's going the back parts find behind, and then the front of all will be That's going behind the front of age. I have m here. I'm just gonna dio this'll part of the loop. Dual Sorry. Way on the other stroke with a loophole, Be in front right now I have the doodle interlaced through and I hope that gives to use some ideas of how you can use your illustrations and intertwine them in your lettering. 11. Project: Thank you so much for joining me. I hope you have found some new interlaced techniques that you can add into your lettering pieces. If you found anything tricky or you have any questions, feel free to drop questions in the discussion tab below the project. For this class, it's to use one or a combination of the techniques, the ideas that I've shown you in class and to create your own lettering piece incorporating that. And then you'll upload that image to the project tab. I cannot wait to see what you make. If you would like to connect Beyonce kill share, You can find me on Instagram at Alysia. Megan hug. I hope you enjoy this class. I appreciate you for joining me and I hope to see you in another class by