Discover Procreate Dreams: Design and Animate a Logo Reveal | Smitesh Mistry | Skillshare
Drawer
Search

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Discover Procreate Dreams: Design and Animate a Logo Reveal

teacher avatar Smitesh Mistry, Illustrator & Designer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction

      1:33

    • 2.

      Getting Started: Explore Procreate Dreams

      8:02

    • 3.

      Create an Intro Animation

      10:15

    • 4.

      Add Flying Elements

      8:45

    • 5.

      Add More Texture and Motion

      9:16

    • 6.

      Create a Text Logo Reveal

      4:43

    • 7.

      Add Sound & Glow Effects

      4:22

    • 8.

      Final Thoughts

      0:34

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

964

Students

15

Projects

About This Class

Learn how to use Procreate Dreams all while creating a logo reveal completely unique to you. 

As a multi-disciplinary creative, Smitesh Mistry loves exploring his creativity through different disciplines. From illustrator to videographer to animator to content creator, he has transferred his fun and abstract creative style to tons of different projects, platforms, and softwares—now that includes Procreate Dreams. You might already know Smitesh and his work from Instagram, TikTok, or his previous Skillshare classes, but now Smitesh is here to share how Procreate Dreams elevated his creativity, unlocked new stylistic opportunities, and helped bring new ideas to life through a brand new lens. 

Now Smitesh wants to share how you can use Procreate Dreams to explore new creative opportunities and create a fully animated logo reveal. In this class, you’ll explore the Procreate Dreams user interface while creating a frame by frame animation complete with transitions, texture, and sound design. 

With Smitesh as your guide, you’ll:

  • Discover the main differences between Procreate and Procreate Dreams
  • Explore Procreate Dream’s UI including how to work within the timeline
  • Utilize tools like the flip book, Performing tool, and clipping masks
  • Add final details to your animation including sound and special effects 

Plus, you can download the sounds and elements Smitesh used to create his logo reveal in the class resources. 

Whether you’re a seasoned animator looking to explore a new animation software or learning animation for the first time, you’ll leave this class with a fully finished animated logo reveal and a solid understanding of how to use Procreate Dreams for projects to come. 

No Procreate Dreams or animation experience is required to take this class. You’ll simply need your iPad and Apple Pencil. To continue your Procreate Dreams animation journey, explore Smitesh’s full learning path. This class was filmed using Procreate Dreams 1.0.6.

Meet Your Teacher

Teacher Profile Image

Smitesh Mistry

Illustrator & Designer

Top Teacher

Hey, I'm Smitesh Mistry a Graphic designer and Illustrator. I like to create content that is fun and abstract that conveys a message.

During the day i am at work designing all sorts for stuff from online to print, In my spare time I enjoy learning new skills, drawing or planning my next video for my youtube and instagram page.

I plan to make many more skillshare classes on how to get started in certain aspects of design for the beginner or the intermediate wanting to improve your skills.

If you'd like to find out more, please do 'follow' my Skillshare profile, and if enjoy my content and you've got ideas for classes that you'd find useful, drop me a message/email and I'll see what I can do

See full profile

Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

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.