Digitizing Your Watercolor Background for Digital Lettering with Procreate | Alisiah Hug | Skillshare

Playback Speed

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

Digitizing Your Watercolor Background for 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 (30m)
    • 1. Intro

    • 2. Scanning

    • 3. Flat Lay Photography Mini Lesson

    • 4. Photo Editing

    • 5. Flat Lay Mock Up

    • 6. Changing Color

    • 7. Whole Background

    • 8. Border

    • 9. Clipping Mask

    • 10. Combining Elements

    • 11. Conclusion

  • --
  • 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.





About This Class

This is essentially a part 2 to my previous class Simple Watercolor Backgrounds for Hand Lettering & Modern Calligraphy where I will show you how to take your watercolor background piece and digitize it through scanning/flat lay photography for calligraphy/hand lettering within the app Procreate on the iPad. 

Materials Used

  • Watercolor piece
  • Scanner
  • Camera/Phone
  • Various decorative materials for a flat lay
  • iPad & Apple pencil/stylus
  • Photo Editing app
  • Procreate

Meet Your Teacher

Teacher Profile Image

Alisiah Hug

Lefty Hand Letterer


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!
  • Yes
  • Somewhat
  • Not really
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.


1. Intro: Hello and welcome to digitizing your watercolor backgrounds for digital hand lettering in procreate. My name is Alicia, and I am a hand lettering and abstract artist. And in this class, I am going to be showing you how you can take watercolor pieces that you've created. Like I show in my other class. Simple watercolor backgrounds for lettering. I'm gonna show you how you can take those backgrounds and digitize them for digital lettering. 2. Scanning: All right, I'm going to start with scanning my piece. I just have a regular printer with a scanner attached. And since by this wireless, I can actually use an app on my ipad to directly scan it. You want to go to scan? I'm gonna go to my settings for my input type. I'm gonna choose an image. The quality I wanted to be at 300 d. P. I and I wanted in color. And you can also choose what size. But I just keep it at the eight by 11 and little crop it. Right? So I have my piece. Like I said, it's just a regular printer with a scanner. Nothing too fancy in a press scan. Right? And now I have my scanned image. I could go to at it, and I have the option to crop it. I'm just gonna crop it to the size of my image in Preston, and I'm going to save it to my photos. I'm gonna save it as a J pink rather than pdf. And that is it. You're ready to move on 3. Flat Lay Photography Mini Lesson: another way you can digitize your peace is through flatly photography, which is basically taking a picture of your piece with some accompanying elements, and you want to really think about the vibe of your piece. Do you want to be a minimalist to want to be playful boho? Um, Sheikh, whatever your style is, so you'll think about when you include those elements. So I'm going to include some elements that actually used to create it and then just some other fun, playful sorts of things. And you also want to make sure that you have nice light. That's like indirect natural light is the best, but not like it's not direct sunlight at first. You may not love what you're doing, but you just keep playing and keep trying new things, and eventually you stumble upon something you'll really like. - And I also have this fun Garland that I might try and see how that looks again. I'm just really just playing around with a different elements that I have trying to play with the colors and the lines in the piece. Sometimes it's nice when things air like a lined up in straight. Other times, you want different angles. Ultimately, you want to find some sort of balance in the piece that when you look at it, it just it feels balanced and grounded. It doesn't feel like too much is on. One side is to empty on one side. - Like I said before, I personally like to incorporate elements of the items that I used to actually make the peace. I feel like it kind of gives a glimpse into the process, helping your audience kind of get a glimpse into your into your world. - I also found a little bag of confetti that I had. So just gonna try that out and see what I think. All right, so I played around and I checks and photos, and we'll add it in the next lesson. 4. Photo Editing: all right in the sauce, and I'm gonna show you how I edit my photos with the APP light room. You can use any app that you prefer. Um, but I like to edit my photos a little bit before I import them into appropriate. So I took a bunch of different ones from my flatly mini session and back to brighten up the shadows a little bit, play around with and kind of see how much he needs to be bringing the exposure going into color and turning up the vibrance you can play with each option to see, like what it does must go. Just look at the temperature a little bit, see if it could use a little warming or cooling. You could also play with individual colors. If you want. Control it up trying to down the Hugo, which will change kind of the color. Whether it's closer to like the next color of the previous color. It could also adjust the saturation, which is kind of how vibrant is. It could also address the luminous, which is kind of how light it is, how bright, and you can also rotated if you feel like it isn't straight, could also crop it to whatever size you to fire. And sometimes it could be fun to just play around with the cropping and see if you like. It is a square or vertical horizontal orientation. All right, So I moved on to another picture and we'll play with the shadows again. Can also play with the highlights, which are the bridges part in the picture, freeing the exposure of a little bit to brighten it Got a warm that image up a little bit. Also going to turn up the vibrant so that the colors pop more. Crop it again. I'm just gonna just with a couple more photos, bring up the exposure thing of the shadows, turn of the vibrance and crop it once more. No. Right. And now I'm going to make sure I save all these my camera rule. I'm just going to use a small size. You conservatives the large. You can save them as you go where you can do it all the end that's up to you, right. And now they're ready to go in to procreate. 5. Flat Lay Mock Up: all right. Our flatly photo is now ready for editing and procreate, and it's basically like a mock up so you can write on it however you want. Make it look like like that text was already on it. Create just a fun digital design play around with different brushes. There are some free ones that come in procreate for calligraphy. You could also do a Google search and find a bunch of different, free procreate lettering brushes. You can play around using colors from the peace, so these air the free brushes that come with it. Or like I said, you confined others to download or purchase. - And so I forgot to put it out a new layer, as you can see when I tried to move it. So it's important that you make sure that the lettering is out a new layer, so that way you can manipulate it and move it around. So that way you can get composition that you like. So I'm OK with the step into parts, So I just undid the other part input, um, and and putting it in a new layer now and just gonna move it a little bit now that I can. And here we have a finished markup 6. Changing Color: All right, now I'm going back to the image that I scanned. I'm gonna show you how you can change the color. So to add a photo, you can go to the plus button in, insert a photo. I'm going to duplicate my layer so that I have a copy of the original below. We're gonna edit this top layer, go to the adjustments and down a hue, saturation and brightness. And now you can play around with a hue and just see all the different colors. It can change too, and find some other ones that you like. It could also change the saturation, like how rich the colors are. You can also brighten it up if it is a little dark, where if you want to be a little darker, I'm going to save a copy of it so that I have it. Just save a J peg of it to my images. You know, I'm gonna duplicate my layer again and try another color. You can play around with the adjustments and see how it affects the image and see what you like and don't like, get him going to save it and risk O'Shea this process with another image that I did that has multiple colors. So I just adjusted it slightly. So now it's kind of like an earthy blue and green. I'm gonna say that one, because I really like how that looks. You make another copy of my base layer my original. They could just see what color some you're not gonna love as much some you will like. And it depends on the combination of colors that you used, whether this will work or not. 7. Whole Background: All right. So one way you can use thesis scanned image is to simply use it as the use it in its entirety. So I'm gonna just keep it as is in letter on top of it in that new layer. Like I said, they're the free calligraphy brushes. You can import your own. Okay, I'm going to let her directly on it. - In here is one example of a piece using the whole background is in the whole watercolor piece as my background. And here is one of the other color pieces that I saved. So I made my new layer. And again, I'm just gonna use the whole background, a letter right on top of it. 8. Border: another way to use your watercolor piece is just be using a portion of it like a border where you can also do other shapes. But I'm gonna show you using the pieces a border in this lesson. So I'm gonna go to the artistic brushes, and you can play around with which ones you want to use. But this will just give it a nice kind of textured edge. So it's not, like a straight, like, just a straight sharp line with some texture. And then I was gonna erase the rest of it. I don't play them using with it, and I made a copy of the layer. So that way, if I decide I really didn't like it, I can always go back in her. Choose Miller. A lettering brush. - All right, so here is my peace. Using the watercolor background just a za border 9. Clipping Mask: another way you can use the watercolor. Peace is with a clipping mask so that the water color texture will be the failing of whatever I write or draw. So I have made a new layer and put it below the water car layer. And for now, I'm turning the water color layer off to hide it. So I'm going to draw first. No, Great. So now I have my lettering gonna go to my lay years. Don't click on top on that icon the picture of my watercolor and go down to clipping mask and then turn Miller back on so I can see it. And now it's the filling for my writing. You can awesome of the layer around to get whatever part you want, But just know that any part that goes beyond the canvas, we'll get cropped off. So I'm gonna move my back so it stays within the canvas frame. The other way to use the clipping mask is, too. Do it again. But having that watercolor earlier turned on right away, making sure I'm on the right layer. And so when I write, I can actually see it as I go. Instead of waiting to the end so you can choose whatever you want to do. It goes to play around with different brushes and see how that affects the texture, so to over exaggerate. This is like a watercolor brush, and it has kind of those softer edges. Like I said before, you could also use it for illustrations in keeping giving your your your illustrations just a found water color texture. - And this is how you can use your watercolor piece with a clipping mask. 10. Combining Elements: and this, Lawson, I'm just going to show you how you can play around with some of the different techniques and elements that I've shown you and even combined a few of them. So I duplicated may layer and hid one of them just to keep it. Keep one safe. And so I'm gonna go to the artistic brushes and I'm using my eraser tool right now. And I find that I get better texture when I just tap instead of holding my finger down. So I'm gonna keep doing that just to get that fun texture on the edge. No. Hey, it's kind of like a border, but it's a little bit different than what I showed you in a different lesson. And now I can use it to letter another way you could use the background. So I'm just gonna group these two and hide them for now. And I'm just gonna play with something else. Now I'm gonna duplicate my layer again, my base layer. This time I'm going to use the eraser again. I'm gonna kind of do like a top and a bottom border kind of going around the edges of the natural water color texture, as you can see, it kind of, instead of having just a straight line across between the watercolor and the white, using the textured brushes gives it, it allows that to kind of flow into each other and look a little more natural. Yes, I know I could keep it like this, but I'm gonna play with it a little bit more, and I wouldn't grab my base layer when we're time to make another copy of it. And I'm going to play around with the clipping mask options. I attack the picture tap clipping mask and make sure I turn the layer on so I could see it . And now I could leave it like this. Or you can also go to the Gaussian Blur and just kind of soften the colors a little bit. This is just one way you could combine the elements but playing around and see what you can create with your watercolor backgrounds. 11. Conclusion: Thank you so much for joining me. I hope you found some fun ways to incorporate your watercolor pieces into your digital lettering art. And now it's project time. The project, if you so choose, is to take one of your watercolor backgrounds. And if you need help with that, you can check out my other class, take your watercolor peace and digitize it, using either the scanning or maybe a flatly photo and imported into procreate and use it to create a digital illustration and you can upload it to the Project tab. We'd love to see it. Thank you again for joining me. If you like to connect beyond skill share, you can find me on Instagram at LSE a Megan Hug and you can tag down there and I'd love to see your work. I hope to see you in another class by