Transcripts
1. Introduction: I feel Procreate Dreams have
elevated my creativity. It's sped up my workflow, allowing me to
animate on the go, but also bring certain
ideas to life. Hi. I'm Smitesh Mistry. A multi-disciplinary creative
including videography, illustration, animation,
and content creation. Over the years, I've picked up all these
different skills and I like to use them as tools when working on creative projects. You may have seen some of my
illustrations on Instagram, or some of my video
work on TikTok, or even some clients
like Wingstop, but also, my classes
on Skillshare. In today's class,
we'll be creating a simple animation which
will end in a logo reveal. You can either use
it for your socials, a YouTube intro, or even
a part of your portfolio. This class is perfect if you've never used Procreate
Dreams before, or if you've been animating and want to use a new software. I feel like the skills
you'll learn in this, such as transitions or even
frame-by-frame animation, will be transferable to many
projects in the future. In this class, we'll be
starting off by walking you through the interface
of Procreate Dreams, where certain tools
are and gestures which you can use to
increase your workflow. Then we'll be moving on
to using the flipbook and keyframes in order to add
animation to our illustration, and then we'll be
rounding it all off by adding some sound design. By the end of this
class, you'll have a solid understanding of how
to use Procreate Dreams, and you'll have a project which includes transitions
and a logo reveal. I'm excited to teach this
class and show you how I've been using Procreate
Dreams in my workflow, and tricks and tips that you can use to include in yours too. If you're ready to start
animating in procreate dreams, let's grab your iPad and
stylus, and let's get to it.
2. Getting Started: Explore Procreate Dreams: What's really exciting
about Procreate Dreams is just how simple it is to
make complex animations. By the end of this
class, you'll have a solid understanding
of how to use Procreate Dreams
and a project which includes transitions
and a logo reveal. You can either use
it for your socials, a YouTube intro, or even
a part of your portfolio. It's crazy what's possible
with Procreate Dreams, from breathing life into
previous illustrations, planning an animation, or even animating without any
drawing experience. In this lesson, I'm
going to run through the user interface
of Procreate Dreams. Being a Procreate app, there are some similarities
that you can take across from Procreate.
Let's start with that. Within the app, there's a
draw and paint function. As you can see here
on this top right, you've got your brush, you've got your smudge,
you've got your razor tool, you've got your layers,
and you've got your color. These are all things
that you can carry across from Procreate. But also on the
left-hand side here, you've got your brush size, and your brush opacity. Now when it comes to gestures, the ones that can be
carried across from Procreate are pinch to zoom, just like so, and the
double tap to undo, and then the three
finger tap to redo. The good thing with
this is you can do the undo and redo
anywhere on the screen, so you can do it down here in
the timeline just like so. One of the elements that I like that's been carried across from Procreate is the ability
to create clipping masks. Say if you've got a shape and you had to add some
texture inside it, just like in Procreate, instead of layers, you've got tracks, so you'd
add a new track above it. Then you can just
draw what you'd like. Then once you're happy with it, you can deselect
the top content, click on "Masks", and
then Clipping masks". It's just as simple as that. Like in Procreate,
you can create your own color
palettes to make sure your whole animation is uniform. Now that we've
covered the things that are similar with Procreate, let's run through some
of the things that are new within Procreate Dreams. When you open the app, you'll be greeted
with the theater. This is where all
your movies will sit. To create a new movie, simply click the plus button
in the top right, and Procreate Dreams
has loaded up some templates
which you can use. For this example, I'm
going to go on widescreen, and then I'm going
to go on empty. This is the first thing
you'll be greeted with. I want to split this
into three sections. This top section here, this is called the stage. This bottom section
is the timeline. When you click this squiggle
over here on the right, you'll enter a draw
and paint mode. Let's run through each one and where you can find the tools. Let's start off with the stage. At the top here, this is
where you're going to do most of your drawing
and your animating. The section here, which is highlighted, that's
called your stage, and any area outside of that
is called your backstage. The great thing I like about
this is you can draw here, so you can see your illustration
that you've created, knowing where to
animate it and how to bring it in onto
the main stage. Then down here on the left of the top section, you've
got your time code. If you click on this, this
is where you can find tools such as onion skinning
or your background color. Now for the bottom
section, the time line. This is where all your
tracks will live. If I draw a simple shape, you'll see a track pops up. You can move this
around by simply holding and dragging
around the content. You can change the
length of it by clicking on the edge and
dragging in and out. Then when you hold
it, more options come up such as
rename, highlight, where you can change the tag
which is referred to it, just so it makes it easier when working with bigger files. Another options like masking, which we'll be getting
to in our later lessons. At the top of the timeline
here, you've got your ruler. This is where you
can see in seconds, and if you zoom in more, you can see each
individual frame, which is very useful
when animating. One of the useful tools as part of the timeline
is the playhead. This is this red thing
which you can drag around. Not only does it act
as a cursor so you can see where you are
in your animation, but there's a menu
behind this too. If you tap on it, it allows for you to start adding
animation via a key frame. Let me show you. You tap
where you want to start. For this, I'm just going
to do a simple rotation. Then you drag the playhead for
where you want it to stop, click again, and then
add the animation. Then we drag that to the front, and if you press
the Play button, you can add a simple rotation. We'll be getting more into
this into each lesson, but I just want to show you all the functionality
that's possible. Say, if you've created something within the stage and you
want to move it around, you have to deselect the
draw and paint mode. Then when you tap on the
thing that you just drew, you see this box with
options either side come up. When you select the red dots, it allows you to
scale in and out. But then when you tap
on one of the red dots, a little line pops up just
on the outside of it, this allows for you to rotate the thing that you just drew. Another thing that
I really like is the fact that you can
change anchor points. This is the point at which the thing that you
drew rotates from, as you can see here, this
little plus that pops up. To change this, there's a
menu here on this top right, the three dots, you
click that once, and then you can Edit anchor. This allows you to move this, so when you rotate, it's now going to rotate around the anchor point, just like so. The main tools that
you'll be using is located at the
top of the timeline. You've got the play, this allows you to play
your animation. Next to this, you've got
your performing tool. Let me show you how this works. I'm going to draw a simple
shape on the screen. The great thing I like about
this is it just records how you move your hand or how you move the stylus
around the screen. I'm going to click "Perform". As you see in this top
left, it says it's ready, so as soon as you interact with the thing that
you just drew, it's going to start recording
them as key frames, so as you'll see. I'm
just going to move it. As soon as I stop, you'll see that the playhead stops too. Dragging that right
to the front, if you press Play, you'll
see what you just animated. Now for the flipbook function, let's go into drawer
and paint mode, and let's just draw a circle. To enter flipbook mode, which allows you to do
frame-by-frame animation, I like to do it by just dragging this little line in between
the stage and the timeline, just upwards, and now you've got this little pop out window which allows you to
see your frames. To create a new frame, just tap on the frame that
you just drew on, and then click the
little plus icon. As you saw, the shape that
I just drew disappeared. In order to see this, let's
turn on our onion skinning. I'm going to click
on the time code, and then click
"Show onion skin". This shows the previous
frame that we just drew. Now we can just
continue drawing, selecting the next frame. To play this back, you can either drag your
frames to see what you drew, or you can exit flipbook
mode by clicking the X, and then drag your
playhead to the front, and then just tap
the Play button. We'll diving into this
deeper in the later lessons. Next to the performing tool, we've got the timeline edit. This allows for
certain things like grouping frames together
just by drawing over it. As you can see,
they're all selected, and then if you
just hold on one of the frames and then
click "Group", now it's in one solid track, so it's easier to move around. To view what's in this group, just tap the little drop-down. Then finally we've got the add function which
allows you to add tracks, photos, videos,
texts, and files, which we'll be doing
later on in the lessons. Finally, let me just
run through some of the gestures which are new
within Procreate Dreams. Here on the timeline, as before, you can zoom in and
out by pinching, but to change the height and
the width of these tracks, with three fingers, either
slide left and right, this allows you to
change the width, and then sliding up and down, this allows you to
change the height. Then to see animation,
like in Procreate, just tap with four fingers, and then press "Play". Now that I've run
through the interface, we will be moving on to
creating the class project. We'll be using the
performing tool, keyframes, and the flipbook
function to create an animation which will
end in a logo review.
3. Create an Intro Animation: Let's get started. I'm going to start off by making a new movie. I'm going to use the
wide screen template. I'm going to click on
draw. Before we start, I want to change the frames
per second of this movie. To do this, I'm
just going to click there and then
change the 24 to 12. Now let's get started.
On this first strike, I'll color the background in. I know we have a background
color function here, but because I'm going
to be changing it, I want to have the ability to
add key frames to it later. I'm going to do this
by clicking and dragging onto the stage. Now I'm going to make
a track above it by pressing the add and
then clicking on track, and as you saw a new track appeared above the previous one. To start this off,
I'm going to be drawing a motion path first. For this first part
of the animation, we're going to have
a blob flying in, turning into four blobs and then that's going to transition
into the next bit, which we'll cover
in the next lesson. With the draw and
paint tool selected, I'm going to choose a
pencil and a lighter color, and I'm just going to
draw a motion path. This is the path that the blob will follow as it flies in. You feel free to draw any
motion path you like. For this, I'm just
going to curve and then straighten out as it comes to the middle
of the screen. Now I'm going to put some
indicators on just so I know how fast I want
the blob to fly in. Initially, I want the
blob to fly in quick, slow down as it turns and then speed up again as
it comes to a stop. Because I want the blob that
flies into split to four, I'm going to draw
those in as well just so I know for spacing. Now let's add our indicators on. I want it to end there. I want
the blob to come in quick. I'm going to have one appearing a bigger gap and then let's reduce the
distance between these. The greater the distance
between these indicators, the faster the
animation will be. Now I'm going to
drop the opacity of this content just by
clicking on the playhead, clicking on filter, opacity, and then just dropping
that down a little bit. Now we've got our motion path with our time
indicators on there. We're going to
create a new track above that and then
we're going to start drawing on this track
so I'm going to click on "Add Track". Now for this I want to add
on the onion skinning, just so I can see where I
do on the previous frame. Click on the time code and
then show onion skinning. For this, we're going to be using the flip book function, so let's draw our first frame and then we'll
go from there. I'm going to enter
flip book mode by dragging this little line up. I'm going to move
it off to the left and then on the new frame, just tap on the current one and then click the red plus button. As you saw, the previous
frame turned purple, so I'm going to use that
as an indicator and then tap on the empty frame
next to it to add the next one and then so on. One thing I'd like to do is the parts where the time
indicators are quite far apart I like to stretch the animation to add to
the illusion of speed. Then for this last one I'm going to stretch it quite a bit. Then as it comes to a stop, I want to squish the
end of it a little bit. Going to exaggerate
that, to increase the height of the
front of this blob. I'm going to increase the
surface of the back too. The great thing I like about
the flip book function is you can just
watch your frames back to back just by dragging this to see how it all looks. Then now I want
this big long one to separate into
four individual. I want this to be separated. I'm going to gradually
move this last blob closer to give the
effect of a recoil. I'm going to have this last blob separated
from the other two, and then these two are going
to be nearly broken apart. Then just one last frame with the balls in the
same place again. Now if we watch this back,
I'll just click the little x, going to zoom out
on the timeline, and then drag the playhead
to the beginning. Let's turn off the guides for this so we can see
what we've done. Good thing with this is you
can just now scrub through the timeline and alter each frame depending
on what you like. I'm going to turn back
on the motion path. I want this block to be a little bit bigger
as it comes in. I'm going to deselect the drawer and paint tool and then I can just
tap on the frame, and then I can just scale it up, dragging the little red dot out and I'm just
going to do this. Now, let's watch that back. There's one last
change I want to do with the drawer and
paint tool selected. I'm just going to
change my brush and then I'm just going to make a simple change to the
shape of this circle. Then one addition
that I'm going to add to make this a bit more convincing is when
the blob recoils out here, I'm just going to have just
a little bit falling off. So I'm going to do a simple blob and then just follow that by another little one. There we've got our
frame of our animation. I'm going to do now is go in and just color in all
the different sections. I'm going to enter
into flip book for this because all the
frames have drawn now, I'm going to turn
off onion skinning. Then using the brush
of your choice, just go in and color all the
frames that you've done. Just going frame by frame. Unlike in Procreate, where you can drag the color into a cloud shape
to fill it up, that will speed up your
workflow a little bit. What I'm doing now, I'm just cleaning up this final frame and then we'll watch back the animation that we've made for this first section. Because each one
is frame by frame, it does feel like each one's a different canvas,
which is nice. Let's see what we've done now. I'm going to drag the play
head back to the beginning. Cool. That's a brief little look at the flipbook function
within Procreate dreams. What I'm going to do now, let's delete this motion
path that we made. Because we don't need
that up no more. I'm just going to hold
on the content and then click delete
content and what I want to do is I want to hold the last frame that
we drew a bit longer, so I'm going to click
on the frame and then just drag the outside, just maybe 10 frames, just so that last frame holds. There we go. Now what I want to do to transition
into the next scene, I want to add a key frame to this last frame
that we just held. I'm just going to
zoom in slide and then on the beginning
of this frame, I'm going to tap
on the playhead. Click on "Move" on
move and scale. Then I want to make sure my anchor point is in the center, so I'm going to click on the menu on the right hand side, add a anchor point, and then I just want to drag
it into the center. Then click done
on the top right. Then initially I want
it to shrink and rotate and then I want it to come back out and
rotate the other way. I'm going to drag the playhead, making sure it's on
the key frame track, tap and then with the little line on the
outside of the red dot, just rotate it ever so slightly and then drag the red dot in just so
scales a little bit. Just to create
some anticipation. Let's drag that out
maybe two frames, and then I want it to explode
outwards so I'm going to rotate the other way
and then scale it up. Let's watch it back
to the beginning. One thing to note is, depending on what you see
in your timeline, that's what we'll play
on loop so if I zoom to have the full animation so far in the timeline
and press play, it's going to loop what
we've done so far, but if I just want to see the section we did
on the key frames, I can just use two fingers
to fill the timeline with just this frame and it's just going to loop that
part of the animation. I think I want it to be
a bit more exaggerated, so I'm going to click on
the final key frame and then just drag it out
just a little bit. I'm not sure if you've worked
with key frames before, but one thing you can do is change the way each
key frame interacts. If we hold on the
key frame track in between the
frames we've made, we can set the type
of easing we want. For this we want to set it
to ease in and ease out, which will mean in
between each key frame, it'll start off slowly, speed up or it'll
be the fastest in the middle and then slow
down again at the end. Ease in, ease out. It'll
speed up in the middle, slow down here and then
it'll speed up a lot here. Perfect. Now that we've used the flipbook function to create this first part
of the animation, in the next lesson I'll be walking you through
how you can use the performing tool
and key frames to create the second
part of this animation.
4. Add Flying Elements: Building upon the
previous lesson, we're going to be
using the performing tool to create the next scene. We're going to be
doing this by creating a slight transition where the blobs that we made
in the previous lesson will now transform into shapes. Starting where we left off
with the frame that we held, I'm just going to trim this by dragging the
outside of the frame, just so the last key
frame disappears. Play that back. It's perfect. Wanted to end quite abruptly
because then we're going to transition into the part we're
going to be drawing now. For this, I want the blobs to change into four
different shapes so on four separate
tracks I want to draw four different shapes. I'm going to start by clicking the add track and I'm just going to use the previous
frame as reference to where the blobs are. Going to go on the drawer and
paint tool feel free to use any brush that you
like and any color. There's our first shape done so I'm going
to do the same for the other three shapes so just clicking the plus new track. Don't worry about the size of the shape because we're
going to be playing around with the scale after
we've drawn our shapes. Again, plus button new track, I'm just going to change the
color of this one to green. Then now for our final
shape with these shapes, I just wanted each
one to be quite distinct from each other
and then with the colors, I just wanted it to be fun. Quite alike how
rough and red is, don't have to be perfect. There we've got our
four shapes all on different tracks so now
what we want to do is, before we add any key frames, let's get the size and the
position of them sorted. I'm going to start by
dragging the playhead to the pink cross and then deselect the drawer and paint tool and
just tap on the shape and let's just move it around with the red dots,
just drag them. For now, I'm just going to put them on top of
the circle just for sizing and then I'll show you what we're
going to do with it. If we drag the playhead and see the direction the
blobs are going in, you can see they're
turning this way and outwards so because
this is going outwards, we want the shape to follow. If you predict where
the blob will go, it will be up here so
let's go in and move our shapes in the direction
that the blobs would go. I'm going to scrub
back and forth just to kind of get an idea. Perfect. Let's trim our clips so they start where the blobs end so there's two
ways to do this, you can drag each
one manually like that or using the timeline edit, you can just draw over
all four of them and then drag them in
so we can do them all together so then
we've got our shapes. Now we're going to use the performing tool to move these out to create
an explosion. I'm going to do each shape
at a time, performing them, having them explode out, and then doing the same
for each shape after. For this start off with the cross so I'm going
to drag the playhead to the start of the clip
and because it's already selected when I click
the performing tool, as soon as I start
moving the shape around, you'll see the
playhead will start sliding along this track and
recording the key frames. There we go, just like that. I'm going to two
finger and tap and then three finger swipe
to reduce the width. Select the performing tool, I want the shape to
move quickly and then slow down so this
may take a few tries. It's going to take me a
few tries going to swipe out and then come back in. With this, I'm trying to create
the effect like it's bouncing off the
edge of the stage. If you watch this back so for
me it's not quick enough. I'm going to undo that
and then try that again. I'm going to make
sure all these key frames are set to linear. It's a good thing with
the performing tool, you can go in and further
edit the key frames after so seeing where it actually starts moving so this first one
seems to have done nothing, so I'm going to delete that and then drag this first
one to the front. There we go, I'm
happy with that. Let's play around, have some fun with the
performing tool, and let's do the
same for the rest. What I'm trying to do as well
is trying to have each one roughly animating for
the same amount of time having the final
key frame all line up, then now for the circle, so I'm going to have this bouncing down here and
then ending up here, just to make sure the
final arrangement of the shapes are all balanced. I'm going to watch
this back a few times just to make sure
I'm happy with it before I move on to the next step. Now that we've
played around with the position of the
shape on the stage, let's play around with the
rotation and the scale, so doing the exact same thing, going shape by shape. I'm going to start at the
beginning of the content, selecting the performing
tool but this time, instead of moving it around, I'm going to be using the
red dots in the corner to scale it as it comes out from the previous transition again, making sure it ends where
the previous clip did. What I want to do,
I want to change the position a little
bit so to do this, I'm just going to hold
on the key frame track. I'm going to expand
the moving scale and here we get to see a shape in terms of x and y so this is where the
circle changes direction. I'm going to move it
down a bit and then out just so it actually looks
like it's bouncing off the edge of the stage. Then let's collapse this again, just by holding and then collapse moving
scale do the same for the rectangle now so select
the performing tool, and then with the red
dots in the corner, just drag it out and
because I want it to match the speed of which X expands from the previous transition. I'm going to do the
same with my hand too. Then now for the pink
cross and now finally, like I mentioned,
let's go in and add a rotation just to tie
this all together. Same again, select
the performing tool, I guess with the circle, you're
not going to see it much, but let's add a rotation anyway. Then with the line
that pops out from the red corner, again, I'm slowing down as the playhead moves along the
truck, rectangle. What I'm trying to do
is, like I mentioned, match the speed of all the different types of key frames that I'm
adding so for the scale, the rotation and the position, I want it to start off fast and then end slow so
with the rotation, I'm rotating it quickly and
then as the shape slows down, I'm slowing down
my rotation too. If we play that back, feel free to play around
as much as you want, the orientations of the shape, the position of
them on the stage but I'm quite happy with this, quite like how it
fills the page. What I'm going to do now, let's split the clips, so let's make sure
all the key frames end at the same time. What I'm going to do is slide the playhead to the end of
where the transitions end, tap the playhead,
add it, and split. Let's do this for all the clips, making sure the playhead is on the track and not on
the key frame track. Now that we've got the base of this part of the animation, let's go in and add a
bit of interest through the use of clipping
masks and texture.
5. Add More Texture and Motion: Let's go in and add a
bit of interest through the use of clipping
masks and texture. In order to do this, I'm going
to select the track that I want to add the clipping
mask to and then track. Now, what I'm going to do is with the drawer and
paint tool selected, select color of your choice. I'm going to select a green
and then have some fun. I really enjoy adding squiggles
and lines to my shapes. It's quite like the
way it looks, really. Now, what I'm going to do is hold the content and then go on masks and clipping
masks and that will keep the squiggles all
within the pink shape. If we scrub through
the timeline now, you'll see that it just
stays in the pink cross. Let's do this for
the rest of them. With the blue, tap on the blue, new track, change of color. Hold the content mask
and clipping mask. Same for the green rectangle. Make sure the play
heads on the track. New track, it's going to go the opposite
way to the pink one. Again, hold the content, mask, clipping mask, and then finally for the
circle, we play that through. Now, all the textures
that we added to the shapes should be in
throughout the whole animation. Now, that we've run through
the performing tool, let's get into the key frames. What we want to happen to
this animation now is we want all the shapes to
rotate and then vanish. We're going to be using
key frames to do this. Let's get to where
we split the clip. Let's start off with one shape. Let's start off with
the pink crossing. Starting where we
split the clip. Let's add a key frame.
Firstly, what I want to do is, I want to change
the anchor point of all four of these shapes. Just as a reference, I'm going to click
on the top content, create a new track, and I'm going to draw a blob in the center
just for reference, and then we'll be deleting it. I'm changing the color to white, and I'm just going to draw
a blob in the center. Then now let's go back to
where we split the clip. Let's deselect the
drawer and paint tool. Then on the menu on
the top of the shape, let's click on ''Edit
Anchor Point.'' Then let's just drag this cross to the reference
point that we just made. We can do this to every shape. We don't have to come
out of the menu, we can just tap on the next
shape and then do the same, then the green one
and the yellow one. The reason we did this is
it allows for the shape to rotate around the center now,
which is what we wanted. Let's start with pink Cross. As you see here, the key frame play head
is like a dark red. As soon as you tap
it, it turns white. This means you've
added a key frame, so let's drag this out, and then we're
going to tap again. Then using the line
on the outside, let's just rotate
this nice rotation, and now we want it
to scale as well. On this final key
frame that we made, let's just scale down the shape using the red
dots on the corner. We've played this back, it should rotate and scale
at the same time. With this type of easing, we want it to ease in, I'm going to go on
settle ease in. This will mean it
starts rotating slowly, and then it quickens up
the smaller it gets. Let's do the same for
all the other shapes. On the blue semicircle, tap toward a key frame. I'm going to make
sure I've lined it up with the previous one, click again, let's rotate
and then scale down. Same for the green rectangle. We've got to add a key frame and scale. Then finally the yellow circle. Let's tap to add a key frame. Drag the play head
to where we want the tap and then scale down. Now, let's get rid of our
reference point that we put. Hold the content
and delete content, so if we play this
back, perfect. I'm just going to
alter the green one. I'm going to go into
the key frame, track, hold it, expand, and then with the rotation that's going to reduce
it just a little bit. Let's collapse that.
I just want to make sure all the easing
is set to ease in. Hold the key frame track,
select all easing, ease in, set all easing, ease in, and then
finally for the circle. To add a little motion
to this animation, I'm going to be adding
some trails to the end of the shapes as they reduce in size and rotate
to the center. I'm going to drag the play head, maybe three or four frames
before they disappear. Then with the track selected, I'm going to create a
new track above it. I'm going to go on the
drawer and paint tool, and then because I'm
on the circle first, let's select the circle. For this, I want the
onion skinning on, so I can see previous frames, so I'm going to tap on the
time code, show onion skin. It look like the texture is
coming through right now, but don't worry about that because we're
going to group it just so the whole shape will be included
within the texture. Now, I want to
enter flip up mode, so I'm going to
drag this up, click the frame, click
on the red plus, then you can just follow this as it reduces
adding to the motion. We'll watch that back, adds the trail to the shape. Let's do this for the others. I'm going to select
the green rectangle, plus and the new track. Then again, let's
find the motion. The trail is going
to be on this side. Now, it's time for
the blue semicircle. Let's enter into flip buck mode. Tap your frame,
and the red plus. Now finally for the pink cross, tap on the track
plus and then track, enter into flip book mode, pap your frame plus,
then it's gone. Let's exit flip book mode. Now, let's group these together. I'm going to split the clip on the last frame that I
drew for the trails. I'm going to click
on the play head, edit, and then split, and now I can delete this. Delete content, and I can do the same for the
clipping mask as well. Then with the timeline edit, I'm going to select
the frames we drew plus the clip
that we split before. Going to hold and group. Let's move that up back
to the clipping mask, and then same for
the previous track. Now, if you watch that back, the texture will be in the
shape plus the trails. Let's do that for the
rest of the shapes too. timeline, edit, selected, select the frames,
and the content, hold, group, and then move the content back up to the
clipping mask again. Don't worry about the empty
tracks that are here. We will be cleaning
them up shortly. Now, we watch it back. The
texture will be inside the shape and the trails,
which is perfect. Now, for a bit of housekeeping, I'm going to go
through and delete all the tracks that don't
have any content in them. Let's watch back what
we've animated so far.
6. Create a Text Logo Reveal: Now that we've made all
the shapes disappear, let's import our logo
and having it appear. I'm going to click on the Plus, Photos because that's
where I've saved it. I'm going to click on
the Logo and then Add. With this logo, I made
this in Procreate. I've just simply
typed out my name and then just change the
color of each letter. Let's add a little
animation to our logo. We're just going to have
it squishing and then expanding and then coming
back to its normal shape. I'm going to tap,
move, moving scale. I just want to squish
it a little bit. Then maybe two frames, tap again. Let's expand it. Then another two more frames, and let's just have it going
back to normal size again. Then to join all this together, I'm going to add a
glow which appears in between the logo and the
shapes disappearing. Because if we play
that back right now, it looks a bit clunky. I'm going to drag the logo just so it starts where the
previous tract ends. Let's just see where
that looks like. let's go in and add
our glow in between both the shapes disappearing
and the logo appearing. On a track above, I'm going to go on the
drawer and paint tool, it's going to select to white. Let's go in and add a
little cartoon shine. I want this starting as
the shapes get there. Let's enter flip book mode. I want to duplicate this. Let's split the
clip. Delete that. We've got that and then hold
on the frame duplicate. I just want to add a
scale and rotation, making sure the anchor
points in the center. Perfect. Then let's add a
slight rotation under scale. I'm just going through
and editing this, just reducing the size just a little bit to
see how it feels. I want to be the biggest
as the shapes disappears. I'm just going to move all of
these just one frame back. Now to add a little bit of
exaggeration to the logo, that's adding a few
trails to that too. I'm going to scrub to when
the logos at its widest. Then going on the
paint and brush, it's going to
select each letters color and then destroy
a little blob. I'm going to have one coming out here to flip book, new frame. Let's turn back on
our onion skinning. I'm going to group these. Then I just want to move them. Let's do the same for all
the other shapes too. It's going to enter
into flip book mode. Press the Plus and then
just finish this off. Now, let's just see
that last part pack. Let's split the
logo. Delete that. Let's just extend that
until seven seconds. Then let's just trim
our entire timeline. Knowing it's at seven seconds, I'm going to click onto the
movie title and settings. Then under the duration, I'm going to change
this to seven seconds and the minutes to zero. You can tell the end of your time line by this darker
section here to the right. I'm going to drag the
playhead to the beginning. Then tap with four fingers
to enter full screen. Then let's press Play
to see what we got. Perfect. Now that we've finished all the technical
part of this animation, let's go in and add
some sound to round this whole animation off.
7. Add Sound & Glow Effects: In this lesson,
we're going to be bringing the whole animation together by adding in some
sound and some extra elements. The sounds I'll be
using in this lesson will be below in the
class resources, so feel free to download them and add them to
your animation too. I'm just going to
get my files opened. I'm just going to
click, and drag, and move it off to the side, and it's very simple. Great thing about
the split window is you can just drag it in, and then we go, got
our audio file. I'm just going to
swipe this off. [NOISE] Now, it's just a
matter of playing with the position of it to see how it feels and sounds.
[NOISE] Perfect. That's how you can add audio
within Procreate Dreams. I've already gone in
and added some more audio for the full animation, so let's play back and
see what it sounds like. [NOISE] At the end, I
want to add another pop, just like we did
at the beginning. [NOISE] Here's the pop sound,
so I'm just going to hold, duplicate that, and
then let's just drag that over to where
we want the pop sound. I want it when the logo appears. [NOISE] Perfect. Now that
we've added the sound, I'm going to go in and add in some little elements
here and there. I'm going to change
the background as the elements pop out
to add to the burst, and then I'm going to add
a glow to the end to help the transition
between the shapes disappearing and
the logo appearing. At the beginning,
when we created a [NOISE] whole track
for the background, I'm going to split that and
then just [NOISE] change the color. Then split. Then with the new content, I'm just going to
change the color. I'm going to go on the
draw and paint tool, select the color that I want, and then just drag
it onto the stage. We're going to watch that back. [NOISE] Perfect. Then
now for the glow, I want the track to be
on top of everything, to make everything glow. I'm just going to go
to the top layer at the moment, add track, and then with the
soft brush selected, just draw a circle in
the middle of the frame. With the yellow
glow, that's because your onion skinning is still on, so turn that off, so you
can see what you've got. Now, what I'm going to do is just add a simple key frame, having it start small, expand, and then
reduce in size again. I'm going to cut the
clip, edit, split. [NOISE] I'm just checking
for the duration of it. I want it to appear and then disappear as the logo appears. I'm just going to hold
it by one more frame. I'm going to tap in the center, click "Move and Scale", and drag it so it
fills the screen. The first key frame,
let's reduce that, and then on the last one,
let's reduce it again. I'm going to expand just
by one frame and then drag the key frame along.
[NOISE] Perfect. Then with this layer, I'm going to change the blend mode, so I'm going to hold
on the content, click on "Blend Mode", and then I'm going to
change this to add. [NOISE] Perfect. Now that we've added in
sound and the extra effects, I'm going to play
it through a few times just to make sure, and then we're going to go
in and export the file. I'm going to tap
with four fingers, and let's just watch it through. [NOISE] perfect. Let me show you how you can export
in Procreate Dreams. Under the Dreams settings, I'm just going to go under
share and click on "Video". It's that simple, and then this should save to your files. Either can save it to your gallery or you can
save it to your files. For this, I'm just going
to save the video, and then you'll find it
within your photos app, just here, and there we go, your very first animation.
8. Final Thoughts: Congrats on completing
your first animation within Procreate Dreams. In this class, we started
off by running through the interface of
Procreate Dreams and where your tools are, and then we moved on to using the performing
tool keyframes and the flip book function to
make our full animation. Then we round it off by adding some sound and some
extra effects. Now that you've got your
animation exported, feel free to share it down
below in the project gallery. I'd love to see what you made
and give you some feedback. Thanks again for
taking this class. I hope you gained
some value and seeing the next one. Bye.
Smitesh Mistry, Illustrator & Designer
