How To Draw A Camping Scene With Flickering Fire • Procreate Animation Tutorial

drawing this animated camping scene is easier than you think and i'm going to show you exactly how you can do it no matter your skill level hey loan 4 people it's genevieve and my goal here on this channel is to teach you all about illustration and design so if you're new make sure to subscribe so you don't miss any of the weekly videos and so that you can join our wonderful creative community and with that said grab your drawing tools and let's get started [Music] so as usual we are going to start by creating a new canvas so we have somewhere to draw and for reference these are the dimension of the canvas that i will be using but make sure you pick something that works for your own project requirements and if you're not exactly sure how to pick a canvas size i have a video in which i explain everything you need to know in order to make your decision so i will link it in the description below now just one little thing to know when we are doing an animation like this if we want to be able to export it and use it on social media platforms for example you need to make sure that the size is less than three thousand by three thousand pixels and other than that everything should be fine now i always recommend you try and use your own colors because that's really good practice for when you want to create your own illustrations but i made this palette here that you can download it is free it will also be linked description below if you want to have the same color as i am going to be using and we're going to start by setting the color of the background i know right now looks like it's white but it's a very very very very bright blue that i actually forgot to add in the palette so i'm just going to add it right now it's going to be the palette or the sorry the color on the top right of the palette right here so the one that you're going to be able to download is going to have the background color right there so once you have your background color we're actually going to go ahead and create the circle in which the illustration is going to be and you can really use any kind of color palette you want i'm going to stay mostly in blues as you can see and then having some sort of a super bright yellow tint so for the circle the color doesn't really matter because we're going to be painting on it i'm going to go with this super super super dark blue and in this video i'm always going to be recommending two different brushes one is going to be a free brush that comes with procreate it's going to allow you to follow along just fine and the other brush is going to be a brush from my ultimate illustration bundle which will be linked description below and there's always a special promo code for the youtube people now these brushes like i was saying they're not essential but they're going to help you save some time and get more professional results overall so for the circle all we need is a brush that doesn't have any texture to it so you can go in the air brushing panel and picking the hot brush and here you want to make sure that if you follow my watercolor videos you bring the opacity of the brush back to 100 otherwise don't worry about that if you have the illustration bundle you're gonna pick the base round brush and we're simply going to create a new layer that we're going to rename to circle now to create a perfect circle in procreate all we have to do is roughly draw something that kind of resembles a circle you know like this then hold the pencil on the screen and then tap with a secondary finger which is going to create a perfect circle you can also resize the circle by dragging your pencil around and once you're happy just go ahead and fill in the shape by dragging the color into the outline now you need to make sure that the shape is exactly where you want it to be so for that you can activate in the arrow tool and settings the snapping option and with the snapping you're going to get some guides so you're going to get yellow lines when your piece is centered and you can also set your arrow tool to the uniform mode to resize your circle and really make sure that this shape is exactly how you want it to be and once you're happy we're going to start layering the different elements which is going to be fairly easy we're going to take them one by one and no big deal here so we're going to start with the water and we're going to create a new layer and we're going to rename this layer to water now in this video we're going to be using a lot of mask mostly clipping mask and alpha lock in order for everything to stay within the base circle so tap on the water layer and then from the menu select clipping mask this is going to activate this little arrow here and now everything we draw on the water layer is going to stay within the circle so for the water i'm going to go with a very very light blue it's going to be the lightest blue of our illustration and you can go with either the 6b pencil in the sketching panel so a free brush or if you have the illustration bundle go ahead and pick the outlines brush and here all we want to do is draw a line towards the bottom part of the circle for the water but now if we try to fill it in it's actually going to fill in the entire canvas because this layer is the same size as the other layers it doesn't stop at the circle so you actually need to close your shape at the bottom as well even though you don't see that part and just a trick here when you're trying to fill in a shape that was created with a brush that has some texture to it you might need to adjust the threshold so for that just drag your pencil without lifting it from the screen towards the left towards the right towards the left right until you find the moment right before the color fills the entire screen and that's where you release and that's the right threshold now we're going to add a little bit of light in the sky to make the gradient that we see in the illustration at the top so for that go ahead and swipe your circle layers with two fingers towards the right which is going to activate alpha lock you can also manually activate it from the menu now alpha lock what it's going to do is everything we draw on the circle layer is now going to stay within the circle shape that we had at the well that we created first so with the same brush and same color you're just going to roughly brush some pale blue towards the bottom like this and then we're going to use the smudge tool and i like to set my smudge tool to the stucco brush from the painting panel fairly big and then you can just kind of create a really rough gradient now the beauty of the smudge tool and this brush is you're still going to retain and actually create some texture in your gradient as opposed to having super smooth gradient i prefer having a little bit of grit but you could also just use the soft brush as your smudge tool so now we're going to go and add a little bit more texture on the water as well so we're also going to activate alpha lock on the water by swiping the layer towards the right with two fingers and that way while we draw the wider layer is now going to stay within the circle and also within the water layer so we're going to select this dark dark blue here that we use for the base circle just draw a light or small little lines like this in the bottom and then we're going to select a slightly lighter version of the blue but still fairly dark to add a little bit more to our gradient and then same thing we're going to pick the smudge tool to blur everything together great so we're going to add a little bit of a grass kind of situation so for that go ahead and create a new layer this one is going to be between the circle and the water so that the waterfront can hide the grass line so this layer is also going to be a clipping mask but if you create it below or between i should say the circle and the water is automatically going to be a clipping mask you can rename it to grass and here for all the kind of naturey elements you're going to pick the same kind of blue so the same hue just less saturation and quite quite dark so it's kind of going to be a grayish black blue and here all you have to do is draw a horizontal light slightly above the water and then close your shape so that you can fill it in by dropping your color onto it adjusting the threshold as necessary awesome so we're going to add the trees because right now this looks totally crazy so we're going to create a new layer this one is going to be above the circle but below the grass so this layer also is going to be clipping mask but it should be automatically a clipping mask and you're going to rename it to trees and for now we're going to stick with the same color later we're going to add a little bit more light but for now just you know use the same color as the grass and i personally like to start with just roughly mapping out where the trees are going to be so just drawing a bunch of vertical lines that have slightly different heights and slightly different angles then i like to map out where the branches are so just drawing some inverted v shapes over the tree some trees can have super long branches some trees can have very short and kind of tight branches so make sure you have some variety and also make sure that your trees some have like four some have three some have five branches so making sure that your trees are not all the same basically that's that's where i'm heading towards so here take all the time you need but this should not be a long step don't agonize over it just roughly map out where your trees are going to be and once you have your v shapes roughly mapped out you can just go in zoom in maybe and draw some extra little lines i guess to fill out the bottom part of the v shape so the underside here there's really no crazy rule it's not super complicated but as you can see just adding a little bit more lines on the bottom of the v shape that's all you need seriously i know drawing trees can be intimidating especially pine trees because it's like there's so many needles how you begin drawing that just draw some simple shapes like this this is all we need we're just you know we just want shadows of trees so that's good enough for now and with that it is time for the secret password so if you've watched this final video please go ahead and comment forrest if you're new on the channel it might be like what's the deal with the secret password we've been doing this for a few months and people seem to really really like it it gives me a lot of insight into how to edit and paste my videos better which helps me create better tutorials for you guys and we all want that right but the coolest thing about it is it allows us to see who's part of the creative community here on the channel especially for me because you guys know me you see my face in the intro you hear my rose throughout the entire video but i have no idea who you guys are and whenever you leave a comment i get to see sometimes your name sometimes your face and it's just it's just so cool to see the creative community that we have here on the channel so leave a comment with the word forest and then we're going to keep going we're going to add more trees so for that create a new layer between the circle and the trees layer so again a clipping mask this one you can rename to background trees or more trees whatever and we're gonna pick an even darker version of our grayish blue so on the screen honestly you can't really see the difference it's just super slight if you download the color palette you can see it's like almost the same thing so for now don't worry about that we're going to add some color or some light i should say on the trees in the front later so just worry about kind of roughly mapping out the trees in the back for now and for the trees in the back since they're further away and they're kind of bigger i like to really draw this traditional almost like christmas tree shape so still the same technique first mapping out where the trees are going to be with vertical lines and then going in with this super traditional christmas tree shape once you have your outline making sure that is also fill in at the bottom you can go ahead and actually hide the front trees it's going to be very helpful to make sure that everything is actually closed and get a better feel for what you've drawn then you can just fill in all the different shapes by dragging your collar like we did before and maybe adjusting the threshold and closing some holes in the outlines here and there and although these silhouettes really don't need to be super precise and fancy or anything feel free to go back and tweak the shapes adding some extra branches or making the edge a little bit heads the ends a little bit more pointy so everything you want to do here by all means please go ahead and do it but also if you don't want to worry about it that's totally okay this is really the background of the background so it doesn't matter once you have your background trees we're going to activate the front trees and as you can see you can't barely see them so we're going to add some highlights on them because we can imagine that the fire here is kind of going to obviously light up the trees so you're going to activate alpha lock on this tree layer again just swiping with two fingers towards the right or manually activate it in the menu and here for the color what we're going to do is we're going to pick the light gray blue version of the color so the the lowest one on the left of the color palette otherwise you just make your tree color even lighter you just brush towards the middle part of your illustration and then use the smudge tool to blend in the edges to create some sort of a gradient so the light here like i was saying you want to focus it on the middle of the illustration because that's where the fire is going to be and that way you're just going to bring back your trees and add a little bit of depth in the illustration we're also going to add some lights toward the middle of the grass so activating alpha lock on the grass layer and then using the same color to roughly add some light and then smudging it in so that it actually looks good and not just like a big big random splotch in the middle so at this point we've done most of the basic background we're going to make it look good because right now it's quite boring so we're going to start by adding some stars in the sky so for that create a new layer above the circle layer and rename it two stars now you could draw it directly on the circle but i like to draw them on separate layers so that we can move them around very easily and you're going to use the same color as you use for the background around the circle so this kind of super super light blue same brush again you can also draw a moon if you want you can draw a circle for the moon or you can draw a crescent shape anything you want here at this point is totally totally acceptable of course you're the master of your own creations um guys i just you know i'm filming this and it's almost midnight so i'm gonna be starting to say crazy things like you're the master of your own creation um but yeah obviously you get to pick whatever you draw in your own illustrations if you're drawing a moon though i recommend you draw it roughly in the middle of the piece or the middle of the sky so that it aligns really nicely with the tent otherwise it's going to kind of make the composition all all weird and if there's anything you need to move you can always use the selection tool i'm going to show it to you slower selection tool here at the top setting it to freehand making sure that the color fill option is deactivated and just drawing a section around a star or the moon or something and then you're going to be able to use the arrow tool to either resize it rotate it or put it somewhere else so here you can draw kind of as many stars as you want and you can also go in and add little dashed lines like this if you want to create this illusion well not illusion but if you want to make it look like there are constellations so here i didn't draw real concentrations i'm just drawing whatever but i think this is a nice little detail and make it feel a lot more like an illustration you know because obviously in the sky you don't see the lines between the constellation you just have to have them in your your own head but whatever i'm gonna stop talking well actually no i'm not gonna stop talking because i need to tell you how to add a reflection of the stars on the water so for that you can just swipe your stars layer towards the left to duplicate it then you're going to drag your layer above everything so it's going to be the first layer in the group and then if you use the error tool you're going to have the option to flip vertically so flipping vertically is going to allow you to kind of see this stars as mirrored which is what you would see in the lake or the water and then you can just move them around so that actually are above the lake and not just in the sky you can also kind of um i guess squish them so if you set your error tool to distort you're going to be able to use one of the handles to squish them so that they look a little bit kind of i don't know how to explain it but since they're they're projected or reflected in the water and i kind of condensed a little bit more so you can do it that way that means so you're going to get a bit of a hole towards the bottom part of the lake so you might want to add some extra stars there so that's pretty cool but they look a little bit too intense so you might want to click on the little and next in a check mark to be able to lower the opacity quite a lot so that they look more like reflection and not just brand new stars in the water and you might also want to add a little bit of blur so using the motion blur from the adjustment panel setting it to the entire layer and then you can use your finger and swiping it towards the right to add more blur or towards the left to lessen the blur and yeah this way you're going to add just a tiny tiny little bit of movement so that it looks like the reflection is on the water and the water is moving so super subtle but just a nice little nice little touch and to add more movement also we're going to add some waves so go ahead and create a new layer above the star so this one is going to be the first layer now this one is also going to be a clipping mask and we're going to rename it to waves not where's waves i don't know how you pronounce that where's where's whatever anyway waves and here i personally like to just draw some random scribbles something like this with a very small pencil i think it looks super super good and you might want to change the blending mode of this layer so clicking on the little n again and picking color dodge now this is a very subtle effect but it does make the wave look a little bit brighter and a little bit more like i don't know magical in a way and you can play with opacity until you find some sort of blending that you like and with that we're going to be ready to add the tent so go ahead and create a new layer above everything rename it to tense and this one doesn't need to be a clipping mask because the tent is not gonna go past the circle anyway and in terms of color here i like to pick the color that is going to be the complementary color to my blue so in this case it's going to be this yellow and that way we just know that we're going to get a lot of contrast and if you're working with your own colors you can go ahead and color pick one color from the water it doesn't really matter and then you're going to go in the harmony part of your color wheel set it to complementary and take the color that it suggests you can then make it brighter more saturated so it's probably going to be an orange or a yellow depending on the kind of blue or green that you used and once you have your color we're going to stick with the same brush we're pretty much drawing everything with this brush and you're going to start with just a very simple triangle like this a slightly curved line on the top and then you just connect everything to create your tan shape here you can also just fill it in making sure that you adjust your threshold as necessary and if you're not super happy with your tan shape don't worry about it you can always use the error tool at the top sending it to distort i'm getting ahead of myself and then using the arrows or the handles i should say to kind of change the shape a little bit so something super simple like this and you're going to activate alpha lock on the tent layer as well so we can add some details and you're going to make your yellow or orange even lighter and you're going to color the kind of front part tense of the front triangle because it's facing the the fire and you can go in with a super super bright version of your tent color to add even more lights and highlights on the different um angles not angles the different edges of the tent to really make them pop even more you can also draw a little line in the middle of the front to draw some sort of an opening but honestly you don't really need to be super precise with this tent because when we zoom out we barely see anything anyway you can also deactivate alpha-like to go ahead and add some little [Music] strings i guess so kind of starting from either the top or the middle part of your sides edges and just drawing these curved little strings like this with the same bright color you used for the highlights it's a tiny detail but it helps ground a tent quite literally actually and we're almost ready to add the fire and the animation but before that we need to group all of our layers for the background so for that just swipe them towards the right with one finger then click group and you're going to be allowed to collapse the group and rename it to background oh and i forgot something we need the reflection of the tent in the water okay go back and open your background group by clicking on the little arrow and then you're going to duplicate your tent layer and just like we did for the stars we're going to vertically flip the layer so just like this and then you're gonna place it over the lake obviously quite close to the shore is it a shore for like i'm not sure anyway you're also going to use the motion blur here it might be a little bit more strong than what you did for the stars and you can also distort your tent so it looks a little bit more flat now one little thing we can do here is add some movement in the tent so for that going in the adjustment panel you can pick liquify which is at the bottom and then set your liquify tool to push the size doesn't matter well it does it does matter but you're going to need to find it yourself and kind of do a few tests and then you can just brush over very quickly kind of in a zigzag motion over your tent and this is going to drag the color around and make it look like the tent reflection is in waves once that is done don't forget to lower the opacity of your tent layer so that the reflection is not super intense and that's pretty much it so we're going to be ready to add the fire and the animation [Music] so there's one very very important thing to know that is going to if you don't do it completely mess up your animation so this background group needs to be right above the background color layer if there's another one between them it is not going to work so make sure that you place your background group right above your background color and we're going to open up animation assist so to do that go in the wrench icon menu here at the top in the canvas section in the panel you're going to have animation assist and this is going to open up this menu here at the bottom and what procreate does from there is it takes every group and every single layer that are not in groups and create frames from there in frames think of them as pages of a flipbook so procreate is going to essentially flip through your layers and that's what's going to create an animation so for now we should just have the background group so we have just one frame at the bottom but if i want to activate my example here you can see that it adds a frame so for now we're just going to set our background as the background so just clicking on the frame and clicking background here that way it doesn't move otherwise it's going to become a frame that is going to just alternate with the other ones and we're not going to have a background it's going to be a mess once that is done go ahead and create a new layer and as you can see it also creates a new frame in the animation assist and we're going to draw the fire with a super super super bright yellow and the same brush just kind of a like a teardrop shape like this super simple you can also draw the reflection of the fire in the water so just something super rough and kind of a blob i guess and you can also use your smudge tool to just blend it a little bit i don't use the liquify here i don't feel like it's necessary but you just want to have some sort of a fire reflection in the water and once that is done you can rename this layer to fire we're also going to create some sort of a glow around the fire so create a new layer this one rename it to glow i think there we go yep and we're going to draw with the same brush in the same color just a random circle i guess or blob shape around the fire it really does need to be precise because we are going to go in the adjustment panel here at the top selecting gaussian blur and for the entire layer and then if you move your finger towards the right it's going to activate or add more blur and if you move it back towards the left it's going to lessen the blur so find a blur that you like and then you just click out and if we play it right now we see that we have the fire and the glow that are flickering which is not what we want so we're going to create a group with both the fire and the glow and rename this group to fire one that way the fire and the glow are going to be in one frame together since they are in one group together so now if we play we don't have any animation because the background is set as the background and then that means we only have one moving frame which is a fire but it's not moving yet so we're going to duplicate this fire group and we're going to rename this one to fire two so that way we now have two moving frames we have fire one and fire two so procreate is going to be alternating between fire one and firey two but right now these two fires are the exact same so you're going to open up fire two and on your firey layer you're slightly going to change the shape of your fire so i like to make my mine just a little bit pointier at the top really you don't want a big difference here just a slight light little difference and you can pick the glow layer as well and maybe changing the size a little bit with the arrow tool and yeah just changing it so it's slightly different but again you don't want it to be crazy crazy different and you might want to change a little bit of the fire reflection in the water as well so that everything moves a little a little bit and now if you click on play well this is really fast but we're going to change it later you can see that there is a difference and there is some sort of a rough animation happening so you could keep it at two frames i like to have at least three in my animations so just duplicating fire two and this one you're going to rename this new group to fire three i know quite original huh um so yeah just fire three and you're gonna do the same thing so you're going to slightly change the fire shape i like to just erase a little part of this point here so that there's kind of a i guess is it a spark no it's not a spark a little fire thing just a little drop of fire at the top like it's kind of floating away and uh yeah i mean you can really do whatever you want with your shape here it's such a small element that doesn't need to be precise we just want to know that something is slightly different so that we actually have an animation you're also going to slightly change the reflection in the glow just like we did before and that's pretty much all we have to do in terms of creating different frames you could go ahead and create 5 6 7 8 9 10 how many fire frames as you want i'm gonna stop at three because i feel like that's enough and if we play we see that we have a crazy fast animation for now so we're going to change the settings a little bit so just clicking on settings here on the right and you're gonna see at the top three options loop ping pong and one shot these are just the order in which the animation is going to play so feel free to pick whichever one you like i'm going to stick with loop for now just don't pick one shot because that plays the animation once and that's necessarily what we want now on the screen frame and on skin opacity it's just kind of a display it doesn't affect the final result it's just kind of what we are going to see when we work on animations so for that just don't worry about it and frame per second is i i don't like saying that because it's an oversimplification but for this purpose just think of it as the speed of the animation so you can set it to whatever you want i'm gonna set it at three that way it feels like the fire is flickering but not too crazy fast so there's one more thing we need to consider if you want to export your illustration or animation i should say for instagram you need to have a video that is at least three seconds long now in order to figure out how many frames you need in order to have a three second long animation all you need to do is take the length of the animation you want so three seconds and multiply that by the frame per second rate that you selected so in my case three so that means three times three nine frame so just duplicate your fire groups until you have the right amount of frames and then reorganize them so that animation goes through properly so if i one two three one two three one two three etc until you have enough frames and once you're ready to export you can go in the wrench icon menu select share at the top and then animate it at p4 at the bottom make sure that the frame per second that is set in this menu is the same as you use in the settings and then you can just click on export at the top you're then going to be able to click save video and that's going to save this new animation on your camera roll as a video so where your regular pictures and videos are on your ipad that's where this animation is going to be and you're going to be ready to post it to instagram facebook or whatever you want and if you want to learn how to create more simple animations like this in procreate i highly recommend you check out this playlist in which i'm going to teach you exactly that but before you leave make sure to give this video a like and subscribe to the channel so you don't miss any of the weekly videos then click on the link right here and i'll meet you there

Channel: Genevieve's Design Studio

Views: 13,330

Keywords: easy procreate tutorial, procreate, how to draw, digital art tutorial, easy ipad art tutorial, easy cute drawings, art channel, procreate tutorial, procreate drawing, drawing, genevieve's design studio, digital art, drawing tutorial, art, learn to draw, step by step, draw, procreate 5.2, illustration, procreate animation, procreate animation tutorial, digital illustration, ipad pro, how to animate fire, procreate background tutorial, draw with me, procreate scenery, landscape

Id: pXL4kVds8hw

Length: 30min 6sec (1806 seconds)

Published: Sat Oct 30 2021