Transcripts
1. Introduction: Ever wanted to start animating your illustrations on the iPad, but just felt a bit
overwhelmed as where to start. Well, in this class you'll
learn how to create a simple, beautiful animated Sky. Hey, I'm Crystal draws, an illustrator, designer,
and self-taught animator. And I've really
developed a passion for adding animations
and illustrations. It's been such a
learning journey, but it all started with just the iPad and
the procreate app. Just adding that little
bit of motion to new work, Les Mis skills
continue to grow and a branched out into using
programs such as After Effects. I was hired by clients
such as Adobe, Bobo house to create motion graphic pieces for
the online marketing. In this class, you'll
learn how to use the animation assist
feature within procreate will also be doing warm-up exercises to cover
the basics of animation. We'll start with using simple
frame-by-frame animation. And then moving on to timing, spacing and ease
in and ease out. We'll finish off
the exercises with a fun way to use the Liquify
and a capacity to add a little bit of special effects of finished the
class by creating a full sunset animation
from start to finish using the techniques we learned in the
warm-up exercises. I've created this class to
be perfect for any beginner wanting to get started
animating on their iPad. All you need to get
started with this class is an iPad and Apple pencil. I'm so excited to show
you how easy it is to get started animating
on the iPad. To join me in the next lesson, where I'm gonna be talking
about the class project.
2. Class Project: For your class project, I'd like you to create your
own simple animated Skye, either choosing between a moonlit night
scene or a sunset. We will be warming up with
for exercise lessons. These exercise
techniques will include frame-by-frame
timing and spacing, ease in and out, and
liquefy and a pasty. Finally, I'll guide
you through creating a sunset animation
from start to finish, using all the animation
techniques we learned in the previous
exercise, lessons. In the class resources are provided several
content that you can download to help you with
creating a successful project. This includes six color
palettes and some worksheets that are going to help you with the warm-up exercises
that we'll be doing. These can be found
in the projects and resources tab on the class page. If you need any help
downloading these or anything else to
do with the class, please reach out to me. I'd be happy to sort you out. Sure to share your
finished animated skies in the project gallery
section of the class. I really do love seeing
every single one of them. And it gives me a
chance to give you feedback on the finished pieces. So now you know what
your class project is. Grab your iPad, open
the Procreate app, and join me in the next lesson where we're going to be going over the animation
features within procreate.
3. Getting Started in Procreate: I bet you're itching to
get started animating. But before we do that, we're
just going to take a look at the animation features
within procreate. And that way you're
going to feel a lot more confident about getting started and knowing
where everything is. So I'm gonna go ahead and create a new canvas within Procreate, and I'm going to
select screen size. So the main animation
feature within procreate is called
Animation Assist. So to find this, we go up to the action panel
and bring that menu up. Then under actions, you
want to make sure that you've got the
Canvas tab selected. And then as you look down, you'll see animation assist. Now you want to toggle that on. And then once this
is toggled on, you're going to see the
Animation Assist menu pop-up and this host your timeline
for your animation, along with the various
animations settings. So we have the play button
to just play animations. We have the frames that
are in the timeline. The settings consists of options for playing
back your animation. And then we also have our
blank frame at the end. So let's go ahead and add a frame which is going to create a new blank frame
within our timeline, which you can now see as parked. Or if you tap on that frame, you're gonna get a menu,
fill the frame options. If we hit Duplicate, That's going to make a
carbon copy of that frame. Now I'm just going
to bring the menu up and delete those frames. So we've then got just
that single frame again. So here now just increase our whole duration slider to 15. So what that will do
is hold the number of frames for a set
amount of time. Just can turn that back to zero. I'm going to go up
to my brush menu. And with the brush library, I'm gonna go to
the inking section and select dry ink brush. I'll also just make sure
that my color is an orange, but it doesn't really matter
for this demonstration. And then let's just make
a mark on the Canvas. Doesn't have to be anything
spectacular, just a circle. Going to duplicate that frame from the Frame Options menu. Now, let's talk about frames. Now. One single layer within procreate is one
frame of animation. But this does change if we then go and group
our layers together. So if we do that and hit group, you can see that now
in our timeline, it is become one frame. That group is the frame, not the layers
within that group. And that is just a
real important thing to remember and take note of. And finally, we're
just going to look at the settings menu within
the animation assist. Now, this is all settings to do with the playback
of your animation. We have loop, which is going to loop your animations
continuously. Ping pong, which is going to bounce your animations
back and forth. One shot, which is going
to just play it once. Under that, we've got
frames per second, which is going to affect the
speed of your animation. And then we have onion skinning, which I will be going into more detail in some of the
up-and-coming lessons. That's just a quick brief
overview of where you can find the Animation Assist
settings within procreate. Now, join me in the next
lesson where I'll be going over how to import
your class resources.
4. Importing Your Resources: In this lesson, we're going to walk you through how we get the class resources onto the iPad and into
the Procreate app. Now, to download these, head to the project
and resources section on the class page. And you'll find them just
here on the Resources tab. Let's jump into importing
your worksheets first. Once you have it in a
location on your iPad, either in iCloud Drive, Dropbox or something similar. We want to head to
the input section in the gallery
view of Procreate, then it's just a matter of locating where you put
those class resources. I've put mine in iCloud Drive. So I'm just going
to tap on that. And then I'm going to search for where I've placed that folder. And then out of the two
worksheets that are provided, you just want to
click on one of them. Once you click on it,
it's going to import directly into Procreate
and create a new canvas. Now we sorted out
the worksheets. Let's take a look at importing
your color palettes. Now, with the color palettes, you need to be within a
Canvas to import these. I want you in that canvas, you want to go up to
your color panel. And the simplest way
to do it is to go to the plus icon on the top. When the pop-up menu appears, we're just going to
select New from file. And it's literally
just a case of finding where you've downloaded
that class resource two. So in my case, I've downloaded
it onto my iCloud Drive. So I'm just going
to look in there and find those color palettes. Then once I've found them, it's just a case of tapping
on one of them to import it. Now, one little quote that
I found with Procreate is that sometimes it
imports a blank palette. So if this happens to you, you just want to go
back through and do that whole thing again.
I want you to do that. It's going to sort
this issue out. Now you'll have that
gorgeous color palettes in your color panel ready to
use in your class project. One last thing that
you should know is that currently you cannot download the class resources
through the Skillshare app. So to get around this
makes sure that you use a web browser instead. Now that you're all set up, let's jump into our first
exercise in the next lesson, where we'll be going over
frame-by-frame animation.
5. Frame by Frame Animation: Exercise 1: In this lesson, we're gonna be learning about
frame-by-frame animation, which is the simplest
form of animation. And he's basically
when every frame is slightly different
than the previous one, Let's create a new canvas
by hitting the plus icon. And then from the drop-down
menu pick screen size. Now we have our canvas. I'm just going to make sure that animation assist is turned on. So if you'd go up
to the Actions menu and under the Canvas tab, just make sure that
Animation Assist has the toggle selected. So I'm now just going to go into my settings menu and I'm first
going to select one-shot, which is just going to play our animation wants
and then stop. And then with the
frames per second, I'm going to set that 12
frames for the onion skinning. I'm just going to set
that down to one. And then for the
onion skin opacity, I'm just going to
leave that as it is. Then finally, before we start all these warm-up
exercises and we're going to go to them brush library. And I'm going to select one
of the default brushes. And it's going to be in
the inking category. And the one that I'm going
to go for is called dry ink. Then I'm just gonna go to my
color panel and I'm going to pick a orange color
from the color wheel. Let's see how that brush feels. Yeah, I think I'm
pretty happy with that. So when I see it, but it
doesn't really matter too much about which
brush you use for this, as long as it's just
slightly a little bit thick, I might want the brush to
be a little bit thicker. Just makes sure that your
opacity is at 100% as well. I'm going to draw out a circle. And then we're just
going to click Add frame to create a new blank one. And we should have two
frames and our timeline. Now, if we look at our Canvas, we can now see that the
circle that we just drew previously has
now turned a green. Now this is called
onion skinning. It's showing us what it was
on our previous frame so we can use it as a reference
on our new blank frame. So let's create a second circle, but shifting it just slightly, so it's moved position. So let's repeat that
process again by adding a new blank frame and then
redraw in that circle. But moving it, keep
on going with this, adding a new frame and then
redrawing that circle. By shifting the position. You want to create
11 frames in total. I'm going to have mine going in an arc motion around the canvas, but it doesn't really matter where yours goes for
this warm-up exercise. So I'm just finishing up drawing my final 11th frame circle. Let's now hit the play
button to see what this is. Light when it moves, you should be really chuffed. You've created your
first animation. Before we finish this lesson, let's take a quick look at onion skinning on the
various settings within it. So let's open that
menu up right now. So for the onion skinning, if we increase the
number of frames, this is going to show more of our previous frames
and just give us an indication of where the motion and position
of those previous frames. Or we can change the onion skin frames to either increase or
decrease the frames. Or we can change the opacity
of the onion skin as well. At the moment, the onion
skinning is green, which is fine as it really stands out on that
white background. However, if we change the
background to say a green, you can see that
once we do this, we start losing that onion skin and it starts to blend in. So to get around this, we can go into the
settings and we can change the onion skin color. So let's look at that now. And if we tap on
onion skin colors, I'm going to change it
to a, maybe a blue. As you can see, this
really stands out now, so it's quite a useful
tip. And that's it. You've completed the
lesson and created your first frame-by-frame
animation. Before you dive into
the next lesson, I'd really encourage you to keep playing around with
this technique. For instance, here,
I've gone back to the first frame
and started to add bird flapping its wings in a very simple book,
playful form. So get creative. Let
your imagination go wild and just
experiment with it. And then once you've finished
playing around with that, join me in the next
lesson where we'll be talking about
timing and spacing.
6. Timing & Spacing: Exercise 2: So what makes a good animation? It essentially comes down to two skills which are
timing and spacing. And if you can master these, you can be a long way to
becoming a better animator. In the class resources. I've provided you a worksheet to help you out with this
warm-up exercise. So be sure to check that out and download it onto your iPad. Let's jump straight into
the first exercise, which is going to be timing. Now because we're gonna be using this worksheet as a guide, procreate as a really
nice feature within it. So we're first gonna go and tap on that frame in the timeline, on the animation assist. When the framing
options come on. We're going to make sure that
we toggle on background. So for this warm up exercise, we're going to be using one of the default brushes
within procreate. So if we go to our
brush library, then from the inking category, I'm going to select
the dry ink brush. I'm also going to
pick a color so it stands out from the background. If we go to Color Menu. And then on the color
wheel disc profile, I'm just going to
select a nice orange. Now, importantly, before we
start this warm-up exercise, we're just going to
hit the settings in the animation assist
and just double-check that the frames per
second are set to 12 separate fin setup for
this warm up exercise. If we go ahead and
click Add frame to create a new blank
one in the timeline. Now, I'm just going to
test out my brush to see whether it's the
right size or not. Also makes sure that the
opacity is set to 100%. And I think the brush size
I'm going to go with is 14. A quick tip. If you want to save that size, just hit that plus icon. You can see a dash
in the slider. It just means you can
easily go back to it. So we're gonna be making a bold move up the
guide in the middle, start off with
drawing a circle on the first guide points.
And you wanna double. Make sure when you're
drawing this circle that it's in the center
of that guide. So take your time
to check that out. Then, once we've drawn
this first circle, we're going to go ahead
and add a new blank frame. Again. Click Add frame on
the animation assist bar. And then once that blank
new frame is created, we're going to draw
another circle. But we're moving it up and
we're using the second guide as a reference to where
the position should be. And again, duple, make sure that that guide is in the
middle of that circle. Going to repeat the same
process again of adding a new blank frame and then
go into the next guide. And then drawing another
circle and making sure it's in the
center of that guide. So keep on doing this
process of drawing a circle, adding a new frame, and then drawing a circle
on the next guide above. And you want to keep
on doing this until you get to the guide at the top. And by that stage you should
have 12 frames in total. So I'm just finishing
off mine by adding my final circle
are my top guide. And by now you should now have 12 frames in total with a
circle on each of them. And they all should
be in the middle of each of those guides. Before we play this back, we're just going to go
into the settings and we're just going to make
sure that our frames per second is set at 12,
is really important. And this means it's going
to take 1 s to get from point a to B in 12 frames. Let's hit Play to
see that in action. So this is what timing is. It's how long that
ball is taking to get from point a to B. The time that we've
set it currently is 12 frames per second. Now currently in the exercise we've just done in the middle, we can see that we've
placed those frames evenly distributed
along that guide. Now, an important thing to remember is that
no matter where we place those frames
in-between a and b, it's not going to affect the overall time it takes
the ball to get from a to B. But it is going to make the ball either speed
up or slow down. Now, move on to spacing, which is where you place those frames in
between point a and B. So let's now jump into the last warm-up
exercise where you're going to see this
in action and get a better understanding of it. We'll make sure the on the first frame
within the timeline. And then like previously, we're going to start
out drawing a circle, but on the first guide
and just making sure that we've got it centered
with that guide inside. We are going to be repeating the same process as
we did last time. The only difference being is that once we've
kinda like drawn out that circle and just made sure that it's incentive
with the guide. We're just going to select the next frame on the timeline. And then once that
frames selected, we're going to draw
out our circle again. But on the next guide up, again, making sure that
that guide is in the center of the circle. To carry on, repeat
this process until you get to the last point on
this guide at the top. Once you've finished,
you should have a circle on each
of the 12 guides. I'm just finishing off adding my circle to the last
point on the guide. And by now, you
should have a circle on each of those 12 frames. Double, making sure that they are in the center of that guide. Us now hit play. And if we hit Play, we can see that the
animated circle on the left is speeding up and slowing down as it moves
along that guide. But they are both finishing
at the same point in time. This is essentially what
timing and spacing is. Now, I'd really encourage you
to keep playing around with this exercise and try
out an experiment, different paths,
different spacing. And once you're done, join me in the next lesson
where we're gonna be talking about ease in and ease out to just push our
skills a little bit.
7. Ease In & Ease Out: Exercise 3: So in this warm-up
exercise lesson, we're gonna be learning
about ease in and ease out. Now in the class resources are provided an exercise worksheet. If you haven't already, be sure to download
that onto your iPad, like in the previous lesson, you want to import that
worksheet into Procreate. Let's go up to our actions panel and just
toggle on animation assist. And then in the settings menu, we want to make sure that our frames per
second is set at 12, which is very important. We're going to select one sharp and then
we're going to make sure our onion skinning
frames is set to one. And then on the timeline, we're just going to select
that frame and tap background. Then let's also tap Add
frame to create a new one. The brush library. I'm going to go up to
the inking section. I'm just going to make
sure that I've got that dry ink brush selected. Color wise, I'm going
to pick a orange, going to start off the
warm-up exercise with ease, in which is starting
the animation of slowly and then
speeding up the movement. Let's create our first circle, making sure that we've
got it in the middle of the first guide. Now because our guys
are quite close together when it's
first starting out, you might be quite hard to see them and get them lined up. So what we're gonna do is just going to put
a little bit of a visual guide in by just
marking it with an X, just to make sure that I've
roughly got it in the middle. Let's repeat this
process by adding a new frame and then adding that circle to the
next guide up. Using that cross, if you
need to as a visual guide. So you want to keep on repeating this process that
we've just gone through until
you've got a circle on each of the guys on the path. Once you've finished,
you should have created 12 circles in total. I'm just finishing off the
final circle on my last guide. And by now you should
have 12 frames or with circles in them and
just making sure that in the center
of each point. But let's go ahead and hit play. And as we can see,
our ball starts off slowly and then speeds
up into the animation. And this is what is in, is it starting off slowly, then ended up fast? Let's now finish it off
with ease out exercise. So if you make
sure that you have the first frame selected
on the timeline. And then we're gonna be
doing the same as before, drawing a circle on
that first guide. And if you can try
to make it the same size as our previous circle. And then once that's
circles done, we're gonna go down to
our timeline and just select the next
frame along again, we're going to draw
that circle out, just using the guide as reference to make
sure it's centered. So carry on, select in the
next frame along and then adding that circle
to the next guy. I'm like previously
you should have created 12 circles in total. I'm just finishing
off my last circle on the last guide gonna go
into the settings and we're going to turn off onion
skinning frames up to maximum and just
reduce the opacity. And also select loop in the
settings and then hit play. So as we can see on
the left-hand side, the ball starts off
slow and finishes fast, which is ease in. And then on the
right-hand side we have the bulk starting off
fast and finishing slow, which is ease out. So the important thing
to remember is that if the spacing of those
frames is closer together, the ball is going to go slower. And if the spacing
is further apart, the ball is going to go faster. You've now finished the ease
in and ease out exercise. Join me in the next lesson
where I'll be going over the liquefy and opacity
animation exercise warm-up.
8. Liquify & Opacity: Exercise 4: In this lesson, we're gonna
be talking about using Liquify and a capacity
to create animations. So let's start off by going
to create our canvas. So if we hit the plus sign
and then select screen size. So now we're in our Canvas. We're just gonna go out
to our Layers menu, then tap background color. We're just going to change
the color of our background. I think I'm gonna go
with just a pale purple. And then making sure I've
switched to my color panel. I'm just going to
pick an orange, go and turn Animation Assist on. So go to your actions panel
under the Canvas tab, toggle on animation assist. Then let's go and select one of the default
brushes in Procreate. So if you go under
the inking section, select the brush called
Mercury and also dual, make sure the opacity
is set at 100%. And I'm gonna go with
That's too big size, so I'm just going to
reduce that down. It'll be 24 per cent. So draw out a circle I've
just put on my canvas. So in our settings panel, we just want to go in there
and we want to make sure that our frames per
second is set to 12. And then the onion skin
frames is right down at one. So let's go ahead and
duplicate our frame. So just tap on it and
select Duplicate. So to find the Liquify tool, we go up to the
Adjustments menu. Then at the bottom,
tap, Liquify. Liquify has several
different options, so I'm just going to
give a quick overview of each of them. Let's make a start
with the push Option. And then we draw on a screen. You can see it pushing the pixels actually
affect my brush. It's a bit too small. So I'm just going
to bring that size or per bit and the pressure. And then try that again. And now you can see that
it's pushing the pixels in the direction that
your pencil is moving. So have a little bit of a play around with this push Option. And then once you've
finished double tap with two fingers to get it back
to the original state. And then let's move on
to our second option, which is 12, right? And then to use this
option, or we do, is we just tap, push in the middle
of our pixels. Now, if you're
tapping and pushing and none of the pixels
seem to be moving, you just want to go back to your brush size
and bring that up. And then try again. And now we can see that
that's now affecting it. And what it's doing is it's just twirling those pixels in
that right direction. And it's really such
a cool, nice effect. I'm just going to undo this, so it goes back to
the original state. Twirl left is exactly the same, but obviously it's doing it
in the opposite direction. Let's now have a look at pinch. What this is going to do is
push our pixels in on itself. So pinching in words, expand is gonna do the opposite. So when we use it,
it's going to push those pixels and
expand them out. Now, crystallized is a particularly really
nice cool effect. So when we use this
one, it's going to push those pixels out in a
light crystallized way. Let's now jump into
the liquefy exercise and use one of these effects. Make sure the second frame
is selected on the timeline. And then let's go to our adjustments panel and
select the liquefied tool. And then in the menu,
select 12, right? And I'm also going to increase
my brush size to 55%. So we're going to tap and hold down just to make
it shifts slightly. Now, it might not look like it, but you can just see that
it's moved slightly. Let's tap back on adjustments
to go back to our timeline. And then let's duplicate
our second frame. And with that layer selected, we're just going to go
back to our liquefy tool. And it's just about adding
that effect, again, just making that social
change movements. Let's go out of
the liquefy menu. So let's now duplicate a nova of these frames and
do the same thing. Go to the Liquify tool
and make that movement. As you're going
along these frames, I'm going to ask you
to kinda like just increase that
movement a bit more. So keep repeating that
process until you end up with seven frames in total or with that Liquify tool motion on it. And then let's press play on our timeline to see
how that looks. And you can see it's made a
really cool motion effect. So it's all about having that creative play with this tool. And it's really about
just experimenting. Once now look at using a
capacity for animation, which is another fun way to add a little bit of spice
to your animations. Let's apply this to our circle. So just to make
sure that you're on your first frame
on your timeline. And then once that's selected, we're going to go up
to our layers panel. And then on the first layer, we're just going to
hit the end button. And that's going to
bring up a menu. Or just under there, you can see opacity. Now we're going to reduce
this opacity down. And I'm going to reduce
it down to about 10%. Then it's just a case of
repeating this process, selecting the next layer above. And then once that selected, go into the menu by
hitting that end. And then reducing
the opacity down, just bringing the percentage to up slightly from
the previous one. And just keep on doing
this of selecting that layer above a
crease in that capacity. And do it until you get to
100% on that opacity timeline. You finished applying
that a pasty effect. Let's hit Play to
see how this looks. And as you can see, it gradually fades in. And it's another
really cool effects. You can like add a bit of spice and a bit of life
to your animation. So now we have all the
warm-up exercises complete. Join me in the next class
where we'll be creating a guide to help us in
our class project.
9. Creating Your Class Project Guide: In this lesson, we're gonna be creating our class
project guide, which is going to help you
out wherever you decide to create a sunset or a
moonlit animation sky. So let's jump into Procreate
and the first thing we're gonna do is
create a new Canvas. And we're going to select
screen size for it. I'm just going to make
sure that this canvas is portrait by rotating it. So colorize for this guide, I want something that's going
to stand out quite a bit. So I'm gonna go with a green. So I'm going to pick
that on my color wheel, something nice and bright size. And then for my brush,
I want something that's quite clean and crisp. I'm gonna go to the
calligraphy section in the brush library. And then I'm going to pick
monoline as my brush. And then in terms of the size, I think I'm gonna go with 12%. And a really quick
tip for you is if you hit this Plus icon. So it's going to create
a little dash inside that slider so you can
easily get back to that. Also, just do, we'll
make sure that the opacity is set
to 100 per cent. We are going to be
having a horizon line in the animated scene
that we are creating. We want this is a
guide on our Canvas. We're going to draw a line
with our Apple Pencil. But make sure when you
get to the end that you don't take your pencil
off the screen. This will then snap into
a straight line for us. Then with your other hand, place one finger on your screen. And this is going to lock and
snap your line so you can guide it along to be
absolutely straight. Guide your line just over the canvas to make sure
that it covers the area. And then let go. And then just tap on the menu
that pops up at the top. And that's now going to
bring us into editing mode. I'm going to just shift my horizon line by
tap and dragging with the Apple Pencil until I'm happy with the placement of it. I'm just going to
tap on the screen. And then also for our
animated sun or moon, depending on which
one you choose, I'm wanting a guide
for this to show and indicate where it starts
and when it rises too. So I'm gonna go ahead
and draw a guide again using the same
technique as before. I'm also wanting
to make sure that this line is in the center. So I'm just going to
shift that over and just double make sure that
it's roughly in the center. And then once we're happy, just confirm it by
tapping on the screen. So we want to add some guides of where our sun or
moon will start, which I'm going to put here
at the start of my guideline. And then also where it finishes, which is going to be
at the top and then make a mark in the middle
to split it in half, then split the bottom
section in half, and the top section too. Then let's also add a guide in the middle of
all these sections too. So then once we finish, we should have about
nine marks in total. So for my animation, I'm wanting my son to start
off fast and finish slow. The top three sections
at the top of the guide, I'm going to split
these in half. And then the same again,
the top four sections are going to split
these in half as well. Then finally, the last two
sections split these in half to you possibly might need
to zoom in to do this. And you should finish off with
a guide exactly like this, with 18 marks on it. And we're going to use
this in our animation to animate our sun or moon. To start off fast
and finish slow. And let's finish off with
getting a little bit organized. Going up to our layers panel. And we're just going to rename that layer to be called guide. And let's also create
a new layer by tapping the Plus icon and moving it
to be below the guide layer. And then let's rename
this to be background. And that's it. We've made our guide
ready to help us out in creating
our class project. So join me in the next class where I'll be
walking you through creating an animated sunset
sky from start to finish.
10. Creating Your Animated Sky: We will be creating an
animated sun In this lesson. For my color palettes, I've chosen to use
sunset color palette to from the class resources, check out the importing your
resources lesson if you need a refresher on how to
get that onto your iPad. Now you'll have your guide from the previous lesson
already on your canvas. Now the first thing you're
going to do is go to that color panel and
pick a background color. I'm going to pick this pale
yellow as my background. I'm just going to
color film background in by dragging and dropping it. Now, I'm wanting this guy to have a really nice gradients. So I'm just going
to go back into my color panel and
we're going to pick this really nice red
to make the gradient. I'm going to need
a nice soft brush. So let's go into
the brush library. Then. Under airbrushing, I'm just
going to select soft brush. And I'm going to adjust the
opacity to 75 per cent. The brush size to
probably about 22% unless painting with this
brush starting from the top to about halfway. And just relieving the
pressure of the brush as we get further down the canvas. I'm just gonna go
over the top again, but just doing it a tiny
bit stronger this time, but not going quite as far. And to finish off
this sky gradient, we're just gonna go on to
the adjustments panel. And in Glaser and blurt, we're just going
to drag my finger across and apply
that effect to it. And it's going to just
smooth it out nicely. Now we're going to need
the Animation Assist. So let's go up to
our actions panel. And then on the canvas, we're just going to toggle
on animation assist. And then under settings, we're just going to
make sure that we have on Sharp selected. And the frames per
second is set to 12. With the onion skin frames, we're going to set that at one. I'm actually going to change the onion skin color just so it's a color
that stands out. Maybe this blue will
be really nice. And let's also tap
on our first frame, which is the gradient,
and just make sure background is toggled on. Then let's do the same
with the second frame. But we're gonna do this as
the foreground instead. And let's create our first
frame to start animating. Then in the brush library, we're going to pick something
that's got a bit of a hard edge on the calligraphy. I'm going to select
mono line brush. So we've got everything set
up ready to draw the sun. Now I'm just going
to go and pick the color from the color panel. And I'm going to pick
this light yellow. We're going to use the
quick shape tool to draw our first son shape. So draw a circle and make
sure that when you draw it, don't take Apple
pencil off the screen. And then with one finger on your other hand,
tap on the screen. And that's going to make
it a perfect circle. And once we let go,
we're just gonna go and tap on the editing
menu at the top. And then once we're in here, we're just going to
move that shape. So it's in the center
of that first guide. And then once you're
happy, just tap on the screen to confirm it. And let's fill this in by
using the colored drop. One tip to remember is
when you drop it in, you just going to push
that threshold 200 per cent and then drag it back slightly just to make sure
that you get it all filled in. So this is great. We've got our first
sunshade created. Now let's go onto our timeline and we're just going to tap on that frame that we just made and then hit
Duplicate in the menu. Let's go to our Transform
tool at the top. And double make sure that
we've got snapping turned on. The distance is right
down to about two. And then on the canvas, we're just going to drag that new duplicated shape
up to our next guide. And making sure when
we've got it up there is going to be in
the center of that guide. I'm going to carry on
repeating that process until I've got a sunshade
on all of my guides. One thing to know is once you get to the
top of the guide, it can be a little bit tricky to get them centered when
they're so close together. So one tip I would recommend is for you to zoom
in on the Canvas, which is gonna make it
a lot easier for you. Fantastic. You've created
your animated sun. Let's see how this actually
looks when we play it. I think this is
looking fantastic. It starts out fast and then it has that slow ease out motion. Now, join me in the
next class where we're gonna be adding our
seat and reflection.
11. Creating Your Sea & Reflection: So in this lesson we're
going to be creating our C and reflection
to our scene. So let's start off with C. So that's sunrises behind it. And I think that's
going to look really good in the layers panel. Just make sure that you've
got that first frame selected and then hit the plus icon to create a new layer above it. And I'm going to name
the layer to be C. Then if we shoot over
to our color panel, Let's pick a base
color for this C. I'm going to pick
this pale red here. We're going to pick this Select
tool for this technique. Then once that menu
pops up at the bottom, just make sure that you've
got rectangles selected. And also toggle on color fill. And let's draw a rectangle using that horizon line as a guide. Once you're over the
canvas, just like Go. And that's going to fill that selection in with
the color that we picked. Just going to go up
to our brush library. And then under airbrushing, make sure you've got the
soft brush selected. And then in our color panel
on the color palette. And then we're just going
to select that pale blue. And like we did with the sky, we're just going to paint across and gradually start going, Oh, but just relieving
the pressure as we do. And that's fantastic. We've got a really nice
see gradient going on. And let's jump back
into our layers panel. And we're going to
select the C and frame one layer together. And we're going to go up
to the top and group this. Now, if you remember doing this, makes that group now
one single frame. And then we're gonna go
ahead and duplicate our C by swiping left on the layer and then drag that layer just
above the next sun layer. And then let's select
both of these and go up and group it to
make it one frame. And you're just going to repeat that process of duplicating
that seed layer, moving it above the
next son frame, and then grouping it to
become one single frame. So carry on doing
that for all the rest of your frames in the timeline. Let's now create
the sun reflection. I'm gonna go to my Layers
panel and I'm going to select my third group up, which is my third frame. And it's also where the sun
starts to rise above that. See. Now in that group, duplicate that some circle, so you've got two copies of it. And then we want to move that
layer just above the sea. But still in that group, I'm wanting this reflection to be a different
chord in the song. So let's go to our color panel. And within the color palette, I'm going to pick
this nice pink color. I'm going to drag and drop
it to fill in that circle. And then let's grab
the transform tool. And let's just shift
it up so it's in the center of that
horizontal line. Now let's erase the top of the circle so we can
see the sun again. If we go to the selection tool, you got rectangle selected
and turn off color fill, and then select the
top half of the circle using that guide as a reference. And let's go up to eraser, going to, go to airbrushing. And I'm going to
select hard blend. And let's erase
that half circle. And then let's get out of our selection tool and
go back to our layers. Now we're gonna do the
same technique as we did with the sun circle. So let's go to our layers. And then when you see
that half circle, we're going to swipe left
and duplicate that layer. And then once it's duplicated, shifted the next group along. And just make sure is that
the top of that group. So keep repeating this process
for all the other groups. And make sure you don't
forget the groups at the beginning of the
timeline to now, you should have that half
circle on all the groups. And let's hit Play. And that's looking
really fantastic. Now join me in the next lesson, where I'll be going
over special effects and extra details.
12. Special Effects & Extra Details: We're going to start off
this lesson by adding a rock to the foreground
of this scene. And then if we go
to the color panel, and then in the color palette, we're just going to
pick that dark blue. Then in the brush library under
the calligraphy category, I'm going to just make
sure that I've got mono line selected and then make sure you're
on the last frame in the timeline and then
add a new blank wall. And I'm just going to draw
a silhouette of a rock. Don't want this to be in the
foreground with that guide. Let's go to our Layers panel. Then select both the guide
and the rock and hit Group. Now let's start making
the reflection ripple. In your timeline. You
want to make sure that you've got your first
frame selected. And then in the layers panel within that first frame group, just make sure you've got
that frame one selected, which is the sun reflection. Then let's go over to
our adjustments menu. Within that, we just
want to select, liquefy and then select push, your option, supply that
to the sun reflection. Actually, I think
that is just a bit too big in terms
of the brush size. So I'm just gonna go back and reduce the size
of my brush down. I'm going to pick around
about 15 per cent. And let's give it another go. Yeah, that's about right now. And we're just going
to make a wavy effect on that reflection. The careful not to go
to the top edge of the reflection as you don't really want that being affected. Now we've done our first frame. So let's go back to our
layers and then go to the next group along and
select that frame one again. And then repeating
the same process of going to the Liquify tool, making sure we're
on that push effect and doing the same as before, because we're making
just random strokes. That's going to
shift the movement. So keep repeating that
process until you've affected all those reflection. Some layers carry on adding the effect
to all your frames. Now, before we play
the animation, let's just go to our
settings to double-check it. And we've settings, we're
going to select loop. Just double make sure
that your frames per second is 12 and then hit play. And as you can see, we've
got a nice rippling effect. Now, Let's now start
adding the opacity effect. So when your timeline,
make sure that you've got the third frame selected and
then jump into your layers. And then in that group, you're going to make sure
that you've got frame one selected and then
hit the End key. And then with the
opacity slider, we're just going to slide
that down slightly to say, around about 65 per cent. So let's repeat this process by going to our previous frame, which is our second frame. Then in the Opacity, choosing around
about maybe 44% now. And then finally,
let's go to frame one, which is our beginning one. Doing the same with the opacity, but choosing maybe
in 19% this time. Now let's hit Play to
see how that looks. And we can see that
reflection just fading in slightly and also rippling
with the previous effect. So I think that's particularly
looking really good. Let's finish with adding just one final detail
to this illustration. One thing I think would
look really nice. We'll be putting a haze around the sun as it's kinda
like going and rising up. So let's pick a color out of
our scene to start off with. So just tap and hold with your finger to bring
up the color picker. And let's select a
fairly darkish purple. Then let's go to the color menu. And I'm just going
to shift it slightly the hue and just make it
a little bit lighter. So if we go to our
brush library, and then within the
inking category, we're going to select
mercury as the brush. And then from our Layers menu, we want to create a new layer
by hitting the plus icon. And then we're going
to drag it and just, just to make sure that
it's below that sun layer. But in the group still. Then on our canvas, I'm just going to reduce
the opacity slightly. And I'm just going to lightly
paint over the edge of the sun just to create
that little hazy effect. And then it's just about
repeating that process. Select the next layer
along goatee at layers, create a new layer and make sure it's below
that some layer, but still nested
within that group. So carry on with that
process until you've got a haze around all
your son frames. Carry on adding the effect
at all your frames. So let's now hit play
and see how that looks. I think that is looking
really fantastic. You've got that initial
animation of the sun rising, and then you've added these
little effects just to boost it up and give it that
extra little bit of spice. So you could play
around a lot further, having fun adding
some more detail. Here I've added a bird which
I thought was quite nice. And once you're done, join
me in the next class where I'll be going over how
to share your work.
13. Sharing Your Work: So now that you've completed your class project and
you're excited to share it, you probably wondering,
how do we do this? Well, there's two ways. The first way we're going
to look at is if you're actually in the
animation itself, you would then go up
to the Actions panel. Then under the Actions panel
that you're going to tap the share tab in this menu. If we look down at the bottom, we've got several animated
options to pick from. So let's take a look at each of these options and see
why you'd pick them for. The first option
is animated GIF. Animated gifs are perfect for using on social media
and through email. They're really
small in file size, which makes them super easy
and quick for sharing. So the Animated PNG
format is great to use when you want to
keep the highest quality for your animations, which makes it perfect for
using on websites or apps. It also supports transparency and a much wider color
range than gifs, animated MP4 and animated
HEVC video formats. And these are usually ideal for using in a video workflow. So that's a quick overview of the different animated formats. But I'm really wanting to share my animated sunset
on social media. So the former I'm going to
be picking is animated GIF. Then in terms of
the settings and generally like to keep it
on maximum resolution, the frames per second, or keep it the same
that the animation is. So in this case is 12. I keep the delivering toggled on and then I just click Export. Then usually click Save Image, which saves it to the
photos on my iPad. You could save it to
say Dropbox or iCloud. And the final way to share your work is to go back
to your gallery view. And then on the piece
that you want to share, you just swipe left
and you'll get an option and you just
want to tap on sharing. Again, I'm going to
select Animated GIF, leave the settings
as the default ones. And then I'm just
going to go up and click Export like before. Be really pleased with yourself. You've got a finished
animation ready for sharing. Join me in the next lesson
where I'll be going over a quick recap about what
we've learned in the class. I'll also be telling
you where to share your final piece of work.
14. Thank You: Congratulations, you've
completed the class and thank you so much for spending the
time to learn with me today. I hope you've really enjoyed it and I've learned a
lot about getting started in animation and a
keen to explore it some more. I'm just going to
give a quick recap about what we've learned
in the class today. We have covered
frame-by-frame animation, timing and spacing. Ease in and ease out,
liquefy and opacity. So you won't key takeaway from this class is that you only need simple animation
techniques to get started. It's always fantastic to see the work that you create
from watching the class. So be sure to upload your final animations to the project section
of the class. I'd also try to include any progress shots as
you're going along. That way. I can give you a really detailed
feedback if you need it. If you have time. Adding a review is something
that I really appreciate. It really does help
not only new students, but me personally
improving as a teacher. If you're intrigued
to find out more What I make as a creator, you can find me on my website or on Instagram at
Chris whole drawers. Also, don't forget to tag me in any animations you create a really do love
seeing what you make. I have several more classes
on illustration and core. So if you want to
check these out on my Skillshare profile, thanks so much for
getting to the end of the class and
taking it today. Stay creative and I'll
catch you next time.
Chris Hall, Artist
