Live Encore: Create a Stylized Illustration of Your Dream Trip

1. Introduction: I love doodling, and I love to see doodles on actual products. When I put the two and two together, I learned it's called surface design and I never looked back. Hi, my name is Esther Nariyoshi. I am a surface designer and an illustrator and also a top teacher here on SkillShare. Today we're going to draw a boarding pass of your dream trip. We're going to start with picking your dream vacation destination, and then we're going to find some reference images, and we're going to sketch and add colors and textures and make it pretty. But I hope that I can lift off some weight off of the pandemic and just help everyone to relax and think about the future and anticipate that good trips that are coming so that you know this class was originally created over Zoom and I got to interact with live audience. 2. Sketching: Hey everybody. Welcome to another Skillshare live session. My name is Jasmine. We are going to be joined by Esther Nariyoshi to create a stylized illustration of your dream trip. We know that everybody is eager to start traveling again, so this is step 1 to just thinking and imagining where we want to go. Well, Esther, I will hand it over to you to walk us through. Just to give us an overview, we will pick a city that we're going to go to. My city is going to be in Sao Paulo. I know at least one if you come from Sao Paulo, so [inaudible]. Then we're going to do a quick research like a reference images. Obviously, I've done my homework here, so you can see a few images here. But you can just do a quick Google to find images that you want to reference. Then we're going to be sketching, and inking, add some colors and texture. That's the bird's-eye view. Let's get started. Right now, I want you to imagine a city, either you have never been before or you have been and really want to go back. The keyword here is looking forward to, because we want to fully engage our mind to anticipate and to think about future. If you have a city that you want to visit, you can start Googling images, things that you really look forward to. I'm going to show you what I have over here. If you guys can see. Let me just make this a little bit bigger so it's easier for everyone to see. There you go. The top three pictures, I actually took it three years ago in Brazil. I really enjoyed the little details of their architecture, and I feel like it will be such a treat if I get to see them again, hopefully soon. I also really enjoyed the greenery I visited in December and it was in the mid of summer, so it was really cool coming from lots of snow. Then here I really enjoyed a snack bar that is available pretty much in every neighborhood. You can see fresh fruits; just reminds me of Brazil. Last but not least, some of you may recognize this little thing, it's called brigadeiro. This one is a special desert in Brazil. It tastes like fudge, but it has its own unique flavor. These are the things or elements of the things that we're going to be working on today. I really recommend, if you have a tiny piece of paper, pick maybe 3-4 motifs. It doesn't have to be what the city is most famous for. Make it very personal, something that you really look forward to. I have my Sao Paulo elements here. I have fresh juice, architecture, plants or leaves, brigadeiro. With that being squared away, we're going to get started. On the left of my screen shows the brushes that I'm going to be using. The first two are mainly for sketching, and this is for line work, the third one, and the last three are for adding texture. You don't have to use exact, but if you do want to, maybe take a screenshot or something so you can follow along. Also, if you see me do this and all of sudden, this weird thing pops up, this is called a quick menu. Basically, I've just loaded all the brushes that I mentioned into the quick menu. It doesn't do anything other than making switching brushes really quick just to save us some screen time. You don't have to have this ready. We're going to create a new layer for our sketches. I'm going to choose my pencil and pick a color that is dark, or red, or whatever, that pretty stands out. Sketching stage is really loose, it's very low commitment. You don't have to draw perfectly. This is just to synchronize your hand and your mind to get things going. For a boarding pass, I'm going to draw a very simple rectangle. Then maybe 4/5 down the road, I'm going to do the perforated lines just to make it look more like a boarding pass, like that. No matter what city you go, it will be helpful to put on our destination. I'm leaving three blocks here for the departing airport and three blocks here. It's a little off the center, so I'm going to use my lasso tool to move it a little bit, maybe size it a little bit smaller so we have space to add elements. Now I'm going to create a new layer to add my elements. For those of you who have already got your reference image, you can bring them in right now. Go ahead and click on this wrench icon, and then Canvas, and then turn on the reference. I already have it loaded in, but if you have not, you can click on the Import and select from your library. You can just stick it to the corner, you can resize it, make it smaller. The first thing I'm going to draw is going to be the biggest element, which, in my case, is going to be the coconuts. I'm going to zoom it out a little bit so if you want to draw coconuts with me, you can see how they look like. Make sure you have a fresh layer so that if we want to change the placement in the future, we don't have to redraw the whole thing. Go back to my pencil. There we go. I'm going to do coconut. They are pointy oval shape. Not exactly oval or around, like squishy element shape. I'm going to do this. On top of that, I will do the mesh bag. I really like this exercise because drawing those parallel lines really warms up your hand. Then you can do a little clip here. My coconuts are on it's own layer, which means that if I were to move it around, I can do that. This is really important, it just gave us more flexibility. The next I'm going to draw my brigadeiro. Oops. There you go. This may seem a little complicated, but we can simplify it to some basic geometric shape. We're going to do a simple liner that holds the brigadeiro and then do half a circle here. You can do some sprinkles on top. I plan to have this maybe repeated a few times. I've never met a person who stops at the first one, so there is that. I'm going to try another one here, maybe one more over here. As you're drawing, you may want to vary direction so that they look more lively, I guess. That's my brigadeiro. Another thing I really miss is the architecture, specifically the window of the Brazilian houses. It's just so charming. Actually I will write down the airport code. I would be flying from O'Hare Airport and then I'll be landing to Sao Paulo, which is GRU. I will pretend the Sao Paulo portion is a window, and I will translate some of the window designs behind my letters. You see the little ridges, the zigzags here, I'm going to do that same here. Then we'll do something similar like this; a little more simplified. Then add a tiny bit of decoration here. Next reference I want to work on is my leaves. As you can see, the color is super vibrant and the leaves look very meaty. Sorry for lack of better words, but I think I touched this leaf for a long time. It just feels really good. It's something that I don't get to see in where I'm living. I'm going to do a leaf in this direction. It's pretty simple. We do a line to put the placement there and then just draw wavy lines around. Maybe add another guy over here. I'm really curious where you guys are all going. Thinking about traveling really gets me excited. I think this is it. This is our sketch. 3. Inking: Now we're going to get started with inking. I'm going to use a very textured brush. This one is called Sassafras. It's located under artistic. I'm going to go ahead and select chocolate color. Now I want to make sure I have a fresh layer. That's very important. Just go ahead and draw chocolate ball like that and go ahead and create a new layer for the sprinkles. I'm going to choose a different pen. This one is called monoline, I believe it's under calligraphy folder. Now we choose a different shade of brown. Let me just zoom out so you can see better. Just try to be random and then we're going to give it a liner on a new layer. I'm pretty diligent. I'm a big advocate on using layers because that will just give you maximum amount of flexibility. I'm going to choose this creamy color here and use a different brush. This one is pretty textured, as you can see. You want to make sure you enclose this shape because we're about to use color drop, like filling a container, so if you're not sure, if you see these little gaps here and there, if you just keep your pen held down to the screen, you can change their color drop threshold. If you go all the way right, it will flood the whole screen and if you go slightly to the left, it will give you a different result. Esther, we've got a couple of questions. Yeah, go on. The texture brush that you have, can you say a little bit more about that? Which one it is? What I used is this one. It's under calligraphy. It's called Kunanyi. If you go to the Brush Library here and find the calligraphy folder, which is small letter a, and it's the very first one. Now I'm going to use my pop of pink to draw the crease over here. Pretty simple. I can go ahead and repeat the process to draw all four, but in this case I'm going to do duplicate so that I can show you how it works. These are my Brigadeiro layers. I'm going to group them into one big group together. What you can do is to use your pencil or finger to write swipe and then click on "Group" and then you can collapse it. If you toggle your visibility on and off, you can see the whole thing is under this group. What we're going to do now is to duplicate this group and hide the original one, which is underneath, and flatten, which can be done by clicking on the thumbnail and click on "Flatten". The reason why we want to duplicate is that we want the ability to change anything later in the future. Say that you want to give it a different color or you want to add more texture, you don't have only one flat layer to work with, but we don't need to see it now, that's why we are hiding it. Now I'm going to duplicate this flat layer maybe three more times. I'm going to move it to a different spot. You can do that by clicking on this arrow and then just move it to a different spot. If you want to rotate it, you can drag this green handle. If you drag a corner in and out, that will change the size of it. I'm going to do it a few times. Move this guy up and turn it around. I also recommend using the flip horizontal or vertical so that it doesn't look like you just duplicated. Sometimes it can get distracting if they look exactly the same. Then one last one, I'm going to move it to the corner, maybe make it slightly bigger. That's our Brigadeiros. Now I want to create a new layer for my window. I'm going to zoom out and choose a brush that is called Tarraleah. I believe this one is under the folder of artistic. It's pretty beautiful and it's very textured. I'm using it for a liner. Let me just show you what it looks like. As you can see, it has very yummy textures on the edges. I really like that little bit of grit. Make sure I have a new layer. In this case, I'm going to select the cream color again and draw a rectangle. I want to be a little bit more careful this time. If you want to draw a perfect rectangle, you can use a quick shape, which can be done by just drawing a rough one, but do not lift your pen, see? Then automatically, you can still edit your shape. You can do it polyline and also you can also just save it as a rectangle. I like the wobbliness of my window because it reminds me of hand-drawn. I like the hand-drawn quality of it. Then I'm going to draw another rectangle at the bottom. Maybe use a different color, let's see. Then I will do a color drop here. Now I'm going to draw the ridges, those zigzags that goes inside. Since I'm drawing inside, I'm going to use Alpha Lock. You can do that by tapping on the thumbnail and tap on the "Alpha Lock." Let me just choose a different color. What this one does is to lock all the transparent pixels and you only get to paint inside the shape that you already have. If I were to draw a line that goes from the bottom to the top, you see the part that's transparent, it's not visible. It only shows the overlapped area. I really like this feature. I don't have to be super careful. Let me zoom out. Actually, I'm going to do this white because that's closer to my reference image. Well, except we can't see. Well, we'll change color later and I will show you how to do it. Right now, I'm going to do my zigzags just across this thin rectangle. Again, you don't have to be perfect and I will color drop. Notice that I'm not lifting up my pen yet. I'm adjusting the color drop threshold to make sure things look consistent. Because the pen is pretty textured, I will still end up having to fill the gaps here and there, but adjusting the threshold really helps. Then maybe I want to start a new layer for the top portion. I'm going to go with this orange. Just draw around it. If you want to draw a line that is completely straight, you want to use quick shape. Like I said before, make sure your pen is not lifted after you draw. Just do this. Let's see, do this, this is a curvy line. You can add a shape to make it a line or keep the arc. I'm going to undo this and draw on the top over here, and then do a color drop. That's my window here. Then the next thing I want to draw is the leafs or the leaves. I'm going to start with a new layer. Select green. I'm only going to draw the outside of it and then I will show you how to add texture inside using a different technique. Let's just draw the closed shape, the wavy the leaves, like that. Then we're going to do color drop. By the way, if you long hold the dot, it will swap between the most two recent colors. That's what happened, here we go. Make sure it has its own layer. Maybe I'll do a separate layer for a different leaves or different leaf. Feel free to rotate your Canvas if you are more comfortable working at a certain angle. A new layer for a new leaf. You may notice that my leafs are bigger, well, the leafs go outside of the edge. Like why don't I just draw half of the leaf? The reason is that I want to have all the information that I need on its own layer. For example, later, if I want to change the composition and add in another element, or I want to move the leaf around, I still have the entire piece, I don't have to redraw because I only have half of the leaf, if that makes any sense. Right now I'm going to give this leaf a texture. If you remember that we just talked about the Alpha lock, we can do that. But I'm going to show you more, my preferred technique is called clipping mask. Basically, let's see, we're going to work on this guy, close up. I'm going to create a new layer just right on top of this guy. Then I'm going to turn this into a clipping mask. You can do that by tapping on the thumbnail and click on clipping mask and give yourself a different shade of green. I'm going to choose this darker one, and choose the textured brush. I'm going to use Styx. I think that's how you read it. It's under drawing, in the brush library under drawing, and this little scratchy guy over here. What I'm going to do is to draw half of the leaf in one stroke. Maybe make it a little bit bigger. You see what I'm doing here, even though I drew a whole line but only overlapped area works. The difference between this one and the Alpha lock is that Procreate has all the information we need on this layer. For Alpha lock, things are flat, if we were to change the texture, we have to redraw. But for this clipping mask, we have it on the separate layer. If I were to just isolate this layer right now. Let's see if you can see this. It's not showing me, but if I were to change this to pink, for example, I'm going to change this to pink. I can do Alpha lock on this just one stroke and then change my color to pink and then click "Fill layer". Instantly only this textured stroke changed color. This is really neat. I'm going to go back to green for now, and then I will do the same for the rest of leaves. Let's come back to our coconut. Make sure we have flat fresh layer and start drawing the shape. They are like rounded cornered diamond. They can be touching, that's okay, or they can be independent. I'm going to draw. Just do a color drop. Then we're going to create a new layer for our shadows. I'm going to go with a darker green. It's like somewhere between an X and a H shape. Maybe helpful if I bring in the reference image over here. This is my stylized interpretation of the coconut. If you want to go for realism, you can maybe download a few different images and look at it from a different angle, then you might have a better picture. But for now, I'm happy with this little cute stylized version. As you notice that I'm not looking for realism, my lines are totally coming outside of the coconut, which is okay. I just want to double-check if it has its own layer, because I don't want to put all of them together. That makes changes really hard. From the top, I'm going to do pop of color for our little clip here and then go back to yellow for the string on top. All right, I think that's our coconut. What I'm going to do now is to create the bottom ticket. I'm going to create a layer that is right on top of my sketch. I will use the ribbon here and the rectangle, and make sure I turn on the color fill. In this way, I can draw rectangle real quick. Here we go. Then at the very top, I want to write down my departing and arrival airport. Maybe I want to get my sketch back up. You can move it all the way up. You can still see how it looks like. I'm going to choose white because it contrast really well , ORD and GRU. There we go. Last but not least, I'm going to create some, like ocean waves. There we go. Now we have some texture in the background. Now we want to do is to just get rid of the edges. I'm just going to group all my elements into one group. Put all your flat elements together and merge down and then bring the coconut down as well. This one is super quick. Then we want to just turn this one into a clipping mask. If you were to drag this right above existing clipping mask, I will automatically recognize this one as a clipping mask. I think that's our ticket. 4. Final Thoughts: I hope you had a lovely time working on this piece. My advise is that don't just stop there because now you already know how the process works. I really recommend you to invite a friend into the process and talk about the future trips that you're going to take together or maybe invite your child and have a conversation about another culture, just something that we can look forward to while you're doing art together. This project is really scalable, so you can do multiple cities because art is a powerful way to self-care. Let art take care of you in this time. If you're really interested in this style of illustration, I have tons of other Skillshare classes that you can follow, and I would love to see your projects there. Thank you so much for taking my class. I'll see you next time.