Transcripts
1. Course Intro: Hi everyone and welcome to my latest class. I'm gentle zan, and I'll be the one guiding you through this course. I'm a freelance graphic designer, illustrator, educator based out of the Midwest, and I run Bella and Sophia creative studio. If you want to learn more about me, check out my YouTube channel to get a behind the scenes view of the work that I do as a freelancer and the work that goes into making classes like this one, you can find me at www.youtube.com slash C slash the freelance life. I really enjoy sharing my knowledge here on skill share and over on YouTube as I think it's a really accessible way to learn new skills. This month, I'm coming with another digital planning and digital art focus class that revolves around designing illustrated digital stickers using both procreate and Affinity Photo. I know I've said it before. I'll likely say it again. I really have a passion for planning and journaling and digital planning is a really great option. For those of you who feel like traditional art supplies or paper planning can bog you down personally, I like doing both, but I know it can sometimes viewed less convenient to pull out paints and markers. And just, it can be easier to pull out an iPad and stylist for art or planning. Planning lets me take my need for organization and allows me to combine it with my graphic design and illustration background and, and come up with some really fantastic digital products, art. And I am fortunate enough to be able to sell an ad seen Creative Market, if you like planning both digital or physical planning, make sure you check out some of my previous classes, break and skill share on how to design physical planner stickers in my digital planning courses like how to create your own digital stickers for digital planning and how to make a digital planner and affinity publisher in Affinity Designer this month, I want to take you through my process of how I designed illustrated digital sticker packs for digital planning, I've walks students through the process of making really simple functional stickers which shapes and tax. But for this class, I wanted to show how simple and streamlined it is to illustrate digital stickers using procreate and Affinity Photo. If you don't have Affinity Photo on your iPad, that's okay. You can still take this class using procreate. But I wanted to highlight how simple it is to use the slice functions to actually export the element on your workspace as individual PNGs with transparent backgrounds, I wanted to share some tips, my knowledge and process to help you design elements that you can use for digital planning, digital scrapbooking, or that you can even turn into physical stickers if you wanted to. So what is this class about? In this class, I'm going to walk you through how to make illustrated digital stickers using procreate. And also show you some options for drawing and Affinity Photo. I walk you through my illustration process from concept to final images. I will then take you through the process of how to export your files for use in digital notetaking apps and then how you can use and apply them in those apps. So what are the skills that students who learn in this class? You're gonna learn the basics of how to use procreate to illustrate simple concepts. I will walk you through my research process to find references and then how I illustrate sticker concept using procreate, I will share some tips and tricks that I've learned in procreate that will be helpful for you as you create in the app. And we'll also walk you through how I use Affinity Photo, the iPad version of the app to design stickers in as well. And how I use it to quickly export all of the elements on an art board is individual PNG files using the spice options in the app. I won't do a full rundown of the tools and interface for these apps as I've done that in past courses, but I will guide you along as we worked through the program so that those of you who are just beginning can still follow along. Finally, we will go over how to load and use these digital stickers in the digital note-taking app. Good notes. I will also offer some tips to keep in mind if you plan on exporting the files and using them as cut files for physical stickers, if you use something like a cricket machine to cut them to make things easier, I will be including the class projects as digital files that you can download and play around with in procreate and in Affinity Photo also include a file with the final digital stickers as PNGs that you can use in your own planner. This way you can get acquainted with my files setup before you start your own. Please make sure though that you keep in mind the files I create are for personal use, only fell free to use them in your digital planner or use a cup files to cut some physical stickers for yourself that the files cannot be resold. Your final project though, handy if you want to check out some of my other digital products for inspiration, make sure you check out my shop on Etsy, Ella and Sophia creative. You can also check out the Pinterest board link that I created with tons of bullet journal's style like stickers and different types of digital stickers and digital painting products. For inspiration, I'll make sure I link it in the class description. And looking forward to creating with you, let's get started.
2. Tools + Class Project: So what are some of the tools that you will need to take this class? So all you really need for this class is an iPad and an Apple pencil with the following apps installed. Affinity Photo, procreate, and the good notes app or any other kind of digital note-taking app. But just keep in mind though, I will be using good notes to show the final project in action. So let's talk about our class project. For your class project, we will be creating two sets of illustrative digital stickers. Once that will be created using procreate and the other will be created in affinity. For. Your final project will consist of the final sticker sets at sported as PNGs for use in digital planning apps to share your project, I would suggest uploading your final sticker, such tests as simple jpegs to share with the class. You can, if you feel comfortable sharing a link to the final PNG files, if you would like to share them with the classmates in this course for personal use, your deliverables include your sticker sack created and procreate. You're sticker sack created an Affinity Photo, both as JPEG that you can just load to the class project gallery. And if you so choose a link to your final PNG files for download. So who is this class geared towards? This is geared towards anyone interested in learning how to use procreate and Affinity Photo for digital planning and Sticker making. We won't be going through the user interface of the apps in too much detail. So intermediate learners might feel more comfortable. But I do make sure to walk you through the process so that anyone not familiar with the app should still be able to follow along.
3. Researching References: Hi Ron. So let's get started on working in procreate. So before we begin any of the illustration process, what I like to do first is find references. So you can use any number of resources that you like to tap into. But personally, I like utilizing Pinterest, but you could do a simple Google search. But I really enjoy using Pinterest as it has such a wide variety of and visual elements because it's a great way to organize my ideas. And I actually created a pin board focused on ideas of Los Angeles icon. So the reason why I'm gonna go with LA is I completed to sticker packs are ready, physical and digital, featuring two of my favorite cities, which are New York and Chicago, where I'm from. And I wanted to add a third, which is, these are cities that I visited, but cities that I have a lot of fun and ties to and friends in and things, memories in terms of work. And LA is definitely one of those places. So I wanted add a third city so that I can utilize this from FT shop and offer like a megaparsec of city inspired iconic stickers. So even though we're creating these for digital planning, I'm still likely going to be utilizing these for some of my physical planners and making actual physical stickers out of them to. So I am focusing on LA and the ideas that revolve around LA, icons, iconography, visual components that remind you of this specific city. So I just kinda went through and I append a bunch of different ideas that remind me of LA or that inspired me in terms of illustration style. Different iconic venues and places like the LACMA and just icons like palm trees, the idea of the ocean, Hollywood, things like that. So I'm going to include this link to the Pinterest board for all of you in the description. But this is kind of how I start my research process when I'm looking for actual references, some people can just draw it up their hands and they think of LA and they can draw whatever comes to mind on that, that kind of person. I have to have some sort of reference in order for me to be able to then pull from that or friends. But using my own stylized way of drawing, you can actually do a side-by-side view. You can click on procreate and your dock and then you can pull it up and do kind of like a side-by-side view of procreate and Pinterest and draw from there. So this is one option as you're looking through your references personally. I like to kind of like create a list of ideas that, and themes that relate to this. So these are things that I'm an either on a search for things that I want to draw. The ocean, sea life, palm trees, Venice. So these are all things that I'm going to search for and use in Pinterest is I'm searching to do that. I'm just going to hit this little magnifying glass icon. I'm gonna go to the search bar and then I'm going to click on the little At the very bottom. You could actually write in your searches now with the Apple Pencil, but I still prefer using the keyboard. At the bottom there's a little keyboard and you can just type in. So I am going to just type in Venice, California. And even though I'm kinda focusing on LA, I'm kinda focusing also on California as a whole. So I'm gonna search within a speech and see what we get. And what's nice too is that I can pull color themes as well from this research. So I really like this picture, so I'm going to click on the little three dots to hit save. And I'm gonna save it to my Los Angeles icon board. Or you can just hold down and then you'll get this little pop-up. And then if you pin it, it'll allow you to pin it and save it wherever you want. So I'm just gonna go through and kind of look through and see what I like and add these to my board. I like this idea of the street sign as well. I did sticker pack with Chicago and I pulled in some of our street signs, iconic streets that I'm familiar with and that people who like Chicago or people who are from Chicago are familiar with as well. Also like this idea of kind of pulling in like a surfer vibe or some hand lettering for this idea of like California dreaming. Again surfing, that kind of option as well. Alright, so once I'm done with this, what we could do is you could just go to your actual a Pinterest board where everything is pinned and kinda scroll through and use these elements as references and zoom in as you draw and things like that. Or you can also create a page that we can then utilize for the in-app viewfinder. And this will allow us to use the whole screen. So what my suggestion is, we're going to go into procreate. I already had procreate open. So when I pulled it up, it gave me the items that I was working on that typically, if you're an procreate, when you just launch it, it's gonna take you to your main gallery. So what I'm gonna do is create a new document that I'm just going to use for my reference photos so that I can place them into the viewfinder. So I'm gonna hit this little plus icon in the upper right-hand corner. And I'm just going to create a 8.5 by 11 Image. Nothing fancy. Just something that I can start placing images and then I'm going to double-click Maya little circle. But if you're, if you have a dark bar, you should just pull the dark bar from the bottom. And it'll allow me then to take my Pinterest app and then pull it up. And to the right of my procreate app. And this allows you to do the double viewfinder. So what I'm gonna do is I'm going to find some of these images that I already started pulling from my Los Angeles icons pin board. And I'm going to drag the elements that I liked the most here. And again, I'm going to keep in mind my theme. So what I'm gonna do is start to drag some of these pictures directly into my procreate app and create kind of like a mood board or a Reference Board. So I really like this picture here. So what I'm gonna do is just click visit so I can get to the actual photo and then I'm going to find it on this website and then I'm just going to drag it in to my procreate work board. So here it is. I'm gonna click on it and I'm just going to drag it and drop it. And it's going to import it automatically for me. I'm just going to resize it a bit. It doesn't have to be perfect. Keep in mind this is 8.5 by 11, so it's kind of big. I just want to be able to access and see that road sign. Once I've placed all of my images, what I'm gonna do is drag out my Pinterest board or drag out my Pinterest app by going into my central line and just pulling my fingers across to close it. And then I'm gonna zoom in here and take a look at all these. And then I, I, like I said, I already had some ideas and themes. I'm just going to write them down on the side just so that I can have something to remember and something to reference back to. So I'm going to select my pen, my paintbrush tool. I'm going to go down to my sketching brushes from the select procreate pencil. And it's just like a pencil and type brush. I'm gonna go to my color wheel here. I'm just going to pull it to black just so that it's easy to see. So what I want to write down is some themes to keep in mind. And like I said earlier, the idea of hand lettering. Like California dreaming. I also like highlighting specific cities or areas or neighborhoods like Venice Beach. Icons are related to the ocean. Like this sea life. Surfing. Maybe I'll sketch out a VW bus. The light at LACMA, street signs alike, the Route 66, maybe kind of like a lifeguard station. And I don't know if I'm gonna do all of these. I'm just gonna do maybe eight max, ten icon illustrations. So the more you write, the better. You just want to make sure you have enough to help kind of guide the overall direction of the sticker pack. I like the Beverly Hills Hotel. Of course, poem trees, maybe something to do with like a seal. And I think that gives me enough ideas on that I can reference back to. So now that I have this done, what we're gonna do is go back out into our gallery by clicking the gallery button.
4. Procreate - Setting up your file: So once we're done with our layout, what we're gonna do is we're going to export this as an image so that we can then apply it as a reference in our next page. So what we're gonna do is select the wrench icon and we're gonna select share. And where going to boil down to J peg. And it's going to export this as a JPEG and then you want to save it to, you can save it to your files or I'm just going to save it as an image into my photo roll. And then I'm gonna go back out into my gallery and I'm going to set up my new canvas that we're gonna be sketching ads and we are gonna create our set. So I'm gonna do is set up an eight by 12. What I like to do is double the original size. So because I am going to print this, I'm going to print out a four by six sized sticker sheet. So I'm gonna go up to eight inches by 12 inches. And I find that the bigger you create your artwork, though better, higher resolution it's going to be. And the easier it is to actually make sure it looks nice when you're working on screen. So what we're gonna do is set up a new airport. We're gonna hit the little plus icon in the upper right hand. And we are going to select that little plus in the rectangle because we're gonna create a new canvas. And we're gonna change our measurements from pixels to inches. And then what we're gonna do is we're gonna change the width to wealth and the height to eight because I wanted to be a landscape type file that I'm working on, so I have more room to draw. And then we're gonna keep our dpi at 300 color profile. I'm gonna change it to our RGB for now because we are going to be using these in a digital app, but you can change it to CMYK if you're gonna be printing them out for use on something like a cricket. And then I'm going to select the orange crate button and it's going to create a new file for me. And then it'll open up. And this is our art board. So what's nice is that we can get the use of the whole, entire art board. And in using this particular trick, when it comes to having our reference photos, instead of having that side-by-side view using Pinterest, which then basically you take away half of your screen and I'm working on a smaller iPad. So it just, I want to have as much real estate space as possible though. Once we set up the canvas, this is what everything looks like. And keep in mind that gets said, We get a lot more real estate if we utilize the reference option versus the side-by-side villa grew during, earlier. So to get the reference that we're going to do is go to a wrench icon again. And then we're gonna go over to Canvas, and then we're gonna turn reference on. And right now it's referencing our canvas. That's why it's blank. What we need to do this select Image. And then we're gonna hit import image. And then we're going to find the image that we just saved, which was that mood board that we created. And what's nice is you can zoom into certain areas using your fingers and you can zoom out. So pinch in to zoom out, and then pinch out to zoom in. And then we can start sketching. So I've already sketched out some ideas and concepts on, on an older art boards. What I wanna do is copy all of these elements and bring them into the new art board that I have my references already set up. And so what I'm gonna do is take my three fingers drag down, and that's gonna give me the copy paste function. So what I'm gonna do is I'm going to copy all. And then I'm gonna go back out into my gallery. I'm going to go into my new art board. And then I'm gonna drag three fingers down again. And then I'm going to select Paste. And it'll paste all of the different elements that I've already started working on into this art board for me.
5. Tools in Procreate: Alright, so now I kind of have this reference here. I can start sketching out my idea. So the thing with, with sketching, it doesn't have to be perfect. The idea is for this just to be quick ideas. It doesn't have to be a fully rounded out concept. It's just ideas that you're trying to get down quickly that you can then go in and ink and modify. But what I like to do first is actually really set up my file system so that it's nice and easy for me to work through. So I'm going to actually rename and add some layers here as we're working. So I'm gonna do is I'm gonna take my inserted, inserted image layer and I'm going to rename it sketch. So to do that, I'm going to click on my layers. I'm going to then go to this pop-up and, and the first option is Rename. I'm going to rename this. And in my lower left-hand side you'll see this little pencil icon pop up. We wanna do is click on that and then select the keyboard so that you can get the little mini keyboard. And I'm going to rename this sketch layer. I find that when you rename, rename and organize your layers, it just makes it so much easier so you don't have to worry about working on a different layer than you're supposed to. I like to have a sketch layer and then like this is basically my rough draft. And then I do a layer on top, which is my final outlines. And then I'd like to add a layer for inking, a layer for coloring, and then any details and stuff like that. So that's the beauty of working in procreate or any kind of raster based program. You can work in layers. And what's nice with the layers is that it's not always going to ruin whatever it is that you're originally that you had to begin with. So it's just a really nice, non-invasive way to experiment and add and finish out your drawings. So I like to work in layers a lot. So I'm going to, I've updated this to my sketch layer. I'm then going to hit plus. And then I'm going to rename this next layer. And I'm gonna change this to my line work layer and then hit return when I'm done. And then I'm going to create another one for my inking and then one more for my coloring. So once I add this next layer and I'll click on it, rename it, go down to my keyboard, and change this to inking layer, hit return and then go back into my layer system, hit the plus again. And then I'm going to change and rename this to my color layer. So I'm going to have to reorganize these though, because essentially a watt my color layer to be, be no beneath my, like my line work in my inking layer. So I'm gonna take my color layer, I'm gonna hold down with my finger and then I'm going to drag it so that it goes beneath my line work and above my sketch layer. Okay, now that we are in, basically the sketching phase wouldn't wanna do quickly is kind of show you some of the tools that we're gonna be working with. So now we have our layers set up. We've renamed everything. I'm going to click on my layers panels so that it goes away. And the first thing I kinda wanna go through really quickly is the pencil and eraser tools, which is what we're going to be using the most. If you click on this little paintbrush, it'll give you the brush library. I have a lot of different brushes and I've organized some based on the packet they came in. But you'll find that the brushes that procreate has like the sketching brushes, that inking brushes, drawing and calligraphy brushes are fantastic and you don't really need anything beyond what you already have in here. So I'm gonna do is just really focused on utilizing procreate only brushes. So we're gonna scroll down to sketching and then you'll see that procreate has a bunch of different options. Some are really nice and clean, some are really gritty and textured liquid you see with the bondable Jack, the artist cram the oil pastels. We can actually kind of experiment with a few of these just so that you can see. But I'm gonna be working between Probably the 6B pencil, the Nair under pencil and the procreate pencil. So if we click on this soft pastel, it's gonna give us this nice textured look. To zoom into your screen. Just take your fingers and just kind of like what you're doing with this little reference option. You can zoom in by pinching out and zoom out by pinching in. So I'm gonna zoom in a bit. And then on the left-hand side you'll see you have these little option like drag toolbars. So the top one is your brush size. If you drag this up, it's going to give you a bigger brush. And if you drag it down, it's going to give you some of the brush underneath. This is your opacity. So I want my brush right now at a 100% brush opacity so that it's nice and dark. And then I'm going to increase the size of this a bit so that you can see what it looks like to about 9%. And then what we can do is just kind of like experiment. And then you see this, you get this really gorgeous kind of textured, chalky feel. Now a feudal want this year, all you have to do is take two fingers and tap and it'll undo. So now let's go back to our Brush Tools. Let's select this oil pastel. I'm gonna keep the size the same, a 100% opacities that you can see, that you can layer things on and it'll make it darker the more that you layer on top. And it just gives it a nice, Really actual art effect. Feels like you're working with real physical tools versus digital tools. So again, to undo, take two fingers tap until everything comes off of your board. So like I said, I'm going to be utilizing the Narendra pencil and the procreate pencil. So let's first select procreate and soul. And you'll see it's just like a nice textured but clean line. The technical tensile has a bit more light in dark textures within it. It's supposed to be a little bit more streamlined. This 6B pencil is really beautiful. It's very soft. It feels very much like your traditional 6B pencil with like a softer lead. And the Narendra pencil is a very, very clean technical pencil. There's also some great brushes for inking, which will give you a nice clean lines once we basically trace over our final sketches, just so that it gives a cleaner look. There are some textured versions of these, but what I like to use really is just the technical pen. It does a good job of kind of reading pressure sensitivity and things like that. To the lighter you are with it. The lighter the line width b, the harder you are on, the darker the line will be. You can also use a really simple clean monoline as well. If you go to calligraphy, they have a nice clean model line. And you can decrease or increase the size of this as well. But I find that it gives me a nice broad range of of weights with just the regular settings that they're, that they have here on procreate. Let's say you want it something that is a little thinner than what it gives you. What I like to do is just click on the Brush, drag it to the left. And then I'm gonna select Duplicate and it'll give me another version of this that I can then go in and edit the actual brush settings. So I'm gonna click on the brush and then you can adjust your stroke properties. And what you're gonna wanna do is underneath your brush studio you're going to go to about, You're gonna go to Brush properties. And this will allow you to adjust the brush behavior. So I want, say I want this, this is the thinnest line you can get with this current preset. So what I wanna do is make them a little bit smaller. So I'm going to pull it down under minimum size and I'm going to drag down my Mac, my maximum size just the bit. And then it gives me a much thinner line. And what you'll see is this line is thinner than the original, and it gives me a nice, really crisp thin line that I think will work really nicely for what I'm trying to go for. So you can go and do this for a lot of the brush. You can play around with the size and the different properties within it. And it just gives you a lot of flexibility to kind of create things that worked for what your needs are. The next tool that I want to look at is the Eraser tool. So once you draw something, obviously you can double tap to undo, but say you have something that you really like, what you want to just get rid of a piece of it or part of it. And this is where Eraser tool is gonna come in handy. And what's nice is with the eraser tool, you can utilize the same brush to erase that you use to draw. So that way keeps the effect and the overall texture the same. So I'm gonna go into my monoline brush and then just make sure I'm selecting a similar Russian. You can just basically erase parts off of your elements. The next thing I want to look at is a smudge tool. What we're gonna do though is Tet. We're going to select a more textured brush so that you could see how these effects work really nicely. So what we're gonna do is go down to drawing. And we're going to select this evil texture brush. And then we are going to pick two colors that are kind of close to each other. I'm going to go to my color wheel or my color picker. And I'm gonna pull it into this kinda like pinky red. And I'm going to add that to my color palette by clicking on one of the empty boxes. And then I'm going to select a darker version of this and then add it next to it so that it's easy for me to access. And then I'm gonna go to my brush. I'm going to increase the size of it. And then I'm just going to kind of paint one color and then go back to my color picker and select that lighter version who painted on top. And then we're gonna do is go to the smudge tool. And what you'll notice is you can also utilize the brushes that you're working with. So in this case, I was using the evolved join brush. And then I can smudge these colors together by just working in between these colors. This is a really great way to kind of create gradients. And it just allows you to kind of blend and mix colors so that they look as if they're a little bit more seamless. And it's just a fun way that again, kind of utilize this digital tool and a little bit more of a traditional way. And I think this is fun too because I, using something like evolve, it'll give you kind of like a watercolor field, but there's actual watercolor brushes in here too that you can utilize and work with under painting, there's like wash brushes, stucco brushes, damp brushes, and also a really beautiful watercolor brushes. Well, and that's what I think is really neat with all three of these tools is that you can utilize the brushes in the same way as you are and using them to draw, you can use them to erase and use them to smudge to that things kind of are cohesive and feel the same and it doesn't feel nearly as as digital. So I'm going to erase all of this, get rid of it. And this brings me to my next point. What you'll find is working in layers allows you to change and adjust different sections without worrying about the sections underneath or on top. So this was the color, the color layer that we are working on. What's nice is if you paint on the color layer, it's not going to really do anything to your sketch layer. Say We need to erase this. It's not going to erase the sketch underneath it. It's just going to erase whatever it is that we put on top. And also to do things quicker, you can go into your layers function. And you can click on that layer and select the little pop-up like clicking the box, deselect the popup. And you can select Clear and I'll clear whatever it is on your layer. You can also group layers together. What's nice is it's grouping is almost like you're creating a folder with all of those layers together. So you want a group like layers within folders. So say for example, I did like a color layer, and I also did like a shadow effect layer as well. I might want to have those layers together. So what I would do is I would click on the shadow layer and then drag my stylist across my color layer to select both of them and then I can hit group. And it's basically going to create a group kind of folder. You wanna make sure you name this appropriately so you remember what it is. And then what's nice too is that you can toggle these layers on and off. So say, I'm done with outlining these sketches. I don't want to delete that sketch layer because maybe I might need a reference it in the future. But what I can do is just turn it off by clicking on the little check box and it'll toggle it on and off for me. So just makes it easier to organize and utilize the sections without ruining the fidelity of the original areas that you're working on.
6. Tips for Sketching in Procreate: So now that we kind of got a feel for the overall interface of this, let's get started actually sketching. So I'm gonna select my pencil tool I'm at, go into my sketching brushes. I'm going to select that procreate pencil. I'm gonna go to my color wheel and I'm going to change it to black just so that it's easy for me to see and for you to see on screen as well. And I've already sketch kind of like a had an idea for this cute little like wave surfer girl. So I did this already. The sea life, the little seal, the LA light posts. A little, a little, a big a palm tree. And now what I'm thinking I want to work on is creating a little sketch of the Beverly Hills Hotel. I think this will be fun. It doesn't have to be super detailed. I'm just looking for shapes and like some of the foliage and the color really. So while this isn't really a tutorial on how to draw, I do wanna give you some tips on how I go about drawing. I look at the overall shapes. And as I'm creating a Keep in mind the perspective as well. It doesn't have to be perfect. But it's just, again, this is a sketch. We're going to refine it as we go. So I just want to get the overall shape first as I'm working on this. And then I can go back and refine things. And also what's nice is that you can kind of rotate your canvas to better suit your needs in terms of what you're drawing. I have a tendency to kinda draw upwards and to the right. So I like to rotate my, my, my actual canvas here so that it's easier for me to draw. And if you find that something is too close to another element like what I'm running into here. You can select your actual selection tool, keep it on free hand, and then you can select around it and then hit your arrow tool and it'll allow you to move that selection, which is what I'm gonna do here. And same thing with this tax. If it's a little too small, I can select it with my selection tool, go to my arrow and then I can resize it and then move it or I'd like to see it. And then you can also rotate it. Well. So like I said, while this isn't an actual tutorial or class specifically on drawing, I did want to give you some tips when it comes to drawing. In general. I like my drawings to be less realistic, a little bit more cartoony and stylized. But I still wanna kinda reference what something looks like in real life. So that's why I think this reference option is really helpful. And it gives me more room on the screen to versus those side-by-side. So Plato is saying. And I really like the fact that you can tilt your drawing canvas here on procreate. When drawing, it's really important to tilt your work towards you. Your face in your drawing paper should always kinda be parallel to one another. And you can kind of mimic this in digital drawing because you're able to rotate your actual canvas. And this helps to kind of prevent any distortion. That's why the whole idea of the concept of the drafting table. You're able to tilt things up and down and things like that. So I just find that it's helpful to just make sure that I'm, you know, reorienting my pages I need and then just making sure that when I'm looking at my rough friends, they're kind of parallel to one another and it just ensures that things are within proportion. And I think that's the hardest thing is actually drawing in proportion, but utilizing this tip kinda helps. Then also, like I was saying, keep your photo close. You want to, if you're drawing in real life, maybe tape your photo right next to your artwork. Or if you're drawing Digital, do something similar to what we're doing with this little reference and procreate, or do the side-by-side view using something like Pinterest or whatever your reference is next to your drawing area. And then the next thing I want you to keep in mind is just concentrate. I know I'm talking and none drag right now because it's hard for me to do that. I'm going to step away and stop talking moment as I start to illustrate more. But concentrating is important, especially for if you're like me. I just, I have a hard time doing two things at once in this kind of scenario. So what I suggest is I'm just kinda concentrating on what you're doing. Maybe as you're drawing, place your finger on the photo or in this case like using your your stylist to kinda figure out sizing and things like that. And then go slowly, match what you draw. It, it just as you look back and forth between your reference and what you're sketching. It just helps to kind of utilize what you have at hand to kind of Lake measure, at least keep in mind proportions and angles and things like that. I also suggest using straight lines to see angles. So if you have a grid and you could actually turn on the grid on your iPad, if you'd go into your wrench icon, you can try. You can turn on your drawing assist. And this will put a grid on your screen. It's hard to see in mind because of the lighting, but you can kind of see the little grid there. You could also edit your drawing guide and I could see it a little bit better. You can change the colors of it to make it easier to see. And you can change the thickness of it. You could adjust the grid size. And you can adjust the opacity if you want it darker or lighter and things like that. So that could be something that's helpful, especially if you're drawing something in perspective. I'm going to turn it off for now just because it's a little distracting for me. But when you use grids, it's just helpful because the straight vertical and horizontal lines of the grid will help break down the shapes that you are trying to create. And it helps with identifying the tilt and the angles. When you're looking at everything and sometimes just dividing your photo until like four equal squares can be really helpful as well with one vertical and horizontal lines so that you could see it properly and keep in mind your actual perspective. So I kind of do that when I'm looking at things. But I do it in my head, not so much actually drawing it out. But if you're placing an image here, which you can do on the new layer on, you can actually utilize that, that little tip as you work through. And the last thing that I want to mention as we're, as I worked on this little building hairs that keeping in mind the alignment of both your photo and what you're drawing. So you just want to make sure everything is aligned at the same angle. It just helps to better om, help your eye see the proportions, see the angles. In Personally, I guess is why I think references are important. It's hard to actually draw from. Some people are very talented in this way. I'm not a guitar to remember. We tend to see things through memory, to having a visual reference of what something looks like and understanding the proportions based on the visual. That's why I think references are very helpful as you're drawing. So let's jump into the sketch as I sketched out some more of these elements. And then I'll jump back in and a little bit with a couple of more tips to keep in mind as you're illustrating. Okay. Alright, so as I start sketching out this Santa Monica Route 66 and there the trail. A few tips that I want you to keep in mind as you draw shapes like this. Recreate has this really great function that allows you to kind of like perfect a shape. So if I just draw a circle and I hold my pen down, it's going to create a nice perfect circle from this will keep everything. Proportion and allows you to create a perfect shape. And then as long as you don't let go, you can actually increase or decrease the size of that shape as well. And this works for not just like circles, but you could also do triangles. And then you can rotate them and increase and decrease. It works first squares as well. And also, you can do this with just a straight line. If you find that your lines are kind of like they go up at angles like minds do. Same as if you're drawing a shape. Just hold your pen down so you can draw your straight line. Then hold it, and then you can adjust the angle. And it'll also give you a perfectly straight line. So this is just like a really helpful function that I use a lot because I tend to have shake your hands when I'm illustrating and also keeping that in mind, you can also adjust the streamline within your brushes. So if you click on the brush that you are working with, you have all of these different properties on your spacing, your streamline, your jitter. And what I find is that keeping my jitter a little lower and my stream line up gives me a bit more of a nice streamlined curved line and my line isn't as like shaky. If I'm drawing, I find that like drawing digitally. My, my hands are a little bit more shaky than when I draw traditionally. So you could just adjust your streamline, you can bring it down or you can increase it. I like it between 60, 80%. When I'm sketching like this. This could also be really helpful if you like to do hand lettering and you want that really nice, clean, curved line. Streamline is really helpful. I just use it for sketching just because my hands are jittery. So this helps to my line work not to be so messy. And for my sketches, even though that's the whole point, it's like it's okay to, to sketch in a messy manner. That's why it's a sketch doesn't have to be beautiful, doesn't have to be perfect. You just wanna get the shapes and the ideas out. Like, I don't think this is gorgeous, but once I clean this up, you're gonna get a better idea of what it is that you're looking at. So with this Santa Monica under the trail sign, again, I'm using that snap function that allows my shape to be a nice perfect circle and then utilizing the lines to snap at the angle that I wanted to be. And then same thing with the squares. And then what I'm thinking I'm gonna do to make my life easier rather than hand lettering Santa Monica 66 into the trail, I can utilize our type function here and procreate. So in procreate, you are able to add types. So if you go to your wrench icon, you go to add, you can select, add text, and then it'll give you a little text box. And you can actually edit this text. You can adjust the size of it, the dimensions, the angle of the text. And then the actual texts that you have. So what I'm gonna do is move this just like if you were to create a new layer, it's going to create a Ole are automatically for you. So I'm going to click on the text layer, hit a with a is and then I'm going to select edit text. And then it's going to allow me to just double-click. And I will be able to highlight the text. And then you get this little pop-up here. This pop-up allows you to change the text changed whether or not it's left align, right align, center aligned. I'm gonna select words as ino 01. And this is gonna let me change the font that I'm using. So I'm just gonna select didn't condense. They think that's going to be the closest I can get to this. And then I'm going to adjust my size to about 20 or two, about eight. And you could also click on the size and type it in if you're having trouble with the little slider bar. And then I'm going to hit done. And this is actually a little too small, but that's okay. Like I said, if you click on it, you're able to adjust by pulling out the side, you're able to adjust the size or you can just click on it and you can adjust the dimensions. And then I'm going to take my Apple Pencil and outside of the text, I'm going to click and then I can move it into the square. And then I'm gonna go back into my layers function. Click on the a again, and then I'm going to select edit text. And I'm going to hit the little a and my lower left hand side. And that's gonna give me the pop-up for my keyboard option. I'm gonna click on the keyboard. And then I'm going to type in Santa Monica. And I'm gonna do the same thing for and of trail and Route 66. So I'm going to edit this, deleted and then type in Santa Monica and then making sure everything is all caps. And to get all caps without having til a press the uppercase but, and all the time, just Triple-click, you're up arrow and you'll get this little line underneath your arrow and that means you have all caps. Yeah, this is the closest I can get to the text that's in there. I think that looks good. Now I'm going to click on my little arrow and then I'm gonna move it so that it's centered here. And then I'm just going to finish up the line work and adding a bit of three dimension to this because you can see it's kind of like a 3D shape. And I need to make sure I go back to my sketch layer so that I'm drawing on the appropriate area. And just like we did earlier with the Santa Monica texts would I'm thinking will do is basically just copy this and then pull it down. So we'll go into our layers functions, select Santa Monica, swipe left and then select duplicate. And then I'm gonna take my arrow and then I'm just going to drag this down to the second part of this sine. I'm just going to pull in my corners to decrease the size so that it fits inside of there. And then I'm going to kind of adjust everything. So I'm gonna go back to my layer. Click on the a, select edit text, double-click inside of the text so that it's highlighted in blue. And then I'm gonna click on my keyboard and then I'm going to change the text to see, to say end of trail. And for this one we don't need everything in all caps. Just type it as you see it on the sign. And then I'm just going to look and make sure everything kinda fits nicely in here and it does. I'm going to kind of center it and to sign. And then I'm going to click on my arrow And I think that looks nice. It's not perfect, but it's close enough. So now I'm just going to go back into my text again, duplicate it and create the 66 for the center of the circle. I'm going to select my Layers. Click on the Santa Monica layer again, swipe left, duplicate, go to my arrow tool and then drag it down. And then I'm gonna go back to my layers. Click on the Santa Monica, hit edit text. I'll get that blue square round. I'll double-click inside of the text and I'm gonna go to my keyboard and then I'm gonna type in 66. And then I'm going to increase the size of this so that it fills the circle. So once I highlighted, I'm going to go into my font options and then I'm just going to increase the size of this. And when I look at this, it's not exactly as curved as a, so I'm gonna see if I can find another font that closely resembles this a little bit more. So I'm just going to go into my Layers. Click on the a, edit text, double-click the text, go into my font options by clicking above the keyboard where it says didn't condensed. And then I am going to look for another font that might look a little closer to this. I think this Menlo Bold looks about as close as I'm gonna get. So I'm going to select that, bring this down and then resize. And then what I wanna do is bring these numbers closer to each other. So I'm gonna go back in, select Edit tax, go to my layers palette, click on the a select edit text, double-click inside of the text. And then I am going to go in and go back into my fun options. And I'm going to play around with the kerning and the tracking and see if that does anything. I'm gonna bring my kerning down a bit that should move the numbers closer to each other. So a February, this gel and you can see there bring ME kerning up. It's going to widen the space between the numbers and then if I bring it down, it's going to decrease it. So I think bringing it down just a bit is going to be helpful. And then I'm gonna hit done. And then I'm just going to decrease the size again a little bit and then re-center this. And I think that's good for now. Now before I continue sketching out some more of my motifs, I want to highlight a couple of more tips. I think it's really important that when we're looking at drawing, that, again, we're looking at the key shapes and being okay with lain down imperfect lines. Because the idea is that we're going to refine them as we go on. So you want to be relaxed when you're sketching. It doesn't have to be perfect if you're watching me do this, you're seeing my sketch lines are kind of messy, but as we go on and refine this, it's gonna make a big difference. So I'm going to do one more sketch with you before we move on to the inking part of this, one of the big things I like to do is starting off light and it makes it a little difficult to see. As I'm sketching the eyes start off light and then I refined and darken as a go. It's also important to visualize your subjects, whether you're drawing a face or human, of human figure landscape, anything really is to kind of understand that they're just simple shapes. So if we look at my little seal here that I'm going to redraw with you guys. It's just simplified shapes. If you look at this, I'm going to add a new layer on top of this so you can see what I'm doing here. And I'm gonna change my color a bit. But if we look at this, it's really just like a triangle or a circle, and then kind of like a cylinder shape here. So here's our circle, here's our triangle shape. And then we've got this cylinder below it. So thinking about the shapes that you are creating and how that plays into what you're illustrating. And then for the nose, I just kinda created this little heart shape. So again, it's just thinking about what are the shapes that make up this visual element. And then two, create the idea of water just using wavy lines. And then we'll add color to make it a little bit more obvious as to what we're doing. And once you kind of like refined things out, you'll start to get the shapes that you're looking for. And then even with the eye, it's really just this nice Allman shape with a circle in the center. So just thinking about what these elements are and how they work together. Now I'm going to turn off my reference. So I'm gonna go into my wrench option. I'm going to go to Canvas and then I'm just gonna toggle off reference and it's going to remove it from my screen.
7. Inking + Coloring in Procreate: Now that we're done with the sketches, would I like to do now is work on our inking layer. So like I said, I keep all of these layers separate. That what we're gonna do now is go into our inking layer, which is going to be right up the top. And this way we can outline our illustrations and then we can color. So I'm gonna go to my inking layer and then I'm going to go in to my original sketch layer. And so I'm going to click on especially or select that little n and then take my opacity from Max down to about 4550% so that it's lighter, but so that I can still see what I'm doing, but it won't be overwhelming as I'm adding the darker lines on top. So what I'm gonna do now is I'm gonna go back to my inking layer. I'm gonna select my brush library. I'm going to scroll down to our brush that you can choose to have more texture with something like the Nair underbrush or you can just have a really clean inking line was like a technical pan. Or you can go into your calligraphy options if you want to have like a oneness size line kinda fits all and select a monoline. I think I'm gonna do that for this one and utilize that model line that we've created together. And then I'm going to just look at my size and make sure it's the width that I want it to be an adjust my size with the little adjustment toolbar here. And because I'm kinda going for a bit more of a cartoony look. That's why I'm going to keep my lines the same kind of weight. But if you wanted, you can utilize that under the inking actions at technical pen because it will give you the different line strokes or the different weightage strokes. If you're gonna go for a lighter and then a harder kind of pressure, which will give you thinner and thicker strokes. Now that I have the brush that I want, I'm just gonna go back to my layers to make sure I'm on the correct layer. Because that's something that can happen sometimes I'll accidentally work on a layer that I didn't want to work on. So just going back and double checking is my way of ensuring that I'm working on the correct thing. So what I'd like to do now is go into this layer and just kind of figure out what I'm going to work on. And basically I'm just tracing over my sketch lines to refine everything and make sure everything looks. I wanted to look before I get into the painting and coloring. And a trick that I've found with this is a rotating out your canvas and then also zooming in. I find that I'm able to better follow the lines when I'm zoomed in versus when I'm further out. And also keep in mind, you don't have to be perfect with this arm. It's just the idea for the sketches to give you the direction. And you can always revise and go. You can always revise as you go. And I like to work in sections. I know some people like to do things in one fell swoop. I kind of did that with a sketch. So when I'm working with the inking, I'd just like to go and sections to make sure I'm following the guidance of the lines underneath that I've already laid out. And then I'll often double-tap to undo something if I don't like how it looks. And I just keep doing this process for each of the different elements on my screen. Now that our inking is done, we can go into our color layer and begin to color. So I'm going to zoom in just so that you can see I've cleaned up all the lines I've traced drone What I want now I can begin to add color, Nice, clean lines. And all of the different elements that I want to add into this pack are now n here. And we can begin to add things like color and shadow. What I wanna do is go onto my color layer, which I have underneath my inking layer. And then this is where all sorts apply color. I kind of already started this off camera, but I have a few things that I want to show you that might be beneficial to you. And depending on what you find works best for you, you can use whichever options you like when it comes to coloring. So typically, when I color, I like to utilize it depends. Like if I'm going for a more sketch, really look out you something that has more of a texture. But for this, for this project, I just want some clean colors. So I'm just going to use flat, clean brushes, flat colors. And then we can add texture on top using some of our layer functions and some of those other brushes. But just for the base colors, I just want them to be clean, flat colors. So you can do a few things in order to color sections of your, of your artwork. So the reason why I have the color layer underneath my inking that so that when I color, I'm not covering the line work. So again, this just helps to organize the layers and keep these things clean. And you can choose to have, you can choose to have one color layer or you can have a Lear for each different element if you'd like as well. I'm just going to keep it all in one layer just for ease of use. But if you like and you prefer, you can go through and actually had each actual individual element have its own color layer. So you can utilize your selection tool to help fill in shape. So you would just click on the selection tool, select free hand, and then just kind of outline the areas you want to work with. And then you can pull color into that section and it'll only color that section. So that's one way to do things. Or you can take a paintbrush that you're using. And you can outline kind of like in a more traditional, like the coloring book kind of way. And create the outline of the shape that you want to fill in. And then you can drag and drop the color in. If you find that when you drag and drop your color, it doesn't fully fill it. Just keep your pen down and then you'll see at the top there is a threshold which will allow you to fill this space more. I kind of already and do this often. So my threshold is already set, so it knows to fill to the lines, but it just depends on what you're what you're working with. You may have to adjust that. There's another way you can do this as well, dragging and dropping using a reference layer, but I like to do first is select my inking layer, duplicate it, turn off the original, and then I have this new, this new Incan layer. And then I can click on it, select the box with the image, and then I can change this to a reference layer. And basically it's just referencing the lines and shapes in this. And then I can go to my color layer, and then I can begin to drag and drop color within the lines of things. With this is that you have to have your lines completely closed. This is actually probably one of the faster ways to go about coloring. And I like it a lot. But if you're having like a really fun kind of like sketchy feel to some of your areas. You'll find that the color won't fill anything that isn't close, it'll actually flood your entire board. So that's just something to keep in mind. If you're going to use this option, then you just want to make sure that your lines are all closed and there isn't no gaps. And then like I said, I just like to create a duplicate of this just in case something happens to that layer, I always have an extra one that I can always go and revert back to. What I think I'm gonna do is a combination of utilizing my reference layer and coloring by hand because they have these bushes here that I'm going to need to fill in and create closed lines with when I pull my green. But before we actually do that part, I want to show you how I pulled together a color palette. What's nice is that you have the ability to create your own palette. When you click on your color wheel, if you go down to palette, there's a whole bunch here that I already have from past projects. But what I wanna do is create a new one. And then I'm going to name this by clicking on where it says untitled. Am gonna name it Kelly stickers, just so that I know what I'm working with. And I'm gonna set this as my default because this is what I'm gonna be working with for now. And then what I'm gonna do is actually pull up that reference photo again and begin, and begin to pull colors from that. So let's go to our wrench icon. Let's turn on our reference. And I'm gonna pull colors from this already kinda started this based on this original image. So what I wanna do is anywhere that I like a specific colour. In one of these pictures. I'm going to put my finger down or my pen down and I'm gonna hold down and you'll see this little pop up, this little circle filled with color. That means that it's picking the code opt for me. So then I'm gonna go back to my color palette. And I'm gonna go on to one of the blank boxes, click on it, and it's gonna give me that color. And I'm just gonna go throughout all of the pictures that I have and find any colors that I like and pull them out with the color picker and atom to my color palette. Because I can go back into my wrench icon, I can turn off my reference, and then I can go into my color palettes. And you'll see that all the colors I've selected are in this first one I've clicked default so that when I go back out into my disk or my classic view, I'll see that color palette that I set up. So I'm going to be pulling colors from this and then adjusting as I need. So let's zoom in so you can see what I'm doing here. So with this first building, as I said, some of these lines don't completely close. So I'm actually going to have to create an outline for this in order to get it to fill without flooding my page. So I'm basically just going to follow the outline. Doesn't have to be clean or perfect. I'm just giving myself a line of color around my edges, making sure to close any gaps so I know exactly where I want this to fill. And like I said, this doesn't have to be perfect. And if you find you get color in an area that you don't want it and you could always just go back in and use your research tool. Once I've got the outline of what I need, I can just go to my color picker. I can just click it and drag it and adjust the threshold as a need. And it'll fill in that section for me. And I'm just gonna go back through and double check any areas that might be missing any color. So what I like to do is basically fill in my flat colors, burst. And then I'll go back through and add things like texture and shadows. I'm on a separate layer. So let's go and finish filling this n. I keep in mind the colors that I saw in my references. You can pull up a reference again if you want. But I also, I like to have fun with this, so it doesn't have to be exactly what I'm seeing. It can be, you know, you can play around with it, adjust things as needed, and make it your own. So when we look at this Beverly Hills at looks like the Beverly Hills is white. I know I typed in R, I wrote it out in black. So I'm gonna show you how would you use something called alpha laugh that will allow us to just color in the pixels that have already been created. So what I wanna do is actually duplicate. My Beverly Hills layer, I actually wrote that on a separate layer. I'm gonna duplicate it by dragging it left duplicate. And then I'm gonna do that again. I'm just so that I have one that is the original Just in case something happens and I want to revert back to this. So what I'm gonna do, and then I have another one so that I can adjust it to kind of create that that little shadow we see underneath. So what we're gonna do is go into that new layer that we created. I'm going to click on the actual Square and I'm gonna select Alpha lack. And basically it's going to get rid of everything other than what the text isn't. It'll allow me to only edit or color over where there's actual pixels. So what I'm gonna do is go into my color picker tool. Pick kind of like an off-white. I'm going to increase the size of my brush so that it's large and it makes it easy for me to cover large Washington area. And then I'm gonna go into this layer that I've alpha locked. And the reason why I duplicated it is because this does edit this actual piece. It edits the layer. So I'm going to turn off the second layer that I've created. And if it's on top of the one that you've awful lot, you can just click on it and drag it so that it's underneath this layer. And if you'd like, you can rename this layer by double-clicking on the layer select Rename, go to your, go to your keyboard and rename it. I'm just going to rename this eeh, eeh white so that I know which version of the logo it is. And then the second one, I'm going to rename it on VHA shadow. To rename it, click on the square, select Rename, click on your keyboard, and then rename it, whatever it is that you're going to call it. My case, I'm gonna name it be HH shadow and then hit return. And I'm gonna turn off the shadow though gesture that nothing pops up as I'm trying to revise the color of this to the white. So I'm gonna make sure I'm in my color wheel. I have the color that I want, and then I'm gonna go into my brush, make sure I have the correct brush I want, make sure it's the size I want. And then make sure I'm on the correct layer. And then I'm literally just going to paint over this and you'll see that it allows me to just paint over the areas that are ready, have pixels are taxed or drawing on them. And then what I'm gonna do next is turn on my shadow. And then I'm gonna go to my move tool. And I'm going to move this down just so that it creates kind of like that little shadow that we see on this building. And then what I want to do actually is group these together. And then I'm going to click. So to group them together. You're just going to select them. Select your first one. By clicking on it. Select your second one by dragging your pen across it to the right. And then in the upper right-hand options, you're going to select group. And then I'm going to name it building logo, just so that I have an organized. And then we can go back down to our color layer and finished coloring. There us of this building. Now that we're done with the base colors, we can begin to add things like shadows, highlights, and any other texture that you would like to do. So what I like to do is again, working layers. So I'm gonna create a layer that will go above this color layer. I'm going to click on it. I'm gonna go into my layers palette, hit the plus to add the layer above it. Click on that new layer, rename it, and change it to shadows. And then what I'm gonna do is we're gonna adjust some of the layer options on this. So first what I want to make sure I do is that I don't want the color that I'm laying for the shadows are the areas that I'm coloring in are adjusting for the shadows to go off of the color I've already laid down. So I'm gonna create a clipping mask. So what I'm gonna do is click on the little square in that layer, get my pop-up. I'm gonna select clipping mask and make sure it clips below to the color layer. And then I'm gonna hit that little n And I'm going to adjust the opacity on just so that I can bring it down till my shadows aren't as harsh. And then I'm gonna change my options from normal to multiply. And then I'm going to pick some colors that I think will work while you can choose to do something simple, a just like a gray or blue or purple. But I want to play with the colors that are already included in here to give me a little bit more depth. So I'm gonna use my color picker and then I'm gonna go into the color options and just bring it down a bit and then add that color and do that for each of the colors that I have here. So once I've done that, I can go in and kind of think about where the shadows might be. Obviously, keep in mind where the light is hitting. If we look at our reference, looks as if the light is coming from the upper left. We can kind of tell that because if we look at the trees, the shadow is on the right side and the highlight is over on the left side and kind of from the top down. So I'm able to pull that reference from what I'm seeing visually with light and dark in this picture. So let me make it bigger so you can kind of see what I'm talking about. Where we see the light here on these leaves. Top. On the left side, shadow is on the right side. So that makes me assume that the sun is somewhere over here. So we're going to keep that in mind. We also see some like texture darkness appear so we can add some grain effects as well. And then, of course, because this is in shadow, this is going to be darker. Same with these areas here. So we can pull some references in terms of where the shadows might be from these pictures. And then we can just play around with what we're doing. Again, my idea isn't for this to be super realistic, I just want to have the effect of it and allow the imagination to kind of play. So let me turn off this reference and then let's get started on plane with shadow effect. So make sure we are on our shadows layer. Just like with the colored dropper tool, we can utilize the selection tool to kind of fill areas or we can just use our pencil. I'm an outline and fill for the shadow, or we can use our reference which is still on. So what we're gonna do is I'm going to select the darker blue for this and kind of add my shadow to the site of the building by just dragging and dropping colour n. And then also keeping in mind where these leaves might be hitting these plants and adding shadow underneath them as well. To kind of give dimension. Can basically, I'm just thinking about, you know, if this is hitting from here, where might that channel B, and it doesn't have to be perfect. I'm just a little fit of some extra detail. Once I've added the shadows to the green portion, I can go in and then start to change up my color for the shadows and all the other sections I like to just keep in mind the color I'm working with. And then utilizing that darker color that I chose for it in order to create the shadows for those areas as well, just so that it's a little bit more cohesive and it feels more natural and things like that. So again, keeping in mind. Where shadow would naturally be, especially if it's a building. You're probably going to have some shadows coming out this way from that building and from all the trees and stuff like that. So just creating shadow and the areas that just seemed to make sense logically and that if need be, you can always just reference the photos that you utilize to try to get a better idea of where the shadow is in the picture and how you can apply it. So what the bushes I'm just again, I pulled a different color that slightly darker than the original. And then I'm just keeping in mind that the light is coming from here and I'm just adding some dark areas for these bushes here. Keep in mind the shape of the bush and creating areas of darkness that organically follow the original lines that will then be able to fill in. The beauty of using like multiply. It kind of allows you to have a blend mode that kind of plays off the original undertones of the first color that you use. So that's why I feel using lowering the opacity and then using that Multiply blend mode gives you a much more realistic feeling kind of shadow effect that the mind is super realistic considering, like I said, I'm going from more of a cartoony kind of vibe. So once I've done adding all the little areas of shadow that I wanted to add to kinda make everything feel a little bit more 3D. I'm going to add another layer on top of this. And I'm going to call this my highlight layer. I'm going to have this on top of both the original layers. I don't want it to be a clipping mask and just mean them in to be a little bit more careful with my placement of color. And what I then want to do is go in and add some areas of brightness of where this son might be shining just a bit more. So wherever I've added shadow right on the edges, I like to kind of add this highlight based on the color options that I've chosen. And you can see are ready with this kind of Bush area. It gives me a little bit more of a really nice kind of bright, bright ending a fact. And I'm just gonna go through and do this for all the rest of these, adjusting the color as I need based on the color that I'm using. Once I've added my highlights, and then I'm gonna go in and add some texture. And then we are pretty much at the tail end of our coloring process. And then we can jump into how we can export this and then get into the next part of our class which is focusing on Affinity Photo. It's I'm gonna create another layer. I'm gonna add an actual clipping mask in order for these textures to only be applied to wherever there's color. And I'm actually going to add this layer underneath this shadows by clicking on it and dragging it. And then it'll give me the clipping maps automatically. And then I'm gonna click on the square and I'm going to rename it and change it to texture and then hit return. And then what I'm gonna do is just like what I did with the shadows, I'm going to adjust my opacity. I'm gonna bring it down to about 50%. And then I'm going to the employee around with different types of options. I think I'm going to do maybe either a soft light multiply or I might do a soft like an overlay. So let's play around with this so we can see what this does. So I'm going to select just a white kind of bright color. And then I'm going to go into my textures. And actually I'm going to go in and change my color from a white to kinda grayish color. Because I want to add some of that texture that we saw in the original picture of this hotel. So what I'm gonna do now is go to my brushes and then we can utilize the texture brushes. Something like grunge works really well. And you can just increase the size and add this on top of what you're working on and it'll give it this nice kind of grungy, dirty texture. You might also, because this is a lighter color, you may need to dark in this a bit. So I may need to go to a go black color. And then you'll see it kinda adds like this effect of the grain and dirtiness to this element. And because I have clipped it into the original color, it's not gonna get outside of what I'm working with here. And I think it's just fun. It's a nice way to add kinda like a texture to this. You could also, you can add grit. There's some great grit stamps out there. True Grit is a really great option. They have some fantastic kind of like gritty looking brushes. You can add hashmark. Maddie B has some really great options for hash marks. You could also add half-tones. I have some fun half-tones that I've purchased as well that are great to add to kind of give things kind of like a comic book feel. And you can increase or decrease the opacity in order to be able to see this better as well. That's fun. And then also utilize some of the brushes that are already included here in procreate brushes like the fresco, the watercolor, old brush, dry brush. These are all just like great ways to add in texture and by adjusting things like the opacity and the multiply types and stuff like that. It kind of gives you the opportunity to not have this be so overwhelming when you're looking at it. And I kinda just wanted to add a bit of that grit I saw in the original photo. And then I think I'm going to add you can add water color. Stucco is a great one as well. But I think I'm also going to use then the bonobos, which is a really great brush that is underneath sketching bonobo chalk. And this is just a really good brush to kind of give you some nice, so nice grain to the image. Overall. You can increase or decrease your size. And then as you zoom in, you kinda see that there's this nice green that's kinda added on top of this so it doesn't feel so flat. So I'm just gonna go through and add this. And you'd also change the color as well. You can use something like a white. And again, you can adjust the overall view of this. You can adjust the opacity so that it's darker and you can see it more. I think this is just a fun ways to kinda give texture to the image that you're working on. And that way it kind of makes it less flat. So I think I like this. I think this is, and a good final kind of version of this. The next thing you will likely want to do is group everything altogether. Silica said you could do each of your images individually, and that's kind of what I started to do, but you could also just color everything on one layer as well and export that as is. So what I would do is do this exact same process for all the other images that I have on my color palette. And then we'll come back in and we can export the page.
8. Exporting from Procreate: Now that we're done with all of the illustrations, the coloring, the shadows and highlights and things like that. I'm gonna show you how we can take this into the next stuff. But I also want to show you a quick tour cup that you can utilize to if you just wanted to create these in, procreate and then just drag them out into, you're a good note to app. So the first thing we're going to have to do is go back out into our gallery. And we're going to want to swipe left and we're going to select Duplicate. And what this does is essentially create a duplicate of our original file. So that way we still have an editable version with all of our layers on what we're going to have to do now is go into our layer section. We can get rid of our sketch layer by just swiping left and selecting Delete. And then what we're gonna do is take our fingers and pinch Oliver layers together and basically flatten them. And if you notice not all of the layers are selected. You can also just go one by one and select them all by clicking on your first taking your finger or your stylist and dragging to the right on the rest of the layers. And then we can group them. And that we can close that group. And then we can click on the window and then select flatten and our pop-up. And then this way everything is flattened into one layer. And the reason I do this is so that we can use our selection tool to select each element individually and bring it over into something like a note. So what we're gonna do is I'm going to double-click my center button here. You may have to pull up from your doc depending on the iPad that you have. And I'm gonna go to good notes. That's how my DAC here. I'm gonna click on it and I'm going to drag it and I'm gonna do a side-by-side view of good notes and my sticker set. So I'm just going to open up a notebook that I have. I'm going to zoom into this notebook. And then what I'm gonna do is just show you how you can directly pool your elements from procreate directly into good notes. It's really simple and this is just one way to do it. It's kind of like a quick shortcut wake, but I'll show you in another way after we're done. So once you flatten everything, you can do one of two things. You can just keep these elements as is if you don't want any type of border. But what I'm gonna do really quickly is I'm going to add a layer so that we can kind of create cut lines. So when you think about stickers, there's usually that white outline, which is essentially the cut line. So to make these elements feel more like a sticker, I'm going to add those cut lines. You can even go in and add shadow effects if you want. But I kinda like the feel of the flat kind of sticker feel. So I'm gonna go into my layers. I'm gonna hit the plus button. I'm going to take that layer, I'm going to drag and underneath my color layer. And then I'm going to rename this cut line. And then I'm gonna go into my color picker and I'm just going to pick a nice clean white. You could also go to your values to make sure it's a pure white and pull everything over to the right under RGB. And then I'm gonna go into my brushes and I'm going to select a nice round monoline brush that gives me nice clean edges. And I'm not going to make it too big, but big enough that you'll be able to see it. So once I've done that, I've picked the brush. Then I'm just going to zoom in and kind of outline each of these elements to kind of give it a nice cut line. And often I do this because I end up creating physical versions of these stickers. And in order for me to have them cut properly. In cricket, I need these cut lines. So this is just like a quick and dirty way of doing this could also go into, into something like Affinity Designer or Illustrator and create cut lines in there. But this is simple and easy and it's perfect for what I need it for. Once I've done that, I'm gonna go into my white and then just drag and drop. And what you'll see is that it gives me this nice filled color. And I just want to make sure everything's filled all the way to the edges so I don't have any issues when I'm cutting later. You don't necessarily have to do this if you're not planning on cutting your stickers. I just like making sure that it's completely filled in. Because if you're cutting this and there's any kind of open marks, it's going to cut into that area and it won't give you a clean, perfect cut around. Alright, so this is my outline. I turned his back on and you'll see it gives me this nice little lake outline version of this. So I go through and do this for all of the different stickers. And then after I'm done, I would then group these elements together and you can flatten them if you want or not, just depends on what you feel like doing. I'm just gonna flatten them for now. Then what I'm going to go to is my modified toolbar and select my selection tool. And I am going to select this element all around. And then I'm going to click on my arrow tool. I'm going to go to the wrench tool, so ad copy and then you can go into good notes. Hold either your stylus down or your finger down. You'll get this popup select Paste. And then if you notice that it gives you like this big, huge like out line bounding box. Just hold your Silas down again, select crop. And it will allow you to crop into your image and then hit done. And then you can just resize it as you need and then move it wherever you'd like on your page. And this is just like an easy way to kind of like drag-and-drop, especially if you're working and you're like designing elements and you're working in your planner at the same time, you're able to just create and drag it over. But like I said, this kinda, it takes a little bit longer because you have to individually select everything and then bring it over and then crop it. After we go through the Affinity Photo option, I'll show you a quicker way to do this using the slice is function. So now we can close out of all of these apps. You can just drag your finger across the center and pull things to the right. And then we'll be back into procreate app. And we'll wanna do is we have the white background turned on just to make it easier to see everything. But what we'll wanna do now is turn this background color off before we get ready to export our files. And then make sure, like I said, if you want everything to be outlined, make sure you do that now. And then we'll go through and export this file. Now that you're done with the outline, we can export this file. So what we're gonna do is we're going to select the wrench icon and we're going to select share. And we want to share this as a PNG file. And then we need to save it somewhere that will be able to find it. I'm gonna go to Save to files, and then I'm gonna go on my iPad. And then I'm just going to save this to my Affinity Photo folder because that's where I'll be working and then I'll hit Save. Once we're done with that, we can just exit out of the app.
9. Affinity Photo - File Set Up, Sketching + Coloring: And that's what we're gonna do is launch Affinity Photo. So before we go into the whole process of reviewing how I go about exploiting these elements from procreate into slices. Actually want to show you quickly some things that you can do in Affinity Photo. So what I'm gonna do is I'm going to set up a new file once I'm in my gallery, him hit that little plus button. I'm gonna select new document. You can do a document that's the same size as what you created for your original procreate file, the eight by 12 or you can do four by six. I'm just gonna, I'm just gonna do a simple four by six file. I'm gonna go into my dimensions here and I'm gonna change my width from six to four inches. Didn't want this to be kind of like a portrait style. Sat. And then I'm gonna change my height to six and then hit OK. I'm gonna make sure my DPI is at 300. And then I want to make sure that I check transparent background and then my color. You can pick RGB, RGB 16, whatever works for you. Just using RGB will be more about official Since you are going to be viewing these an app digitally. But if you do plan on printing these out, you may want to select CMYK so that you have no issues with color depending on your printer. And then hit OK. Affinity Photo is very similar to apps that you may already be familiar with, like GIMP or Adobe Photoshop. Essentially it's a raster based program and what we're gonna do is utilize it as a drawing program, so much like what we did with procreate. You have the same kind of options here in affinity, you have an Erase tool, you have Brush Tools, you have pen tools to allows you to utilize and create vector shapes. What I want us to create with though are these paintbrush tools. And basically on the left-hand side, that's where you'll find your Tool Settings. And then on the right-hand side you'll find a lot of the options for edit and things like that. And then you'll find your main menu bar at the very top. What's nice is that affinity works in what's called persona. So right now we're in the photo persona. But there's also you have the ability to export and utilize the export persona, which is what we're going to be working with one, we are working with the slices. If you hit this little question mark at the bottom, it'll pop up what all of these different elements are. You'll see your tools on the left, your left, or your studios on the right. And we're mostly going to be working with the tools and some of the studio options and then of course the exporting and document commands. So what we wanna do is go to the right-hand side are layer studio. It looks like a bunch of layers, papers stacked on top of one another. Click on that. We're going to hit plus so we can create a new pixel layer. And then we're gonna go to the left-hand side and select our paintbrush tool. And I'm going to go into my brushes studio. And then you see you have all of these different options for brushes. And if you click on this little drop-down menu, you'll get additional options as well. So what I wanna do is select the Pencil tools. And I'm just going to select a pencil HB, you'll find that they're very, very similar to some of these pencils that you'll get in procreate. I just find that I'm more comfortable working in appropriate with the drawing apps. But you can do essentially the same thing with Affinity Photo only you have more options because it's a photo editing app as well. So it just depends on what you're going for. So what I wanna do really quickly is just show you how you can utilize the rushes on to draw and to fill with color and how you can use some of these layer effects as well. And how we can export them quickly. So just depending on what you have, you can use both apps. Very similar. What I wanna do is create some flowers. And actually already, if we go back out into my, into my gallery, I already have some ideas for these floral elements that I'm thinking of doing. Kind of like a plant or floral kind of sketchy feel. And then adding some underline colors to kind of give things that pop. So this is kind of the idea that I was going for. But I want to sketch with you. And we are sketching on a blank layer. We have no background because that will allow us to have the transparency that we need. And let's get started. So I just want to draw some really sketchy sketch, really rough feeling flowers. All right, so to begin with the sketch and we picked our brush, instead of doing the pencil, I'm actually going to utilize some of the inks they want some daily up to dark and pops out easily from the color. So I'm gonna go back to my pen, to my brushes studio. I'm going to select inks and then I think I'm gonna go with the sharp bleeding worker. It gives me this nice effect and then I'm going to adjust the size. If you notice at the bottom here you get this pop up. This allows you to adjust the size of your brush. So now I'm gonna just like very, like very loosely sketched out some of these elements. And if you don't like something that you've put on your screen, say you messed up, you can just double tap with two fingers. Undo. If you want to adjust the width of the opacity, the flow of your pen. You can just do that in the bottom section here. You can click on the width and adjusted manually, or you can use the drag, the left drag right over it and it'll increase or decrease. And you can kind of see the size comparison here. You can also adjust the opacity, which will be held dark or see-through something is. With the flow. If you find that you need to orientate your canvas, what you'll wanna do is go up and to your document menu. Up in the upper left hand corner, select the linoleic page with the three dots and then you'll go to orientation. And then you can rotate things left or right. Once you've done a few sketches that I'm happy with, then it will go back through and I'm gonna add that bit of color behind them. So I'm going to utilize for this this ink on glass option for a pen or brush. And then I'm going to change the color to this, pretty like aqua marine blue. Once we've done that, I'm gonna go into my layer studio. I'm gonna hit Add new layer by clicking on that little plus. And it'll add a layer from me. And then I want to make sure that that layer is underneath my Skype, my sketch later. So I'm going to go onto this layer. I'm gonna actually click on my original sketch layer, hit those little three dots. And then it's going to allow me to rename it by pulling up my layer options. I'm going to click on where it says pixel, and then you can enter the new name. So I'm just gonna call this sketch. And then I'm gonna go back into my layers again. So click out of the layers options by hitting that little back arrow. I'm gonna go onto my color layer. Now, I'm going to click on layer options by clicking on the data. I'm going to select where it says pixel and then I'm going to rename it color. And then I'm gonna go back out of my layer options and into my layers. And I'm gonna click on my color layer and I'm gonna drag it underneath my sketch layer so that way the color doesn't cover the sketch. So what I'm gonna do is just really, again, I want this to be kind of painterly and sloppy and not perfect. So I'm gonna go into my brush options down here and I'm going to increase the width so that it gives me nice coverage when they go about to 65 pixels. And then I'm just going to literally paint around this. It doesn't have to be perfect. A kinda want it to have that funds sketchy. Feel you can even kind of do this off centered as well and keep some of the color off of the inked area. And do something like this just so that it's, it's just a pop of color and it gives it some interest. I think that's fun. And then I'm going to, and you can do, you can pick additional colors. I'm just gonna go with this blue for now. And again, if you don't like how something filled, you could always go into the Erase tool, erase the, the area that you don't want. Just like procreate, we can also utilize the fill tool here in Affinity Photo. So what you'll wanna do is make sure you're on your color layer. And then go into your color picker tool. Make sure you select the color that you want to use for your fill. And then what you're gonna wanna do is outline or wherever you plan on having the fill, outline that section. And then what we're gonna do is we're gonna go to the left-hand side and we are going to select the flood fill tool. And basically, you can see this little pop-up come up. You can, you can select a specific layer that you want to reference. I'm obviously going to be referencing the current layer because I drew the lines that I want to have built in to make sure your mode is on fill. And then you can update the tolerance again by dragging left or right to increase it or decrease it. And then just make sure you have contiguous selected. And then what you can do is just tap in the area that you want to have filled and it will flood fill that area. If you're noticing you have kind of like these white areas, like it doesn't go towards the edge. That just means you have to increase your tolerance a bit and then try it again. And then it should fill it all the way. And if you still notice that there's some color, you could always just take your paintbrush tool, zoom-in, find where you need to kind of clean up places and then painted in as you normally would. So that makes things a lot easier being able to use the flood fill tool. I like to utilize it if I'm doing a nice clean Fill Color and then same as like and anything else. If you notice that things are outside of the line, just utilize your erase your eraser brush and then you can just clean up your edges. And the other thing I want to highlight is the ability to use clipping masks within your layer, within your layers here as well. So say you wanted to apply maybe a bit of texture. I would suggest creating a layer. So I'm going to create a new pixel layer. I'm gonna make sure it's in-between my color layer, my sketch layer. I'm going to click on it, click on my three.me, select words as pixel and rename it texture. And then hit return. And then what I'm gonna do is I'm just going to create a texture outside of this and then apply it. So to do that, I'm gonna go to my paintbrush tool and then I'm gonna go to my brush studio and I'm going to select something like a wash brush because these have really beautiful textures. And then I'm going to select this round texture or actually dominant, select this medium covered wash. And then I'm going to increase the size of this and then I'm going to change the color just to kind of like a gray so you could see what I'm doing here. And I'm going to create some texture. And remember this is on another layer, so it's okay if I go over something, I just want to keep in mind this shape. And then I'm going to drag this down. And then I'm going to go into my layers options and I'm going to play around with the opacity first, I'm gonna make sure this layer is selective. Go to my three.me. And then I'm gonna change my layer options from normal to multiply. And then I'm gonna change my opacity from 100. And I'm just going to drag it down to about 50, 50%. And then I'm gonna take this layer and I'm going to drag it on top of my coloured layer. And you'll see that basically kind of creates a clipping mask that goes right on top of this color to give me this texture to fact, without going outside of the area of colour. And you can utilize the clipping masks to create kind of like shadow effects and things like that. So much of what we did in procreate the idea is essentially the same. So you can just pick a color that you want to go into your layer. I'm gonna clean this one up and you race. And then we're gonna go back to my brush tool. I'm going to decrease the size of this. And then I'm just going to create some shadow effects where I would think the shadow would be based on this drawing that I had in my head. And what you'll see is when you color, it's not going to go beyond what the colored pixels are. This also allows you to change the color of your wind work really easily. So let's say we created a new layer. And we're going to make sure we drag it on top of the original sketch layer. And it'll basically create a clipping mask of our sketch. And then we can basically change anything that isn't outline from black. And we can just kind of color over it and change it to white very easily. And in order to better see this when a, create a layer underneath, and we're gonna paint this with a darker blue color in the background. So a lot of the functions that we worked with in procreate the idea kind of falls in line and is similar to what you'd see in Affinity Photo. Just a matter of getting used to the tools in the studios and where everything is and say we don't want these layers anymore. You can just hit the garbage can and it'll delete it. Alright, now that we kind of added color, I showed you how to play around with the layer effects. I want to show you some other quick little adjustments that you can make.
10. Affinity Photo - Adding Outlines: I'm going to show you some other quick little adjustments that you can make like adding shadows and outlined before we export this in our original file out as PNGs. So say we want to export these fields and we want to again create kind of like that sticker effect. My suggestion is always, you can just export these as is and use them without any outline. But I always suggest to kind of add a bit of an outline to add some of that sticker vibe, sticker effect. So what we'll do is create a new layer. And then we're going to drag that layer underneath or color layer. And then what we need to do is go to our brush studio and select a nice clean, hard edge brush. So I'm just gonna go to our basic brushes and I'm gonna select the round brush. And then I'm gonna make sure that I have a pure white by going into my color Tools. I'm now just going down to my RGB heck, sliders and, and dragging them all the way to the right. And in order to make it easier for you to see this, what I'm gonna do is change the color of my background. I'm just going to create another layer. I'm going to drag it beneath my outline layer and then I'm going to fill it with a color. I'm gonna go to my layer that will be my background. Select my rectangle tool, and then just create a rectangle behind it and then update the color from blue to a gray so it's easier to see. And then I'm going to then go to my layer. That's going to be my outline and I'm just gonna make sure I rename it. So I'm gonna click on the layer, click on the three dots menu, and then click where it says pixel. And then I'm going to update the name to outline. So I'm gonna select my paintbrush tool. I already adjusted the brush that I'm gonna be using. I wanna make sure I'm on the correct layer and I am. And then I'm gonna change the color from gray to this white. Now that you have your brush selected, you have your background so you can easily see where outline is. You're just going to follow the outline of your element. If you're running into any issues with your brush not working, just make sure you have protect alpha unchecked within this bottom menu. Once they've outline, then I'm just going to go into my flood fill tool and I'm going to make sure I have white selected. And you just wanna make sure you have all of your lines closed. You can adjust your tolerance and then you can go to your foot fill tool and then click within it and it should fill the rest of that up for you. Again, you can just go in and double-check if you see any areas that aren't completely filled. You could also go into your layers to double-check as well and just turn off your color layer and your sketch layer. And you can go in and clean up any spots that may have missed. And then you'll repeat this process for the rest of the elements on your art board. Once we do that, we'll come back and we will work on exporting this together. So if you're finding that some of your elements are too close together, what we can do is make sure we group our elements. So you'll select the two layers and then hit this little puzzle piece and it'll group your elements together. But then what you'll probably wanna do is select that group. And you'll want to flatten it. We can make a copy of it first though, just so that you have an editable version still. So what we'll do is we'll go over, will go over to our commands menu. And we can select that group and duplicated. We can select that group, go to our command menu, select duplicate. And then what we're gonna do is we're going to turn off the original, go to the new duplicated group, go to this stack option in near layers, which is basically allowing you to merge and rasterize. And what we're gonna do is select merged down and it'll basically flat in our image for us, which will then allow us to select portions of our image and just move it around. So once we've done that, just making sure we're on that flattened layer will go to our selection persona. And then we'll scroll down to our, our Lasso selection tool, which is the fourth tool down from the, on the left side. And we'll select our freehand lasso. And then we're just going to outline using the lasso tool, the element that we want to move here. So once we've selected it, what we can do is go back to our photo persona. We can still lacked R command options, go to our pasteboard and then select cut. And then as you'll see, it cuts it away from this. And then we can just go back to our pasteboard, select Paste and basically just paste it onto a new layer. And then we can move this layer where ever we would like to move it. So in order to de-select it, you'll want to go back to your selection persona, hit your 3.What menu and then select, de-select. And then you can go back to your photo persona, select your Move Tool, make sure you're on the right layer. And then you can move this little guy where ever you want to. You can resize it if we rotate it just so that it fits better within your art board here. And you can do that with all of these. And we are gonna do that in a bit. But first let's get the outlines gun.
11. Affinity Photo - Separating Elements: Once we're done with the outlines, now what we can do is begin to break this apart so that we can export our layers into PNGs. So renew this first with this and then I'll show you how to do this same kind of process with the procreate image that we created. So what I'm gonna do is make sure I select all of my elements except for the background by clicking on my first element in the layers and then selecting my next layer by dragging my stylus across it to the right. And then what we're gonna do is select that little puzzle piece and it's going to group everything together. And then like we did earlier, what we're gonna do is we're gonna flatten this, merge this down. So we're going to select this group and just so that I have an editable version of this, I, again, I just like to make another copy of it, so I'm just gonna go to duplicate that. I'm going to turn off that duplicated version and then click on the new one, go to that stack layer here, and then select Merge Down. I'm also going to turn off my background. So that way when I merge everything, it's not going to merge the background. It's just going to merge the elements with the white outline. So I'm going to turn off my layer by unchecked marking this little box here. And it's going to turn off that layer. And I'm gonna do the same thing for all the rest of these layers, just unmarked them so that they are not showing on the board. Then I'm gonna go to the group that I want to flatten and I'm gonna go to my, my stack layers but merge visible. Once we've merged everything you see a new pixel layer created. We can unmarked any additional groups that may be showing because it does tend to make a copy of it. And then what we're gonna do is just with that pixel layer of everything flattens selected, I'm gonna turn on the background just so that you can see. We're going to go around and we're going to cut all of these elements out so that they're each on their own individual layers. You could also have created each of these on their own layers from the start. But sometimes you're just sketching. I know that's kind of how my process goes. I just start sketching. I tend to sketch on the same layer. And I'm going to show you that that's okay to do. But if in the beginning, if you want to skip this step, the easiest way to do that is to basically sketch each element on its own individual layer. So making sure that this pixel layer is selected, I'm gonna go into my selection persona. I'm going to select my freehand selection tool. And then I'm just going to select each of these elements. And then I'm gonna go back to persona, select my deep, my 3.Now menu, good. A pasteboard. I'm going to cut it. And then I'm going to go back to that pasteboard again. And then I'm gonna paste it. And then I'm gonna, I'm gonna repeat this process for every single element that's on this page. And you'll see that it basically creates its own layer for that element. So what you want to make sure you do is you're going to go back to that original layer to make sure you're continuing to cut out the additional pieces. So you'll go back to your selection tool. Go to year three.menu select, de-select, Go back to your freehand selection tool. And then select around the next element that you want to cut out. And then you're going to go to your photo persona. Go to your three.menu, go to pasteboard, hit cut. It'll cut it, and then go back into your pasteboard and paste it. And then you'll see it's created another layer for you with that element on there. And then you're just going to repeat this process for all the rest of the little elements on this page. So I'll do this one more time with you. Make sure I go back to the original layer. And then I'm gonna go to my selection persona. I'm gonna go to my three.me and I'm gonna select, de-select, and then I'm gonna select my freehand selection tools, a little lasso. And then I'm going to outline the element that I want to cut. And then I'm gonna go to my photo persona. And then I'm gonna go to that three.menu. And then I'm gonna go to the pasteboard and I'm gonna select cut. Go back to the three.me select Paste Board, and then select Paste, go back to my selection tool, and then de-select. And then you'll see that I've already started creating layers for each of these elements that I've cut out. And then I'm just going to repeat this process and then I'll show you how to export it and the next section. And
12. Affinity Photo - Exporting as Slices: Once everything is selected and cut, you'll see that they're all on their own layers and then you can turn them on and off by d selecting the layers. And this just makes everything easier to export all of these as individual PNGs. So if you have a layer that's just blank leftover after this, you can just click on that layer and then select the little garbage can and it'll delete that layer. So what we really need is these right here. So what we're gonna do now is export them. So the idea is to export each of these layers as their own individual elements. It just makes it a lot easier. Exporting them all at one time versus having to export them individually or pulling up PNG, a transparent PNG into something like dead note and then having to manually crop them. So this is my solution for the arduous task of having to crop PNGs within good notes. So what you can do is we're gonna go to our upper persona menu and we're going to select this last one, which is our export persona. So basically what we wanna do is go to our layers. And we want to select all of these elements so you'll know it's selected when there's a blue outline. So what we wanna do is just take her arrow slice selection tool and we're going to drag across our board. And then you'll see that all of those layers are then highlighted in our Layers menu over here to the right, where you want to make sure you do is make sure you don't have your rectangle selected. So what you could do is if you didn't want to drag over and then de-select that rectangle. You could just go into these layers over here and then select each one individually by clicking on the first with your Apple pencil or your finger. And then dragging, clicking and dragging to the right for the rest of the layers. So you'll see that all of the layers are selected because they are selected in blue. And what you want to do is you want to create a slice of this. So basically you're creating a PNG file that is just the element sliced out with no background, It'll be transparent. So to do that, once you've selected everything, you're gonna hit create slice. And then what we wanna do is go to our slices menu and then you'll see all of these slices are now here. And then what we wanna do is just make sure all of the ones we want to export our checkmark. So let's uncheck this first one and we just want to have these guys export it to. You can just click export all, or you can individually select each one on by clicking on these little export arrows. But we're gonna select export all. And then I want to export them to my Affinity Photo file. You can create a file if you want. You don't have to. I'm just going to select a folder, a file folder that I already have, which is a falloff laurels on. Then I'm gonna hit done. And then you want to then hit export all once more. And then you'll see this pop-up that all of your elements are being exported to the file that you've selected. So now to see this, I'm going to double-click or you can drag up from the bottom if you have a different iPad model. But what I wanna do is take my file system folder. I'm going to drag it up and I'm gonna do a side-by-side view. And then I'm going to click on the Affinity Photo folder and then select the folder that I had selected. And then you'll see all of my little elements pop up here.
13. Affinity Photo - Exporting Procreate File as Slices: So now to do this for the procreate file, I'm going to walk you through the steps for that. So we're going to exit out of this file. And then we're gonna hit the little plus icon when we're back into the gallery. And that if we are going to open some cloud, and then basically we want to find where we save that sticker pack that we illustrated and export it as a pn da saved minds on my iPad. So I'm going to click on that and it'll open up for me what we need to do now, the same kind of concept as we did earlier. We need to basically create a copy of this background and cut out each of these elements so that we can put them on their own layer. So I'm gonna go to my layers here. I'm going to select my background, which is the layer I just placed. And then I'm gonna go to my command menu. I'm gonna select duplicate, just so that I have a copy of it. I'm going to uncheck mark one and then click on the one that I'm working on. And then I'm going to go into my selection persona. And I'm gonna use my lasso tool to begin selecting the elements that I need a cutout. Once I've selected with my lasso tool, I can go to my photo persona, my three.menu, go to pasteboard cut, and then back to my three dot Menu Paste, Board, paste. And then you'll see that it creates a new layer for me. I'm going to repeat this process for all of the rest of these. Once I've selected it, I'm gonna go back to my Affinity Photo persona, go to the three.me, and then I'm going to select pasteboard cut. Go back to the three dot venue, pasteboard, paste, alvin. Each element is on its own layer. We can export it. But before we do that, I want to show you one more trick that we can use with the effects tools that can allow you to give your element kind of like a shadow. So let's pick an element. I'm going to pick the Beverly Hills option. And then on my right-hand side I'm going to select the little area that says FX. This is our affects studio. What we're gonna do is turn on the outer shadow. And then when we toggle that on, you'll see these options below. What we wanna do is click on the word outer shadow and it'll pop up these lower options. So you can increase the opacity, the radius, the offset, and it can give you this nice kind of like shadow effect that allows your sticker to look a little bit more 3D. So this is what it looks like up close. So if you wanna do that with each of your elements, you can do that. So what I'm gonna do is select all of them, select affects, turn on outer shadow, and then adjust them so that they're all edited at once. Once I'm done with that, then we can go through the process of exporting these slices. So what we need to do is go down to our export persona, select our air, our arrow, and we can select all of the elements on the page. Then we can go to our layers. And then you'll see that they're all selected and we want to hit Create slice. And then we wanna go to our slices studio here. And then we wanna make sure we uncheck mark the background, and then make sure all of the elements that we want to export it are highlighted and they are. Once we are ready to export, we're gonna select export all, select the folder to have everything export to and then hit Done, and then select Export all again, you'll see the pop-up that shows that everything's exporting to the appropriate folder. So now we can go into our folder system and just double-check. And all the elements that I've exported showed up. Now that we have everything, export it. The next step is to kind of work with these elements in good notes. So I'll show you how I place all of these and good notes and how I work with them in spreads.
14. Working in Goodnotes: Now that we're done with the actual design of Oliver illustrated stickers, we can begin to utilize them in good nodes. So what we're going to be focusing on in this section is using our good notes app and our folder side-by-side in order to kind of pull all of our digital stickers into whatever layout we want to create. So I suggest clicking on good notes and launching it. And I just have a blank journal open. And what I'm gonna do really quickly though, is go to my button double-click. You may have to pull up from your doc bar if you have a different iPad and then I'm gonna go to my file system. I'm going to drag it up and I'm going to put it to the side of my good notes app. And then I'm gonna go over to where I've saved all of my digital stickers. So I saved them in a specific file. You could have saved them somewhere else. And all I'm gonna do is actually drag each of these PNG's into my good notes notebook so that I can utilize them. So I'm just gonna click and drag and it'll bring it in and you'll see a bounding box and you can actually resize and things like that. And what you'll notice is on these lower corners, you'll be able to drag the corners in. And this will allow you to resize your elements so that it's a bit smaller. And then you can just click on the element and move it wherever you want it. So I'm gonna do this for all of the stickers that I've made just so that we can drag him in and utilize them. I'm also going to drag in some of the floral pieces that I made in Affinity Photo. And then once I'm done pulling everything in from my file system, I can close this out and then just concentrate on working in good notes. So now we can focus on working in good notes. I'm gonna zoom in a bit so that it's just a little bit easier to see. And what you'll see is all of these stickers are now added into the notebook and we can begin to kind of utilize them to lay things out. We can either use them in a planner, we can use them as like a journal kind of scrapbooking idea type thing. So now that we have all of the stickers placed into our good notes app, what I wanna do is kinda create like a journalist kind of on scrapbook concept in this little journal that I have. It, you can find free digital journals you could make your own if you're interested in making your own, I have on how to make a digital planner. Plus here on skill share, that concept can basically be applied to a journal with blank pages. But what I wanna do is create kind of like a scrapbook field with this. So I'm gonna utilize some pictures from when I went to California, quite a few years back now, when I was teaching at a local art school and I took my fashion students. La field trip over spring break again, I'm just kinda kind of create kind of a memory folk with some of the photos that I had screen cap from my Instagram. So these aren't the best photos, but I think this will be a fun way to kind of play around with good notes and show you how you can utilize these stickers and a scrapbook kinda feel. And then how to use some of these on these tools here in good notes. So the big thing to keep in mind is that if you are working in denotes in order to select Options and utilize some of these elements. You will want to be on the pen, like you want to turn the pen icon on. And that's that little circle with a pen kind of slash through it. Do you want to click on that in order to work with your elements? So the big things that you'll probably want to utilize our these Lasso Tools. If you click on the lasso and then the lasso something, then you hold down, you'll get a pop-up. You can zoom or you can edit and you click Edit. It'll allow you to move things around and will also allow you to resize things, which is really great. So I'm going to start off with kind of placing some of these stickers and this notebook and then adding some images and text. So in order to add text, there's this little T2. If you click on that, it'll turn blue. On the right-hand side, you'll see, you'll see actions to change the font and the size and things like that. So you can click on the font name and then you can pick a font that you want to utilize. I'm just gonna select Futura. And then you can increase or decrease the size of your font as well by hitting the plus or the negative. When you click on the drop-down, or you can just use the slider as well. And then you can also change the color by clicking on the little circle with a color in it, that's your color, your text color. You can update it to whatever you want there some presets, but if you click custom, you'll be able to utilize hex codes. You'll be able to just pick from the picker. And you could also change the type to be kind of like this circle Hugh option as well. And then when you're done, just click inside where you plan on typing. And then you'll get a little box that is like a, basically you'll get a cursor backs. So I'm just going to write in all caps, California trip, gosh, when was I think it was maybe in this was in 2012. So this is almost eight years ago now, gives I remember I had just had Sophia and I have to leave Dwight with her in order to go on this trip. So say, this is not big enough feudal, you want this to be bigger and what you can do. So you can just double tap inside of the text to highlight it and then you can increase the size once you've already written it out. So I think I'm gonna have it big on just so that it's easy for you guys to see. So once I'm done with that, I can just tap out of it. And if I do want to move it again, you can just Go to your lasso tool selected. Hold down with your finger or with your stylus, and then you can resize. You can move it around. If you want to edit anything that's inside of this, like for example, I have this little dash and they don't want, So I just have to click on the T button and then double-click inside and it'll give me the options to edit. And then I just have to go back to my keyboard and delete whatever it is in here that I don't want. What I think I'm gonna do is change a color so it's easier to read as well. And then what I wanna do next is once I'm done with that, just click off the tee. And then you can click into your screen to get rid of anything else that you have. But what I wanna do now is add an image. So if we click on this little image bar here, this little picture icon, it'll give us our images that are in our photo roll. I just set myself a bunch of screen caps from when we were in California. I had them on Instagram, so they're not the best. They're not the highest quality photos because this is from eight years ago, mind you? But I'm just gonna pick a photo of the entire group. It was me and one other teacher. And since I have these as screen caps, it's the whole thing. So what I'm gonna wanna do is actually crap this. So I'm gonna hold my finger down once a place the image and I'll get a pop up. And it'll tell you you can either crop per share and I'm going to select crop. And then I'm just going to crop this down so that it's just the picture and not the other stuff from Instagram. So if this is a screen cap and then I'm gonna hit done, and then it gives me the photo and then I can resize things by pulling out my corners. I can rotate. You just have to be careful on when resizing just because with the notes, the resize bleak area is the same thing as the rotate areas. So just keep that in mind. So I'm gonna put this here. So I'm going to utilize this little Santa Monica sticker. So to do that, I'm going to click on my lasso tool. I'm going to lasso this sticker itself, fold it down, and then select, resize. And if you find that it's selecting multiples, just be really specific and only selecting this specific icon. And then you can resize. And then it'll, it'll give you the option to move the elements. So I'm just going to kind of place this on top over here. So if you still are encountering issues with it going behind the original image, I would just hit share and then copy, and then just paste it on top. And then it should stay the size and it should stay in front of the element. So we visited all over California. We went well, not all over California, but within within an hour of LA because we went to manufacturers, it's a fashion it was a fashion program. So i was taking students to meet some of my clients that I've worked with in the past and the organizations I worked with while I was running hashtag magazine. So it was a fun opportunity for them to kind of network and see what job opportunities we're on the West Coast. I'm considering we were from the Midwest hearing the Chicagoland area. So now what I wanna do is add some. Writing. Now, you can utilize your stylist actually, right? I like the combination of adding type and writing. So if we click on this little pentagon, you can choose the different kinds of pens you want to use. You can choose a fountain pen, a ball pen or brush pen. I think I'm gonna do fountain and I want my pressure sensitivity up a bit. You might tip sharpness at 50%. And then again, you can change your colors here. You could also change the like the width of the stroke. You can do a thinner one, a medium and a sicker one. I think I'm going to do. And if you write something and then you are not happy with it and you don't like it. You just hit this little on back arrow which does its undoing what you originally, originally did. I think I'm gonna pick like a medium point. And then just kind of describe what this photo is. And I'm just going to zoom in. I find that when I zoom in it's easier for me to write. And sometimes I have to kind of addressed my screen, which is fine. And then I can also use the lasso tool to select what I wrote. And then I can hold it down. If I need to move it because it's a little close. I can hit resize and then it'll allow me to increase it or decrease it. And then I'm going to add kinda like some flair utilizing the highlighter tool. If you click on this, you're able to utilize a highlighter. And you can change the sizes, wells small, medium, large. And then you can pick whatever color you want within the, within the color options. So I'm gonna go for kind of like a lighter blue, since a lot of stickers have this light blue in there, you could also pull an exact tech hex codes if you want as well. I'm just going to kind of highlight over what I just wrote and then hold it down so that it gives me a nice straight highlight across. And then I'm going to start adding some more pictures. So I'll go back to my image role and then I'll find some additional photos that I want to utilize. And again, so I'm going to have to click on this image, hit crap. And then I can crop it down to the size that I want it to be. And then I can resize this. And then I'm gonna do that with a few other photos. The kids really enjoyed eating at in and out. It's by far one of my favorite fast food places. Next time I go to California, I'm visiting in and out burger. I'm gonna go back to my stickers over here. I'm gonna use my lasso tool to select one of them. And then take this California dreaming, hold it down and then I'm just going to drag it over here. Right. Say you did something that you did not play other than I'm doing, you can also utilize the erase tool. You can clear whole entire page. Or you can actually utilize it as an individual eraser and erase different sections that you don't want to have on your screen. And then if you do want to keep it, you could always just undo using that back Undo button. Alright, so this is my final little page that I've created using the California sticker pack. I thought it was super cute. I think it really reminded me of this trip. That's why I created it. I created a sticker pack of Chicago inspired stickers as well as New York inspired stickers. Because those are two of my favorite cities. I'm from Chicago and New York is just another favorite city that I visited. And so it's LA, so I figured and this would be the third installment of my city sticker pack. And I thought it turned out fun and cute. I'm actually going to end up turning these also until physical stickers. So in the next section we're just going to go over some details and tips to keep in mind for getting these stickers prompt to be cut on a cutting machine like a cricket. You can do this with any kind of any, any city that you have visited. This might be a fun little project to create stickers based on that city. You don't necessarily have to do LA like I did. You could do something else as well. I just figured this would be a fun little project for me to do. An ad.
15. Tips for Exporting a Cut File for Cricut: So in order to ensure that these will cut properly using something like the cricket, what you'll wanna do is just make sure you have cut ion. So we did that when we added the white Stroke, open up Affinity Photo. And then we're gonna go to that file that we created with the stickers. And what I ended up doing is I added a darker background. If you go into your layers, you can create a new pixel layer. I'm gonna turn this off just so that you can see you can create a new pixel layer. And then you can use your rectangle tool. And you can just create a rectangle that goes across just so that it's easy for you to see what you're doing. And what I would suggest is turning off any shadow effects that you may have used because the shadow will cause kind of like a blurry edge and we want to have a nice clean edge. So I would suggest turning off any shadow effects that you have in your layers. So you can select all of your layers. And then you can go into your effects tools and then just toggle off shadow and it'll turn them off. And I know this looks like they're really flat, but that's the idea is you want to just have the white outline. So it's nice and clean and crisp and allows you to have a nice, clean edge when you're exporting this as a PNG. So that's the next thing we're gonna do is now that we can kind of see and I added the darker backgrounds so that we can just kind of zoom in and double-check and make sure that everything looks clean. You'll notice if there's any edges that kind of look like this, you will probably want to go in and edit and revise that because it's going to make the cricket basically follow along this edge and it takes a long time to cut. So what I would do is I will just go to this, this specific layer, select a white, and then go to my Brush Tools and select a very specific clean hard edge brush like this, and then hit OK and then just go and you might wanna decrease the width a bit. Go in and just clean up your edges. Do you have a nice, clean ads that isn't very pixelated like this. And this will ensure that your cricket cut this image on nicely versus jag id to just move out your lines. You want to make sure you have smooth lines like this. You don't want to have jaggedy edges like this because it will make it hard for you to cut these out. So once you go through and you clean that up on, just also make sure you go through and check and make sure there's no like empty spaces like here. You'll want to go back through each of these and just make sure you fully filled. That's the issue sometimes with the flood fill, it won't fully fill some of these elements. So you want to go through and just double-check and make sure you have no issues where there may be a blank background because basically the cricket will read that this little area needs to be cut out. And then what you'll do next is you will turn off your background. Then what you'll do is you're going to export this as a PNG. So you're gonna go to your export functions, your document menu, and you're going to scroll down to export. And then you're going to select PNG. And you wanna make sure the whole, the whole purpose of this is to make sure you have a transparent background. So that's why you wanna make sure you're not working on a background that's white. You're working on that background that has that transparency. You're gonna select PNG, you're gonna name it whatever you want, and then you're going to hit OK. And you're gonna save it wherever you plan to say that. I'm just going to save it in my Affinity Photo file, that this is a full-page that I'll be able to use the cuts diggers physically. So then I'm hit save and then I am going to go into cricket designing space. And I'm going to launch my cricket design space. Once I've launched my cricket design space, I'm going to hit New Project. And then I'm going to select upload from the bottom here. And then I'm going to browse files and then I am going to go to my files on my iPad, go to my affinity folder. And I'm gonna find where I say this. So I say to Kelly sticker pack full page. So I know that is it. And then this is what you want to see. You'll see a transparent background and only the areas in black are gonna be cut out, which is exactly what you want. It allows you to have your whitespace because you've added those outlines are ready. So essentially you created cut lines in this raster file. And then if you need to, you could clean up. But because you went back through and you cleaned up everything that you should be fine as is, and you can just hit Next. And then this kind of shows what your cuts are going to be. And then you can hit next again. And then you want to save this and you wanna make sure you select Print than cut. And I'm gonna name it Kali pack. And then it loads it to cricket design space for you. And then you can go through the whole process of adding it to your, to your screen and then setting up the files so that it cuts. Another thing you want to keep in mind though, is I'm going to select it and hit Insert. Cricket only has a certain set amount of space that you can do printing cut with or 9.25 inches by 6.75 inches. So you wanna make sure that your bits into those parameters and this right now is too big. So you'll likely see kind of like an error message. So you have to go to your layers and then it'll tell you your cut images too, too large. So actually they've increased it. So now it's 6.78 inches by 9.28 inches. So you just need to make sure you resize these so that it fits within those parameters. And to do that, you can go to Edit and then it gives you this pop-up at the bottom. And in this pop up, you can adjust your width and your height. So once you've done that, then you can make it. And then it'll send it to your printer and then you can cut it out with your Cricket. Alright, so that's it. That's all I have for this section. And I'll see you in the next video.
16. Course Outro: Thank you so much for creating and learning alongside me today, I hope you found this course helpful and that you are more comfortable designing digital stickers and procreate and Affinity Photo. I hope this gives you confidence and allowed you to have fun while learning something new. Don't forget to submit your final project deliverables to the class project gallery. Remember to load a jpeg of your final sticker sets. And if you feel so inclined to definitely share a link to the PNG files or the good notes version of your sticker sets for classmates to check out if this is the first class that you've seen, if mine and you want to learn more about me and my work, definitely me at www. Dot bellows Sophia creative.com. And if you want to shop any of my digital planning or physical stationery products, you can do so on Etsy at Bella and Sophia creative. Finally, if you wanna get a behind the scenes view of the work that I do as a freelancer and the work that goes into making all of these classes. Make sure you follow me along on YouTube, at youtube.com slash C slash free landslides. Thank you so much for watching and for creating with me today. I'll see you in the next one. By.
Jenny Veguilla-Lezan, Latinx Designer & Illustrator
