Transcripts
1. Introduction: Hey, I'm Isaiah Cardona, and I'm a multi hyphen creative
that loves incorporating hand drawn animations into my projects using
Procreate dreams. And if you know me from
my animation tutorials on YouTube or my
popular online classes, then you know I am passionate
about making the world of animation accessible
to non animators. In this class, you will create a fun and dynamic
looping animation and procreate dreams while learning about traditional
animation techniques. We will walk through the frame by frame
animation process, how to morph one
drawing into another, how to create a smear animation, as well as how to use straight ahead animation to
create liquid animations. And we won't stop there. I will also walk you
through how you can combine these techniques to create
a more dynamic animation. Lastly, I'll show you how
to export your animations for different uses so you can share them
in any way you want. Adding animation to
your illustrations is a lot easier than you think. You don't need any previous animation experience
to take this class. I have designed this class to help illustrators and anyone else who loves drawing and wants to add some
motion to their work. All you need is an iPad, Apple Pencil, and
Procreate Dreams app. If you ya take
your illustrations to the next level
with animation, then let's get started.
2. Class Overview: Welcome to my class. I am so excited for
you to join me. Your class project is to make a looping animation using one or more of the
techniques from this class. It can be anything from a simple text animation to
a fun character animation. Just make sure I
have fun with it. And to help you create your
personalized animation, I will walk you through five
fun animation techniques, wiggle animation,
morphing, smear effect, liquid wipe, and motion paths. And once you have
those techniques down, I will walk you through
an example so you can see my entire process for thinking through and
animating a project. Next, we will take everything
you learned a step further, and I'll walk you
through how it combined multiple techniques to create a more advanced
animation project. And then in the last lesson, I will walk you
through exporting your animation as a
video and a gift. And through this process, you will gain an
understanding of the techniques as well as how to apply them to any
application you want. The possibilities are unlimited. And if you get lost or need any help anytime
throughout this class, feel free to leave questions in the discussion
section of the class, and I'll be happy to help. You will also have access to my helpful animation
guide and project files, which all can be found in the resources section
of this class. And once you finish
watching the lessons, I encourage you to share
your class project so we can all see the cool
animation you made. I'm so excited to see
what you all make. So let's get started with our first animation technique
and the next lesson.
3. Wiggle Animation: In this lesson, I will walk you through the wiggle
animation technique. In the first example, I will walk you through how I apply wiggle animation to text. To start out, I have already drawn out the word that
I want to animate. In order to turn an image into a looping wiggle animation, you will need to draw the
image at least three times. This will create enough
variation so that the frames can be looped without the viewers noticing it's only a few frames. To start out, I'll enter drawing mode by tapping the
draw and paint icon. Next, I'm going to tap and drag the timeline downward
to enter flipbook mode. Now I'll make sure I'm
on the next blank frame. I'll start redrawing my text. I want a more exaggerate
wiggle effect here. So instead of just retracing
the lines perfectly, I'm actually going to draw the waviness of the strokes
differently each time. Now I'll tap on the third frame and redraw
my text a third time. Now that I've drawn
my three frames, I will tap on the
top right corner of the flipbook to
exit flipbook mode. In order to loop the animation, enter the movie settings by
tapping on the project title. Next, you will want
to tap on timeline, and then in the playback
mode, select Loop. And now when I tap
the play button, the animation will loop. For our next example, I will apply this
technique to a character. So just like the last time, I will redraw my original
drawing two times. But this time, I'm
going to try and make sure my lines match up to the previous frame as I want the animation to have
a more subtle wiggle. Once done with the second frame, I'm going to tap on the
first frame and hit the plus icon to add a brand new frame in between
the existing frames. This way, I can align the new drawing to where
the frames overlap, which will allow me to make sure that the lines are
more consistent. And now I'll play
back the animation. To recap, I just showed
you how to create a looping wiggle animation by tracing a drawing
or text two times. This is a super easy way to quickly bring motion
to your drawings. And you were able
to see how playing with the consistency
of drawings can affect how subtle or expressive the movement
will look when played back. And the next lesson, I will walk you through morphing
and animation.
4. Morphing: In this lesson, I will walk you through morphing
the cat animation from the last lesson into the letter C. But
before we dive in, let's take a moment to
understand how morphing works. Morphing is the effect
that exaggerates the transformation from
one image to another. Taking a look at my example, we first have our two key poses, which shows the cat form and then what it
will transform into. Then we have our
breakdown frame, which will explain how we get
from one pose to the next. Next, we will create some
anticipation by having the cat squashed down ahead
of the morphing animation. Lastly, we will have an overshoot frame
where the s extends out past the final position before snapping back into
the second key pose. Now let's dive in by drawing
the second key pose. I'll start by drawing the C within the same space as a cat. This is important as
it will help make the morphing effect
more seamless. And since I have wiggle
animation with the first pose, I'm going to redraw the
second key pose twice. H now I'm ready to draw
the breakdown frame. To start out, I have the key
poses three frames apart, and we'll make sure I'm on the middle frame using
the onion skins, I'm going to draw the cat mid transformation so it looks
like it's stretching out and becoming the C.
I'm also going to draw the facial features in a way to communicate that
they are disappearing. Now let's add some anticipation
and overshoot frames. I'll start by tapping on
the blank frame to the left and start redrawing
the cat squash down. Once done with the
anticipation frame, I will flip forward through the frames to the
last empty frame, and I will draw the
overshoot frame by drawing the C extended out
past its final form. Now, I'll return to the timeline and we'll tap
on the project title to pull up the settings and tap on Timeline to bring up
the playback options. To create a true
looping animation, we will need to actually
switch our mode to ping pong. And now when it's played, it actually loops back and
forth between the characters. To recap, we created a simplified morphing
animation by drawing our two key poses and
then adding frames in between to communicate
anticipation, overshoot, and breakdown. And the next lesson, I will show you how to animate
the smear effect.
5. Smear Effect: In this lesson, I will walk you through how I animate
a smear effect, but what a smear and
hand drawn animation, smears are created
by stretching and distorting the shape of
a character or object. Sometimes the animator draws multiple limbs or features
to suggest motion blur. These exaggerated shapes are only visible for a few frames, but they create the illusion of a lot of extra
frames being added. Now let's dive into the I'll start by drawing
the smear frame. Similar to morphing, I will draw the smear frame in
between my two key poses. Using the onion
skins as a guide, I'll start by drawing the cone
in a tipped over position. Next, I will draw the ice cream, stretch out as
it's falling down. Then I will draw the eyes stretched out along
the arc of the fall. Lastly, I will draw the mouth. Now I will draw the in between frames to help
fill out the action. I will start by adding
a new blank frame, and then I will use
the onion skins to help guide me as I draw the cone and the ice cream in a new state that's in between the
smear and the final pose. Once done, I will return to
the timeline and I will group these frames and then
shift them over one frame. I'll have an empty frame to draw the first in between frame. And now I'll ungroup them and return back to
the flipbook mode. For this in between frame, I will start by
drawing the ice cream with the tip in the
opposite direction, and then I will have
the cone starting to toward the left as
it begins to tip over. I will also redraw the eyes slanting in the direction
of the smear and then change the smile
to a straight line to give the character
a worried expression. And that's it. Now
we have this fun falling down ice
cream animation. To recount, we discussed
how smear works by depicting one quick blur of
motion in a single frame, which creates exaggeration and reduces the number of
frames you have to draw. And then adding in some in between frames to smooth
out the animation. And the next lesson, I will walk you through the liquid
wipe technique.
6. Liquid Wipe: In this lesson, I will
walk you through how to animate a liquid
wipe animation. Step one is animating
the liquid reveal. To start out, I have already
set up my background in the S that I will use to apply
the reveal animation to. I've also positioned the S a few frames back from the
start of the timeline, so there's a brief delay
before the reveal begins. Start out, I will add a
new track above the S, and I'll go to the start of
the S in inter flipbook mode. For the first frame, I will draw a little liquid
over the S. Next, I'll go to the next frame and draw the liquid
flowing down. And you may have noticed that this approach
is different from the previous lessons where we would animate from
one pose to the next, which is on purpose as I'm using the straight ahead
animation approach to make the movement
feel more liquid like. Strayhead animation is where you draw all your frames
from start to finish, which will result in a more
organic and spontaneous look. And so now that you have a little understanding of the technique behind
this, let's move forward. Now I'll go to the
next frame and redraw it going a
little further down. In the next frame, I will redraw the liquid going
much further down, show the animation
is speeding up. Next, I will redraw the
liquid continuing down. And then in the next frame, I will continue drawing the liquid flowing
around the curb. But I'll start adding
some liquid drops. And then in the next frame, I will add some liquid drops. And I'll also continue drawing the liquid
flowing around the curb. In the next frame, I
will continue drawing the drop smaller and going down, and then we redraw
the full liquid blob. In the next frame, I will redraw the liquid progressing
further along the S. And I will continue expanding the
blob in the next frame. And I will redraw the liquid
again as it flows around the second curve of the S. And
after filling in the blob, I will add some liquid drops. In the next frame, I will redraw the drops a little
smaller and moving down, and then I will redraw
the liquid blob. Next frame, I'll redraw the liquid blob extending past the point of
the liquid drops. In the next frame, I will draw the liquid moving further
along the path of the S. And I'll repeat the process again
in the next frame. In the next frame, I'll redraw the liquid as
it gets close to the end of the S. For the next frame, I will draw the liquid, almost completely
filling the S shape. In the last frame, I will draw around the S and color drop to
fill in the shape. Now I'll exit out of the
flipbook mode and then tap on the last frame to bring up content options and
tap on fill duration. This will extend the frame
to the end of the timeline. Next, I'm going to tap on the timeline edit
icon and then select all the liquid frames and tap on one of the frames
and then tap group. Now we're ready to apply
the mask to this group, which will create the
reveal animation. To do that, I will tap on the
group and then tap on mask. Next, I'll tap on layer mask. Now when I play the animation, the liquid wipe will fill in the S. The next step is to add
a secondary liquid wipe. To start out, I'm going to add a new track above
the layer mask, and I will move one frame back from the start
of the reveal mask. This way, the secondary
wipe will have a little delay and be behind in its movement
from the first one. Since the secondary
white will be on top, it's important to make sure
you're using the final color. Now I'll repeat the
previous step by redrawing a liquid blob that will fill up the S. As you can see, as I go, I'm making sure to draw the new blob smaller than
the light blue blob, and I will continue this
process until I fill up the S. Once done, I will extend the last frame and group all of these frames. And this time, I'm going to apply a clipping
mask to this group, so the color only
shows up on the S. So I'm going to tap on the
group and then tap on mask. But this time, I'll
tap on clipping mask. And now the secondary wipe
is clip to the S shape. Now I'll play back the animation to review how
everything's looking. The last step is to add the animated flourish at
the end of the animation. I'll start by adding a new track on top
and then I'll go to the frame where the
S is completely filled up and then I'll
enter flipbook mode. Now I'll draw two little drops
starting to splash out of the shape and then I'll go to the next frame and redraw
them moving outward. I'm going to add a third
one in the middle. Now I'll go to the
next frame and draw the drops moving
out and getting smaller. And we'll continue drawing them smaller in the third frame. And then the last frame, I will just draw tiny
dots. And that's it. To recap, I just walk
you through using straight ahead animation with layer mask to create
a liquid wipe. And lastly, we walk
through how I add an animated flourish to
accent your animation. And the next lesson, I will
walk you through motion pass.
7. Motion Paths: In this lesson, I will walk
you through how to use straight ahead animation on a motion path to
create a liquid trail. The first step is
to create a sketch of the path that will
guide the animation. I'll add a new track in
inner flipbook mode. Now I'm going to draw my path, and since this is just a guide, it's okay if it's not perfect. As you can see, from my path, I've added a loop
and curviness to bring some interest and
excitement to the animation. Once done, I will draw
tick marks to determine the timing and spacing of the
drawings and my animation. The ticks closer together
are going to animate slower, while the ticks that are
spread further apart will be the parts of the animation
where the action speeds up. So with that in mind, I have set up my tick marks, so the animation starts out slower and then speeds
up as it approaches the loop and then slows down as it goes through
the loop and then speeds back up
before it starts to slow down as it exits the frame. Now I will fill the
duration of the frame. Then I'll rename the frame. And then I will lower
the opase to around 30%, so it's easy to see my
drawings underneath it. Now let's dive into
the animation. So now that we have
our guide and we planned out the movement
of the animation, let's dive into animating. The first thing
I'm going to do is change my brush color to blue, and we'll begin drawing
my motion trail. And I'm just using
the guide to help me know where and how
far to draw my line. As you can see, the
guide makes this part super easy as I just have
to follow the guide. As I get to the third tick mark, you will notice that I draw the motion trail stretched
out as it's moving faster. Then for the fourth frame, I will draw it shorter and
wider as it's slowing down. I'm also going to add some drops trailing off
as a liquid breaks off. For the next tick mark, it's speeding back up, so I will draw it stretched out. I will add some
additional drops. And as with the
previous technique, I will also redraw
the original drops moving forward in the path
and becoming smaller. In the next frame, I
will start redrawing all the drops moving forward
and getting smaller. And then I will draw the motion trail stretched
out to the next tick mark, and then I'll add
some additional dots. In the next frame, I will redraw all the remaining
dots getting smaller, and then I will draw the motion trail moving
to the next tick mark. And lastly, I'll add some
new tiny dots trailing off. Going into the next frame, I want to start redrawing
all the dots smaller. Then I'm drawing the motion
trail moving forward. In the next frame, I'll be
drawing to the next tick mark, and then I'll redraw a
few tiny remaining dots. Now I will draw the last frame, which will show the motion
trail exiting the frame. That's it. Now I will
play back the animation. To recap, I just walk you
through my process for creating a liquid trail
using motion path. This technique is
great for creating fun and organic
animation elements that weave through an image. Motion trails also make great triggers for
or animations and effects as they catch the user's eyes and leads
them to a specific point. In our next lesson, I will walk you
through my process for animating the class project.
8. Animating Your Project: In this lesson, I will walk you through my process for
creating the class project. The first step is to decide
what you want to animate. For my example, I will be
animating the foam finger. The next step is to
set up your file. I'm planning on turning
mine into a gift, so I'm going to keep it
small and use 720 by 720. Next, animate your subject
using one or more techniques. For my example, I will be using the wiggle
animation technique. And lastly, export your
animation as a video or gift. To start out, tap the plus
icon to create a new project. Here we are able to
slide up and down to toggle through the
different format options. I'm going to go with
the square option. Tapping on the
resolution will give you a drop down with all
available presets. Next, you can tap on the three dot to bring
up additional options. You can tap on frames per second to view all
the preset options, as well as the ability
input a custom value. And since I'm planning on
turning this into a gift, I'm going to go
with a lower frames per second and just use six. Next, you have the duration, which is how long the video
or animation will be. And you can change
it by tapping on the time and typing
in a new value. I'm going to keep
it at 3 seconds. Now that I'm satisfied
with my options, I will tap on empty
to open my new file. Next, I'm going to bring in my sketch by tapping
the plus icon, and then I'll tap on photos. Next, I will tap on my sketch
image and then tap ad. Now I will zoom out on the canvas and then
click on one of the corner dots and
drag it inwards until the image is scaled
down to fit the frame. Next, I'm going to go into
the drawing mode and tap on the layers icon and reduce
the opacity of my image. I'm going to tap on
the plus icon and then tap track to add a
brand new track. When first starting out, I recommend focusing
on animating the outline of your
subject first to get the animation right
and then going in and adding colors
and details last. So for the first frame, I'm going to just
trace over my sketch. Once done, I will move to the next frame and begin
retracing my first drawing. To help me better
align my drawings, I'm going to turn off my sketch. Now I will go back and
finish redrawing the image. And then I'll go the third frame and redraw the
image a third time. Now I'm ready to add
the color and details. I'll start by adding
a new track below the outline and then
switching my color to Sim. And then I will
start drawing around the outline and then use the color drop to
fill in the color. Next, I'm going to go in and touch up any areas
that were missed. Once satisfied, I'm going to tap on the frame
and hit Duplicate. And now I can just touch
on the second frame for spots where the outline shifted and the color
needs to be filled in. Next, I will
duplicate this frame, and once again, I will fill
in the missing color area. Now I'll return to
the timeline and add a new track above
the color track. Tip, keeping different
color elements on separate tracks will make it easier to update
the colors later. Next, I'm going to
change the color to pale blue and we'll enter
flipbook mode. Now I'll draw a little highlight at the top of the
finger three times. Now I'm going to select all of the frames
and then group them. Next, I'll tap on the group
and hit Duplicate and I'll repeat this step until I've filled
the whole duration. Now I will group all of these groups and rename
the new group finger. And now that I have
the foam finger done, I'm going to animate the
sparkles and add the background. To start out, I will tap in the empty frame
below the finger, and then I'll go and use the color drop to fill
in the full frame. Next, I'll tap on the frame
and hit fill duration. Next, I will drag the background
track below the sketch, and then I will toggle
back on the sketch image. Now I'll tap on the empty
track that's above the finger. Next, I will go into
flipbook mode and trace over the sparkle
and then fill it in. And since I want the sparkle
to scale up and down, and the next frame, I will redraw the sparkle
a little smaller. And then I will tap on the next frame and redraw
the sparkle at normal size. Now I can exit flipbook mode, and then I will
group my frames and duplicate the group until
it fills the full duration. And then I will group all
the groups into a new group. In order to create
the second sparkle, I'm going to tap on
the sparkle group and hit copy in the
Options overlay. Next, I'll tap on the
blank track and hit paste. Now all I need to do is move the sparkle into the
top right corner. And then the last
step is to turn off the sketch and play back to review the whole composition and then make any refinements
that are needed. And that's it. To
recap the process, we started by selecting
something to animate, then started our animation by just drawing the
outlines and then getting the animation
right before adding in the colors
and details last. And the next lesson, I will walk you
through an example of a project that uses
multiple techniques.
9. Applying Multiple Techniques: In this lesson, I
will walk you through a more complex animation that uses multiple techniques
at once. Just start out. Let's break down the different
elements of the animation. The first part is the initials
animating into place from different areas using the motion path and
morphing techniques. Next, we have the wiggle
technique which is used on the initials as well as the
star burst around them. Then we have
secondary animations around the corners of the frame, which also use the
motion paths technique. Since the last project example focused solely on the
wiggle technique. I'm going to focus
this lesson mainly on the main initials animation and then the
secondary animations. So now that we've broken
down the animation, let's dive into
animating the initials. If you'd like to follow along, you can download
the starter file in the resources section. To get started, I have
already set my file with the animation guide and two wiggle animation
sequences on separate tracks. Now I'll start working on the entrance animation for the character just like in
the motion paths lesson, I'll start by drawing a blob around the first tick
mark in the frame. And as I draw, I'm trying to keep the size
similar to its final form. Next, I'll tap on the frame, and I'll hit the plus
icon to add a new frame. And then I'll draw the blob
going to the next tick mark. Now I'll add a new frame and draw the blob going to
the third tick mark, and I'll start showing the
taper end of the blob. The next frame, I
will draw the blob, move down to the next tick mark. I'm going to add some drops
coming off of the blob. And then I will
fill in the blob. Now in the next new frame, I will draw the blob
to the last tick mark. And just like with the
motion trail lesson, I will redraw the drops moving
down and getting smaller. In the next frame, I'm going
to redraw the final shape a little squash down so I
will make the sides wider, and then I will redraw the
drops getting smaller. And then I will
fill in the blob. And now in the new frame, I'm going to redraw the
dots for the final time, and then redraw the final shape Now I'm going to play back the animation to review
how it's looking. It's important to
review your animation in chunks so you can
catch issues early on. Now I'm going to draw
a couple of frames to show the facial
features animating in. To start, I'm going to tap on the wiggle animation
group and reduce its opacity to make it
easier to draw over. Now I'm going to switch to
the color of the eyes and reduce my brush stroke to match the original
line thickness. I'm going to just
draw the start of the smile and then I'm going to draw the start
of the lines here. Next, I'll tap on the next
blank frame, and this time, I will draw the lines longer and a horizontal line to communicate that the
eyes are closed. Next, I will draw a longer
portion of the smile. Once satisfied, I
will move the frames over to the last frames of
the entrance animation, and I will return the opasie to 100% for the animation sequence. Next, I'll duplicate the group several times to fill
out the animation. So now I'll repeat the process to animate in the
C shaped pencil. Just like with the
previous subject, I will draw a blob along the
guide using the tick marks. Once I get the fifth tick mark, I'm going to start adding some
drops coming off the blob. In the next frame, I
will redraw the blob, and then I'll start
redrawing the drops smaller and we'll
add some new ones. And then fill in the blob. For the next frame, since I will reach the final tick mark, I will use the onion
skin as a guide to start morphing the
blob into the C shape. And since this is just the
starting of the morph, I'm going to keep the
overall shape blob like, and I will continue to
draw the drops getting smaller and then
fill in the blob. Now I'll add a new
frame, and this time, I'm going to loosely redraw
the C and I will draw the blob bottom and continue to redraw the drop smaller and moving
along the path. In the next frame, I'm
going to trace over the s and try to match up
closer to the final form. Now I'm going to return
to the timeline, and I will duplicate the wiggle animation sequence to fill out the duration
of the animation. Now I'm going to
animate in the details. So like with the character, I'm going to lower the
opacity for the first group, and then I will tap into the empty track above and
then enter flipbook mode. I'll start by drawing the top half of the
pencil point lines, and then I'll draw a small portion of the lines
for the pencil eraser. Now I'm going to return to the timeline and
shift the frame back, and I will delete the
opacity keyframe on the animation group so
it goes back to 100%. Next, I will tap on
the frame before my drawing and I'll
return to flipbook mode. And this time, I'm just going
to draw the zigzag line. Once done, I'll return
to the timeline, and I will group all the C
drawings into one group. I will also group all the
I drawings into one group, and then I'm going to clean up the timeline by deleting
extra empty track. And since I want the I and the C to come in at
different times, I'm going to shift the C group back a
little in the timeline, and then I'll play back the animation to
review how that looks. Now I'm going to work
on animating the exit. I'll start by tapping
and dragging the edge of the C group to the left to aligns with the end
of the I group. Then I will go to a couple frames in from
the end of the group, and I will add an
opacity keyframe. Next, I will add a new keyframe
at the end of the group. And actually, I think
I'm going to move the first keyframe
forward one frame. And now I'll reduce the
opacity of the last keyframe. Now I'm going to just repeat this process and add key
frames to the other group, so both initials will
have a nice fade out. And once again, I will play back the animation to
review how it looks. Next, I'm going to create
a starburst animation. I'm going to follow a
similar approach to sparkle animation from the
previous lesson by just drawing the frames from
one side of the starburst and then duplicating the
animation for the other side. Now I will tap in the
blank track above the initial groups and
enter flipbook mode. I'll start by drawing the
left side of the burst. Then I will redraw the zig zag line twice to create
a wiggle animation. Next, I'm going to flip
backwards in the flip book to get the first blank frame
before the first drawing, and I'm going to draw
a smaller burst. By adding this half step, the star burst will look like it's expanding out into place. Next, I'm going to group the three wiggle frames and I will duplicate them
to fill the duration. Next, I'm going to
duplicate the first frame. Then I'm going to the last
group and I will delete it. Now I'll paste that first
frame into the empty spot. This will create
a similar effect to the start of the animation, but make the starburst
look like it's scaling down until
it disappears. Next, I'll group all the starburst
content into one group. With that side done, now all I need to do is
duplicate the track, and then I will tap on the new starburst and
tap on horizontal flip, and then I'll just make some
adjustments to the position and rotation to get it to the right position
how I want it. That's it. Now I'll
review the animation. The last step is to animate
the repeating animations. The first thing I will do
is turn back on the guide. Next, I will enter drawing mode, and I will change the color to the same green color I'm
using in the initials. Now I'll enter flipbook mode, and I will start to draw the rectangle
entering the screen. Next, I will tap on
the next blank frame, and I will draw the rectangle moving further along the path. Next, I will go to
the third frame, and I'll redraw the
rectangle moving further. And I'll continue to repeat this process for
the next couple of frames until the rectangle fully exits the
bottom of the screen. Once done, I'll return
to the timeline, and I will group
all of the frames. Next, I'll animate the
moving line element. I'll start by adding a new track and returning
to the flipbook mode. And I'll start by drawing a curved line similar
to the guide, but I'll have it just
be just below it, so it'll look almost
like two parallel lines. Now I'll go to the next frame, and I'll redraw two
thirds of the line so it looks like the line is
moving out of the frame. And then in the next frame, I'll draw a small portion
at the bottom of the line. Now I'm going to swipe back
to the first blank frame, and I will draw about
a third of the line, and I'll add a new frame. And in this frame, I will
redraw two thirds of the line. So I'm essentially doing the opposite of what
I did at the end. And this way, it'll show the
line is moving into place. And now that I've
drawn the frames to show the line
moving into place, I will exit flipbook mode
and group all the frames. Now I'll play back the animation to review
how it's looking. To add some variation, I will move the line
animation back. So the group aligns with the end of the
rectangle animation. This way, there'll be some variation in when the
animation start and stop. And now I will duplicate
the rectangle track, and I will offset the
animation by aligning the group with the start of
the line animation group. Next, I'm going to tap on
the rectangle in the canvas and drag it down below
the line animation. And I will have to move it over, and I'm going to
play around with the positioning so
its path will flow well with the other elements and won't end up crossing
over onto them. And once I'm satisfied
with the positioning, I'm going to go and review
the whole animation. And I'm satisfied with
how it's all looking. So I'm going to now duplicate the repeating elements
for the er corner. So I'll group all the elements then I'll delete the
unneeded tracks. Now I'll duplicate the group
to fill the duration of the animation and then group
all of them into one group. Now I'm going to add
a brand new track, and I'll paste that group
into the new track. Now all I need to do is
tap on the rotation curve, and I will drag the elements over to the top right
corner like this. And now I can play back to see how the whole animation looks, and that's looking great. To recap, I walked you through my process for creating a
more complex animation, which included planning out the different parts
of your animation, as well as how you will
use different techniques. And just a reminder, you're not required to create a complex animation for
your student project. You can totally use
just one technique like the first animation
project I showed you. And the next lesson,
I will walk you through how to export
your animation.
10. Exporting Your Animation: Hey, in this lesson, I will show you
how you can export an animation as a
gift in a video. Exporting as a video. First thing you
will do is tap on the project title to
Open your movie setting. Next tap on timeline and make sure playback is set to
the appropriate mode. Next tap on share and
then tap on video. Next, you will get
an overlay with options to share or
save your video. I'm going to tap Save video to save the Photos app on my iPad. Exporting gifts. Currently, Procreate Dreams doesn't support exporting gifts. So I'm going to show you a
workaround using Procreate. To start out, you will
need to open the Procreate and then you will tap on photo
in the top right corner. And then in the Photos overlay, I will choose the video that I just exported from
Procreate Dreams. Before we export the gift, I'm going to show
you how to resize your animation to
reduce the gift. It's important to note that
Skillshare only allows you to upload gifts that are 8.5
megabytes or smaller. So if you're having a hard time uploading your gift to
your class project, you may need to scale it down. So first tap on the wrench icon, then tap on crop and resize. Now click on settings and
toggle on resample Canvas. And here, I'm going to change the width to a smaller size. And the program
will automatically reduce the height accordingly. Now we're ready to export. I'll tap back on the
wrench icon and then tap on share to get
export options, and then I'll tap
on animated gift, and then this will bring up a screen with a preview
of the animation, and I will tap on Export and then Save Image, and that's it. To recap, in this lesson, you learned how to export your animation as a video
and as an animated gift. And the next lesson, we
will wrap up this class.
11. Final Thoughts: Congratulations on
completing this class. I hope you create a project that you're excited to
share with the world. I hope this class
has shown you how fun and easy animation can be and has inspired you to apply these skills
to future projects. I'm very excited to see
what you've created, so be sure to post your work to the project section
of this class. Sharing your project with
a Skillshare community is a great way to help inspire each other
and continue growing. And if you would like more classes to help
you learn animation, then follow me on Skillshare and check out some
of my other classes. And if you enjoy this class and have found
the lessons useful, please take a moment
to leave a review. Positive reviews like yours helps other students
find the class. Thanks again for
taking this class, and I hope to see you in a
future one soon. Bye for now.
Isaiah Cardona, Art Director & Motion Designer
