Simple Animation for Graphic Designers - Exploring Kinetic Type in Procreate Dreams

1. Course Introduction: Po great Dreams continues to delight creatives, both hobbyists and professionals alike since its release in late 2023. The app allows artists of all abilities to animate and create motion graphics on the go on their iPad. The software is very user friendly, but it offers a powerhouse of options that allow users to seamlessly combine illustration and animation tools. As a graphic designer and illustrator, I've found that it is a great option to add a bit of magic and movement to projects. I'm Jen Lazan. You may have seen my work on my YouTube channel, the Creative Studio, but I've been a graphic designer, illustrator, and educator for the last 16 years. I'm based out of the Midwest, and I love helping others take their creativity to the next level. Throughout this class, we will be working in procreate dreams to animate text. As a graphic designer, creating projects that are text based is quite common. Whether you're designing a logo, a lockup for social media or even title graphics for a YouTube channel, adding a bit of movement can truly up your game and make simple text a bit more eye catching. The beauty of the procreate dreams app is that you don't need to be a professional animator or motion graphics designer to create high quality and fun looking moving graphics. Whether you want to create something simple or a bit more elaborate, procreate dreams offers a fantastic set of tools for creatives. In this month's class, we will be exploring procreate dreams together from the point of view of a graphic designer. We will be playing with moving type and how to animate words that can be used in a variety of formats. But for our projects in particular, we will focus on a title opener for a YouTube video and then a couple of ways that you can animate local forms and words. I'm hoping that it can inspire you to create something that you can use for your own YouTube channel or to use for graphics for a type project, or even just to share on social media. I'm really looking forward to creating with you today. 2. Welcome to class + Project Overview: He Hi, everyone. Welcome to class. I'm Jen Vagelzon and I will be the one guiding you through this creative course. I'm a freelance graphic designer, illustrator, and educator based out of the Midwest in a run Bella and Sophia Creative Studio. If you want to learn more about me, you can find me online at www.socreative.com. You can also check out my YouTube channel, the Creative Studio, where you will get a behind the scenes view of the work that I do as a creative freelancer and find a huge library of free tutorials catered to those of you interested in graphic design, programs like Affinity, and Procreate, as well as art and illustration. As a freelance graphic designer, making my work standout in a C of design work online can be difficult. One great way to stand out is utilizing animation in your design work. Apps like Procreate dreams make it really convenient to add in animation using your iPad. Personally, I truly feel the minimalist approach to the app makes it so that anyone really can learn how to animate in a really simple way. But the app also has the capacity to create incredibly elaborate work. So what is this class about? In this class, we will learn how to animate type and procreate dreams so that we can create a moving title that can be used for something like a YouTube video or even on social media. Before we jump fully into the process, though. It will be important to familiarize ourselves with the procreate dreams interface, earn a bit more about kinetic type and then apply these concepts to animate texts and icons in a moving type project, and Procreate Dreams. What are some skills that you'll learn? When it comes to the skills you will learn, we will go over the following. First, we will learn a bit about kinetic typography and the way it's used in the industry. Then we will explore the interface of procreate dreams and look at the three ways that you can animate texts in the app, frame by frame animation, key framing, and performing. We will then explore how to add type into the procreate dreams app and apply the concepts that we've learned into animating that type to create movement. We will create a simple handwriting movement project for a logo, a moving type project with a simple word, and an experiment with movement using a logo icon. When it comes to the tools that you'll need, all you need to take this class is your iPad, a stylus or Apple pencil, and the procreate Dreams iPad app. So who is this class for? It's for artists, graphic design enthusiasts, illustrators, graphic designers, and anyone really who's creative and would like to learn how to create a project with moving type. This class is geared towards beginners as it'll walk you through and help familiarize you with procreate dreams interface and functions. I walk learners through the process of animating type, step by step, and I'm also introducing some basic design concepts relating to things like kinetic type. So for your class project, you will create an animated type project based on one of the three ways to animate and procreate dreams, frame by frame, key framing or performing. You have to select only one way to animate for your class project. You don't have to do all three, just pick one that you feel is most exciting or that you enjoyed the most. But if you opt to do all three, you can, I always appreciate those who really like to jump in and dive in head first and try them all. But if you feel like that's overwhelming, just pick one way. You will animate specifically a word or a set of words to move on screen. We will be setting up the file to be used in a video like a YouTube video, but you can also opt to use it on social media. Since you cannot upload video content to Skill Shares project gallery. In order to share your project, I suggest loading your final file on YouTube, or on social media and then sharing a link to the project or embedding the YouTube video link in your project submission. Some things to note. Make sure you download the class resources. I've included my project as a template that you can explore if you prefer to review things before you jump into creating your own. Also, if you feel up for engaging with the community, definitely share your project in the class project gallery. You can also share on social media if you feel comfortable and you can tag me at Below Sophia Creative. I'd love to see what you created or even offer some helpful tips or feedback if you need it. Let's jump into Procreate dreams and get started. 3. Kinetic Type Explained: So before we jump into playing around with the concept of kinetic type, let's learn more about what it actually is. Kinetic typography, the technical name for moving text is an animation technique mixing motion and text to express ideas using video animation. This text is presented over time in a manner intended to convey or evoke a particular idea or emotion. With the emergence of film and graphic animation, the possibility of matching text and motion emerged. Examples of animated letter forms appeared as early as 18 99 in the work of George Melies. Early feature films contained typography, but this was mostly static text, so it didn't move, and it was presented sequentially and subjected to cinematic transitions. It wasn't until the 1960s that opening titles began to feature typography that was truly kinetic. Some scholars suggest the first feature film to extensively use kinetic typography was Alfred Hitchcock's North by Northwest. Advancing technology and software has made animating typography accessible to many more people. This, combined with the increasing opportunities for using kinetic type, means that if you're a butting graphic designer, kinetic typography is a great option for a career. When it comes to creating projects using kinetic type, there's no fixed way in which the text should be animated. The lettering can shrink or expand, move around the page, change color, undergo distortion, or be subjected to any number of creative techniques that a graphic designer wants to use. The text animations can be short and simple or more elaborate and complicated. As opposed to static text, kinetic typography animations are more capable of capturing the attention of viewers. Manipulating and transforming texts with movement can achieve such a variety of effects and can create emphasis where it's needed to communicate ideas in a fun and unique way. It can convey motion and conjure up ideas and it can transform simple text into a powerful message. Barbara Browni's model of temporal typography divides kinetic typography into two types. Motion typography, which includes things like scrolling typography and dynamic layout and fluid typography. When it comes to motion typography and dynamic layout, text elements move in relation to one another. Letters and words may move away from one another on a two D plane or in three dimensional space. In scrolling typography, texts can scroll across the flat screen or it can appear to recede or advance. A really iconic example is the Star Wars opening crawl. With fluid typography, letter forms can change and evolve without necessarily changing location. How is all of this created? Kinetic typography is often produced using standard animation programs, including Adobe Flash, after effects, and apple motion. But you can also achieve similar effects using procreate dreams. The effect is most often achieved compositing layers of texts so that either individual letters or words can be animated separately from the rest. How is it used in the industry today. Over time, animated typography moved from film and TV and started to appear in more and more contexts. Advertising has made great use of moving type to capture the attention of audiences, and this is because dynamic text is just so much more captivating than static text. Now we're seeing kinetic typography in all kinds of information videos and explainer videos on places like YouTube and online, and we see it in all types of video work, including commercials, film and cinematography, as well as educational content. Now that we have a better idea of the history behind kinetic type, how it works, and its importance, let's jump into creating our own kinetic type project. 4. Exploring the Interface: Okay. So before we jump into actually creating our project and Procreate dreams, let's explore the app and its interface so that we can get a little bit more comfortable before we start working in it. So I'm going to launch the app. And when you launch the app, you'll get into this main interface that allows you to open up files from your iCloud drive or your iPad or anything that you have saved in the Procreate Dreams app itself. You may only have three projects in here, which are the projects that are built in that allow you to see and explore what Procreate Dreams has to offer. So this first animation that comes pre installed on your app is called into the future. And basically, the Procreate team hired out a few animators to really work their magic in the app. If you click on the title into the future and you go into properties, it'll show you the updated properties, things like frames per second duration with height in terms of the setup of the file, but it'll also tell you who it's It's made by the animator and Illustrator Hasta. So while we are in the app, let's go back out. I just wanted to highlight some of these gorgeous pre made, pre installed projects so that you can kind of get an idea of what everything looks like, and then just kind of highlight who designed and created these projects. So if you tap on these little groupings of boxes, it'll take us back out into our theater view. So when you First, open Procreate dreams, you begin in the theater, and basically, this allows you to create open and share your movies. So let's explore this a little bit, and then we'll jump into the actual interface. So the first thing you might want to kind of adjust is, like, play around with how things look over here on the upper left hand side. If you tap on this little icon, this is the side panel button. So if you tap on this, it'll allow you to remove or add back in your side panel, which also allows you to pull files from your iCloud drive as well as specifically saved in the app on your iPad. Any projects are considered movie files. These will be in the main view here in your theater. Over here in the upper right hand quarter is our select options. It'll allow you to select and delete or duplicate one or more of the movies that you select while you're tapping with your Apple pencil. To escape out of that, you can just hit the x icon, and it'll remove that. And then right next to that, that little plus icon is our create button. So it's to create or add a new movie. All you have to do is tap that plus, and then you'll have options with pre made setting. So, for example, all you have to do is scroll up or down, but they'll have, like, a wide screen option, ultra white screen. Social media, square, screen size, wide screen, ultra right screen, and so on. So you have a whole bunch of options that you can kind of scroll through to find what works best for you. So if you want to get started right away, you can just set up a file by tapping on this and you can either select draw, which will take you into the drawing option or you can select empty. So all of these screen size options variy 16-9, 21 to nine, nine to 16, one to one and then a traditional screen size. But just keep in mind that even if any of these templates aren't exactly what you need, you can always go in and edit the width and the height in your dimensions. So before we select a project template, we can also tap on these little ellipses up here in the upper right hand corner. This will allow you to edit and adjust your frames per second and your duration. You could also reset to default if you need it. We'll talk more about frames per second in duration as we jump into our projects. But this is one area where you can edit it, but you can also edit it once you are in your file as well. Most of the projects, the resolutions are set at four k, but you can change the resolution by tapping where it says four K, and then you can change it to like 720 P, HD, two K, et cetera. For our project, we'll likely utilize HD, because that works well for U tube. And so we're going to tap on HD, keep this wide screen option, and then you can select from either draw or empty. If you want to tap draw, you'll be basically working on your movie in the draw and paint mode. And this is what that looks like and it'll allow you to actually create on screen. I'm going to tap on this little grouping of squares to bring us back into our theater. I'm going to go back into that plus option, and then if you select empty, it'll just give you an empty timeline and you can start working on your movie with no initial content. So now that we have kind of the lay of the land when it comes to our theater mode. Let's jump into an actual project file, and let's explore a little bit more of the layouts and the features. So as I mentioned, back out here is our theater. Once you tap on a project, we will be in our main project and we will have access to our timeline. So when you open a movie, for example, I'm going to go back out out of this blank file just so that we can look at one that's already pre made. I'm going to go back into that into the future project. Um, the timeline sits on the bottom half of your screen. So you can navigate the timeline with an apple pencil or your finger and you can kind of, like, scrub through a project like this. And this timeline is where a lot of your work will be happening. You'll have your animation work, you'll have any of your keyframes and things like that. You'll be able to add an edit content directly in here. The beauty is you can pull projects from procreate directly into here and add them as tracks in your timeline, and you can group those tracks together and we'll talk more about why that's important. And then at the top part here, this is your stage. So the stage area is the top half of your screen when you open up ready pre made movie file. Or when you're working in a blank template as well. You have this option up top. This is your stage. This is where you can play back your work as you edit and create in the timeline. And it's also the canvas where you can move and scale your content and where you can sketch and draw and things like that. You can draw and paint on your tracks when you are in the draw and paint mode, which is that little squiggle line. This little grouping of squares is your theater. If you tap that, it'll take you back out into your theater. Right next to that grouping is the title of your file of your movie. And if you tap on this, you can access all of your movie setting. So this is where you can set your frames per second, the duration of your file, and then, as I mentioned, you can still edit the Width and Height, and this is where you would do that. So I'm going to get out of here. We'll explore more of that later. Just want to go through each area individually so that we have a better feel for everything. So this area up here, you'll see little second markings. This is your ruler. The ruler displays the time information like seconds and frames. This responds dynamically to your playhead location and your timeline zoom level. So you can zoom in with your fingers by spreading them apart and then pulling them in to zoom out. And then also where your playhead is. So down here, I'm going to zoom out a little bit, so we can see better. Down here, these little areas are your tracks. Tracks basically contain all the content and keyframe information within the timeline. And then right below that. If you zoom in, you'll see another additional little mini track with these little icons. This is your keyframe track, so you'll often have that right below your imagery. Now, when we look at these icons here in the center area off to the right, your first icon is a little triangle. This is your play icon. So if you tap play, it'll play your file. It's important to note if you're zoomed in, it's only going to play what you can see on the screen. It's not going to play the entire thing. So if you wanted the entire thing to play, you'd want to zoom all the way out. But you'll notice that when you tap play, it changes to a pause icon. If you tap that pause icon, it'll stop playing the frames, and then if you press play again, it'll start playing it. Right next to this is your performing icon. It's a little circle. Basically, the perform button activates performing, which is one of the ways that you can animate in Procreate. Performing is a fantastic tool. We're going to utilize it later today. When you tap on performing, how you know it's turned on is that it'll basically change to a stop icon, which is a square. So that's how you know it's ready. You'll also see in the upper left hand corner that it says ready, and then you'll see a little red blinking dot. So it reminds me almost if you are familiar with recording and video, it looks like when you press the record button. So in order to stop this, you just press and tap on that. Red square again and it'll stop the performing options. Then right next to that. This icon is our timeline edit icon. When you tap on this, you'll know it's activated because it turns red, and it'll activate the content and track selection in your timeline. Basically, this allows you to use your Apple pencil to make bulk selections, it can select multiple tracks at one time. And then when you tap the timeline edit button, the words timeline edit will appear in the upper left hand corner, so you know you are in this activated mode. And then to stop utilizing this feature, you just tap on that icon again, the icon will go gray and you'll exit out of it. Right, right next to this is our paint and draw mode. So draw and paint basically turns this stage into a canvas. So you can't draw on a group layer. All of these tracks, if you'll notice if you tap on them, the name, you'll see a little like articon If you tap that, you'll see all the additional elements and tracks that are included in that grouping. You have to create a new track in order to do that. So That is what this plus icon is. So if we tap on plus, we can add a track and then that track will be added on top of this, and then we can actually draw on it with our draw and paint mode. So if you want to undo it, I find that some of the gestures are very similar to what you use in Procreate. So I'll just I'll tap with two fingers to undo. What you'll notice is that when you're in draw and paint mode, you'll have access to all of the top bar and sidebar menus with all the painting tools. So this will allow you to adjust the opacity and this top scroll bar will allow you to adjust how big or small your paint brushes. And then you have all of your options here that you might be familiar with from Procreate. So you'll have access to your brushes. You can't customize these brushes the way you are typically used to being able to customize them in something like procreate, but they have a ton of really great options, and then you can actually import some of your own brushes as well. So I'm just going to select a brush. Then go over to the left side and you can scroll here on this top scroll. This will give you your brush side. You can increase or decrease, increase by going up, decrease by going down, and then you have your opacity options. So if you bring your opacity all the way down, you won't be able to see. If you bring it all the way up, it'll be at 100%, and then you can draw and color on top of your imagery. Now, to exit out of that option, you can just tap the draw and paint icon and then it'll go gray and you'll see all of those options removed. And then right next to that is your plus icon. This is your ad options. The ad button is used to create new tracks as I showed you earlier. You can also add content to your timeline. For example, if you had a video that you wanted to add, you can add that in. You can also add files. You can add text, which we will be utilizing later today and you can add photos as well. 5. Exploring the Interface + Gestures: So now that we have an idea of what all of these little menu options are, let's explore the timeline options a little bit more in detail. So if you zoom in, you'll see this little icon that kind of follows you around as you move your Apple pencil or your finger across your tracks. It looks like a clapper board. If you tap on that, you can either tap with your finger or your Apple pencil. You will get a bunch of options. This little icon is your playhead. Procreate dreams, this allows you to scrub along the timeline and navigate throughout your content. But you can also use it to add in keyframes and make edits to your content. If you tap on it, you'll get all of these additional options. You'll be able to add keyframes for moving in scale, warping, distorting, You can tap on filter and it'll allow you to adjust your opacity, You can add in Gaugiu blur, you can sharpen, you can add noise, and then it'll also allow you to edit. You can edit and split your tracks here as well. So you can drag the playhead left and right to scrub through your project. You can tap to open your action options. And then you can also say you wanted to go back to the start of your project and you all the way towards the end. You can flick it to the left really quickly, and it'll bring it all the way to the start and then it'll play it in its entirety. And say you want to focus on editing something very specific within your timeline. You can just double tap on the timeline to zoom in to get to that key area and that specific frame itself. Then you can just zoom back up by just taking two fingers pulling in. The last thing we're going to look at is our timeline edit. Timline edit is a really powerful way to basically select and modify multiple tracks and content all at the same time using your Apple pencil. There are two ways and two select modes available. You can do it by content or by track. Let's tap into our timeline edit, so we'll select that little icon. And you'll see that you know you're in the right option because it'll look like the lines that you're creating are glowing. I'll show you where you have selected because it'll be outlined in red. So you can add content by selecting and drawing a circle or tapping on it. Okay. If you want to add additional content like additional tracks, just draw over that, or you can deselect those tracks by again, drawing over whatever is already outlined in red and it'll deselect it. Okay. All right. Now the last thing I want to highlight is our basic gestures. So we can pan in all directions across the timeline or the stage. All we have to do is tap and hold with two fingers and we can move, and then you can also do the same thing with our track. We can just move it to wherever we want as we're working. You can pinch to zoom out and then pinch out to zoom in. You can also rotate the canvas. You can also rotate the canvas as you Zoom. You can quick pinch to fit to screen. You can quick pinch to fit to screen, and then you can do two finger tap to undo. I'm going to add some coloring on top of that, say I didn't want it just a two finger tap to undo. You can do a three finger tap to redo. You could also do a three finger tap and hold to redo a series of changes. You can do an instant replay by tapping your playhead and quickly flicking it to the left and it'll restart and loop. You'll be able to adjust your content and resize. Different parts of your track by basically dragging its edges from the left to the right. You can also adjust the scale of your timeline as well. I find sometimes it's difficult to see things. You can place three fingers on the timeline and you can slide right to decrease it or you can slide left to increase it. Then you can also scale the content as well by placing three fingers and dragging up, and I'll scale content pieces so you can see them in more detail. You'll drag up to increase and drag down to decrease. Finally, the stage also has some gestures as well. You can enable staffing, which can help when you're moving and transforming or rotating a specific image or selection. Do that. We're going to get out of our draw mode. And we're going to tap on this and say we want to move these legs. But we want them to stay along the same plane, so we're snapping it. What you'll do is place one finger on the screen while you're moving or transforming and it'll allow you to keep things within a specific parameter. So for this example, I want it to stay along the same plane here. You can also do a four finger tap to do a full preview, so it's a full screen. So we'll tap on the screen, and then you can scrub through as well. To exit this full screen preview, just tap again with your four fingers and it'll bring you back to your project. That is it for the exploration of the interface and some of the gestures here appropriate dreams. Now that we have a better idea of where everything is, we can jump into exploring the three ways you can actually animate in the app. 6. Project 1 - Frame by Frame: Okay. Now that we have a bit more of an understanding of the interface and the gestures and how to work through the procreate dreams app. Let's launch a project so that we can get started on our first way of actually animating texts in Procreate dreams. We're going to do a frame by frame animation, which looks complicated, but once you actually do it, it's actually very simple. So we're going to select a plus icon in the upper right hand corner. And we're going to utilize a wide screen movie because I want this setup for something like Tube. But if you opt to do something different, that's totally okay. Let's make sure our dimensions are okay. If you tap on HD, you'll see all of the different dimensions. It might be four k for you or two K. You can opt to utilize seven 20. I am going to go for 1920 by ten 80 because this should work well with my Tube file setup. I'm going to tap on that, and then I'm just going to create a file with the empty type. Once we do that, we'll be in our setup here. What we're going to want to do is add some tracks. I'm going to add three tracks total one for my background, one for the logo that I'm going to place, and then an additional one that we are going to utilize some of our layers and grouping functions with. So let's hit the plus icon here. And we're going to select Add track, and we're going to add three tracks here. It might be a little bit hard to see, but there are, in fact, three tracks added. I'm going to go to the first track here. What I want to do is just add a background color. So we're going to go into draw mode, and then we're going to tap on our color wheel here. I'm going to select a color that will work well for the logo that I'm placing. You can update it to be whatever you want. Then I'm going to drag that color to drop into my background. And then I'm going to go down into my tracks here. We'll zoom in so you can see this a bit better. And then what I want to do is hold tap and hold so I get these additional options, and I want to fill the duration of my entire timeline, which in this case is like 10 seconds. Then once I'm done, I can hit done, and now you have a background color. Once you've updated a color, I want to go into our preferences really quick so that we can just make sure that we have everything set the way we need it. So I'm going to tap where it says dream one, and I'm going to go into my properties, and I want to update this so that our frames per second is changed to ten, and our duration stays at ten. Just some things to note. A key point here is that the higher the frames per second, the faster your video is going to play, and the more frames you'll need to capture. Appropriate dreams tends to do this kind of smoothing effect, so that can happen in the less frames per second, the slower they will go. Just keep that in mind as you're working and you can play around with things as we're working through the project on your own. But what we'll want to do is change this to custom. We're going to tap on that first option. Tap ten frames per second, and then you can update your duration to 10 seconds. And then select done when you're done in the upper right hand corner and it'll bring us back to our stage here. So now we're going to add type to this. You can do it one of two ways. You could either add, like, a pre made PNG file that has like your logo or something that you've handwritten by Chance, or you can just add text directly in to the file here. So that's what we're going to do here. I'm going to select the plus icon, and then I'm going to add text, and you'll get a pop up. You'll be able to type in your text, but you could also edit the text as well. If you look in this mid area here over to the right, you'll see a big A and a small A that is your type options. You can update your typeface, the font styling, the format of it, which includes things like size cning tracking, letting, baseline, whether or not you are going to utilize all caps, center format, right, et cetera. You could also import a font here as well. So what I'm going to do is go back to my font options. I'm going to find the font that I have already imported that is the font that I'm going to use for my logo. I'm going to select this handwritten font here. I'm going to go into my formatting. I'm going to decrease the size a bit. I'm going to make sure it's centered, and then I'm going to go I'm going to go back into the font options, and I'm going to update the color to white. That it's easy to see on this purple background. Then I'm going to tap on my keyboard here so that I can get back into the main area to type. Then I'm going to write in the name of my YouTube channel, the creative studio. If you notice that your font is going on two lines and you want it to be on one line, you just have to adjust the parameters of your text frame here so you can Increase how wide that is by just pulling the little dots on the side, and I want this all on one line. Once I've done that, I'll tap my keyboard options so that it pulls it in and then I can play around with placement. I can zoom out if I need to. I can also adjust the frame as well if I don't want so much room on each side and make sure that it's in the center of my stage here. And then once I'm happy with this, I can just tap my keyboard down and then hit done in the upper right hand corner, and I have the written piece where I'd like it. So what we are going to do with this is essentially utilize frame by frame animation to make it look as if we're writing this on the screen. So I'm going to show you the example. So I'm going to tap on the little square icon, so it'll bring me back out into the theater. And I'm going to tap on the one that I've already created. And when I play it, what you'll see is that it'll look like it's written onto the screen. I'm going to go in a little bit closer so we can see this a little bit better. And then I'm going to press play. Okay. We can see how that works. Basically, what we've done is we have that background. We have my logo, and if we zoom in, you'll see that my logo is grouped and it's grouped with a bunch of frame by frame segments here. I've essentially created a layer mask and what I've done is I colored over to reveal the text underneath using the flip book option. And it looks like it's being written onto the screen. I also added some little dashes and magical highlight effects here that I just did on top. Let's go back out into our theater here. We'll go back into our new file, and now we're going to set up the rest of this. So we have the track with our type. Now we're going to go to this third track here, and this is where we're going to start to create the magic that allows you to reveal the text underneath. Alright, so the layer, this track right above our written text here or the logo that you've placed, we're essentially going to draw over, and then we're going to utilize the layer masks. So what we'll do is go into our draw mode, and then I'll want to drag out my flip book mode. But before I do that, I kind of want to show you how this is going to work. So I'm going to select a color that's easy to see. I'm just going to use black. I'm going to go into my brush options. I'm going to go into my calligraphy options for my brushes, and I'm going to select the mono line, a nice clean line that has the same with every single time, because essentially, This font it doesn't have any, really wide or thin changes between it. All right. So once I've selected the monel line, I'm going to go into my brush options and the left hand side of the screen. I'm going to decrease the size. I don't want it too small, but I don't want it too big. So I want it to be able to cover the lettering easily. So I think This should be good. Then again, remember, once you do something, if you want to undo it, you just double tap with two fingers. You can just tap with two fingers to undo and then tap with three fingers to redo. And don't worry if it's not perfect as you work through these, you're not really going to see the actual linework. It's just going to be revealing or concealing once we add that layer mask to this. So I'm just going to tap with two fingers to undo. I just wanted to highlight how we're going to be working on this. The thing, though, to keep in mind is You don't want to just do one letter at a time. You want it to look natural. So you're going to do bits and pieces at a time. You'll cover up the letter in pieces as you go, but you want to make sure you give yourself enough space within your timeline to get it completely finished. And you'll see how that works when we jump into flip book mode. So let's do that really quickly. We're going to go into the center area here right below the stage. There's a little line, we're going to drag up and it's going to take us into flip book mode. And we're essentially going to do piece by piece. If you think about a flip book, you think about probably do this with posted notes. I have a set right here. You can draw a little icon that changes on each page. And then when you flip through it, it'll look like it's moving, and that's essentially what we're doing here with this. What we're going to do is start to cover up the lettering. And we don't want to do it in one fell swoop. We want to do it in increment so that it looks like it's naturally being revealed or naturally being written. So once we've done this first one, what you'll want to do is go onto your flip book and hold your apple pencil on that first selection that you've created, and we want to duplicate this because you don't want to have to redraw the frame before every single time. So now we're just going to keep adding. And like I said, it doesn't have to be perfect, but you want to make sure that the white underneath or whatever color of the logo you have underneath is being concealed by the color you're drawing on top. Then always remember to duplicate the prior frame so that you don't have to redraw it. You can use your fingers to zoom in, zoom out to rotate as you need so that it's a little bit more comfortable for you as you draw over some of these letter forms. Don't forget as you continue to do this to always duplicate the frame before so that you don't have to that prior frame. All right. So I've colored over all of these. So I'm going to hit done. And then if you'll notice these only go up to 2 seconds. So you can go in and adjust and add more if you need, or you can just fill the duration of the rest of the timeline with the final piece. So you select this last frame. Hold your finger down on it. You'll get these additional options and then you're going to select full duration and it'll fill the rest. So once we've finalized, we filled the duration of this track. What we'll want to do is go into our timeline edit mode. It's those double squares, and we're going to select all of the frames that we just created in the frame by frame options. And then we're going to tap and hold, and we're going to select group. And this is basically the group that we are going to utilize our layer mask with. Once we've done that, we want to tap our timeline edit tool once more so that we are out of those options, and we're going to hold down on our new grouping, and you'll see these additional options pop up. What we then want to do is select mask, and then we're going to select layer mask. It's going to essentially create a layer mask for us. This will allow us to create that effect where the text looks like it's being drawn onto the screen. Then what we can do is see how this looks when we hit play. Okay. And if it feels natural. Keep it. If you feel like you want to fine tune it a bit, you can go back in and adjust as you see fit. But what I think I'd like to do is again, add a little bit of magic to this. So we're going to add some kind of sparkle effects and things like that. I'm going to hit pause here. We are going to create an additional track above our group. I'm going to go into our plus icon here and I'm going to select add track and we're going to basically add those sparkle effects by hand, once again, in the draw mode using our flipbook. Basically, you can skim through. You can see where each of the letters pops up through your flip book. But I'm also going to use that as the church actory for where I'd want these little swipes and glitter effects to pop up. I'm going to go into my brush tool. I'm going to keep that monolin brush. I think that's a good option. I'm going to increase the size though, just a bit and then I'm going to update the color. I'm just going to keep the color white just so that it fits with the overall effect of this. Then I'm just going to add in some of these little swipes and swoops in dots to create this kind of like shimmer effect. And what's nice is you can see where the prior placement was because of the onion skinning. This is just a really fun and simple way to go about adding a little bit of a special effect to this as you create a really simple way to add movement to something like an opener for YouTube or in your in betweeners for different scenes in log and things like that. In the case of these, I'm not duplicating the elements before because I don't want them to stay on the screen, I want them to almost be like a pop and then they disappear. So that's why you won't see similar to what we did with the text where I was duplicating the frame, and instead, I'm just adding something new to the next frame instead of duplicating the prior frame so that I don't have those little elements still included on the screen. I want it to disappear. But if you wanted something to stay on the screen, then you would want to duplicate the prior frame. So whatever work or drawing you did on that frame stays. Now that I've added all those additional elements, I can go back through. I'm going to hit done and we can do a play through to see what it looks like. I'm going to go back to the start here. And then I'm going to go into full screen, and then I'm going to scrub ahead and it's going to be a difficult to see, but I'm going to so we can see how this looks. I'm just going to tap to play. Okay. You can see you get these little bits of sparkle effects as you play through this. I'm going to zoom back to the beginning again so we can see how it works once more, and you can play around with this again, make it work for you. You can add additional elements, different shapes, diamond shapes, star bursts, things like that. But I think for something like this, simple is really effective and it's a quick way to add some fun movement to something like an opener for a YouTube video. Now that we're done with this, I'm just going to hit the back but in here and it's going to bring us back to our stage. So when we look at the final timeline here, it can be a little bit confusing in terms of what each track is. So what I like to do is group and rename these tracks and use color coding to just keep things a little bit more organized. I'm going to go into my timeline mode, and then I'm going to select all of the little starbursts here by just dragging over everything with my Apple pencil. You can see it. I'm going to increase this just a bit. Once I've done that, I'm going to hold down on my content. I'm going to select group And then once I'm done with that, I'm going to deselect my timeline edit, and then I'm going to hold down on that group so I can get these additional options, and I'm going to select rename. I'm just going to rename these Starbursts and then hit done. Then I'm going to hold down on that again, and then I'm going to select highlight, and then I'm going to highlight these in yellow. I know everything relating to those little bursts are all in the same group. I'm going to go down to the group with the text reveal. I'm going to tap on that content with my apple pencil, hold down, selector name, and I'm just going to name it text reveal. So we know all of the drawing for the text is on there as well as the mask. And then I'm going to hold down again and I'm going to select highlight, and then I'm going to highlight this one in green. And then I'm going to go down to my text here, and I'm just going to tap on the content so that I can get this pop up and I'm going to select rename. I'm just going to change this to logo and then hit done. And then I'm going to tap on that content again, get that pop up, and I'm going to select highlight, and I'm going to select red, so I know not to touch it. Then I'm going to go into my background color here, tap on that content, hold it down, and then select rename and the pop up, and I'm going to name this background. I just suggest that people get into the habit of naming your tracks and your groups similar to what you might do and procreate with your layers. Some people choose not to. Personally, I just like to have it organized so it makes it easier, especially if I want to go back and say use something like this. As a template for something else. So that's what's really great with this, especially if you're using this as say, like a graphic designer or someone who does stuff on YouTube and things like that. You want to make things a little bit easier for yourself and create templates, things that you can reuse. Using Procra dreams is a great way to go about that. So organizing yourself and keeping things kind of in order makes that so much easier. So now I'm going to go back to that background. I'm going to hold down with my Apple pencil. I'm going to select highlight, and then I'm going to recolor it with the color that the background is, it's just purple. So it just makes things easier to kind of, like, see how everything is organized and grouped together. It keeps things a little bit simpler, easier to work through and allows you to go back and change things if necessary. This is our final animation here. I think this is great for something like YouTube for an opener. We've completed our first little mini project. Now we're going to jump into working with keyframing. 7. Project 2 - Keyframing pt. 1: Okay. Now that we've created our first project using the frame by frame animation techniques, we're going to jump into our next project, which will utilize the key framing techniques to animate some texts on a video. So I'll show you the example first and then we'll jump into setting up the file. So essentially, I utilized a video that I had. You can download some really great stock type footage from websites like Pexels videos or Unsplash. That's where I access some of mine. And I'm using it as a background for this kind of idea to have words that pop up on the screen that say, create. So this is an artist doing some arty things. And then if we drag across, we'll see this word create is added to our screen. So the idea of kind of moving letters that come together to form a word or say a logo, for example, if there's a brand name or an icon that you're utilizing. This is actually quite simple to do. The colors change. Originally, I had them in black, but I wanted to have them a little bit easier to see on the screen and the white look better. I did another layer mask similar to that technique that we did in the last little project. But we'll go through. I like that these wiggle a bit. I'm going to go into full screen so we can see this a little bit bigger. They're coming from outside of the frame and then they're going center. The wiggle just a bit. Let's start from the very beginning and then we'll play it. It's a very simple easy process, and I will show you how we can do that ourselves. I'm going to go back out into our theater mode. We're going to set up a new file. Again, depending on what your needs are. I'm just going to opt for the wide screen, but I'm going to tap where it says HD and just make sure that it's the 1920 by ten 80 size parameters because I might use something like this for tube, and then I'm going to select empty so we can start with an empty file here. The first thing I want to do before we even add our letters or anything like that is to add that video to our background. So as I mentioned, there is a variety of websites that you can utilize. I personally like pexels but you can search for any topic. So in this case, I'll search something like artist or design and see what we have. This is a really great example of a video you could use for something like this. And then you can just do the free download, double check the usage rights, and then highlight the studio or the creator. So once you've downloaded it, I'll go into your file system, and then we'll go back into our procreate dreams file here. Then we're going to select plus icon, and we're going to select add and we're going to select you can do videos or files. You can add either videos or files and this is the file that I downloaded. I'm going to s file and then I'm going to hit open, and then it'll import it. This video in particular is actually a a tall video. So we're going to have to resize this. So if you zoom out, you'll be able to access the resizing options here. So as long as your video track is selected, tap tap on the video in your screen and you can just pull your corners out to resize it. And then you can just kind of play around with the placement of where this is. So once I've done that, I'm going to add a track above this for the text that we're going to add. I'm going to go into my plus icon here and I'm going to select Add tech. And then before I even type anything, I'm just going to edit the text so that it's easy to see. I'm going to take my Apple pencil double triple tap til everything is selected. Is kind of outlined in blue. And then I'm going to go into my edit functions for my type here. It looks like a big A and a little A to the right here. And I'll give me all of my formatting options that I can utilize. I can update the text type that I want to use. Then you can also change the font options here so that they could be regular bolt, semi bold medium, things like that. You can also change your formatting from left, right, centered. You can also increase the size of your text here as well. I think I'm going to increase this just a bit. And then I'm going to go back to where the font options are. I'm going to update the color to white. Then I'm going to go back to keyboard, and I'm going to use caps lock, and then I'm going to type in C, and then I'm going to adjust my bounding box here outside of my letters. Then I'm going to duplicate this by tapping on the text track, and then getting this pop up and getting duplicate. And then I'm going to get a duplicated version of that tax to the right of it. I'm going to tap on that on my track options here. I'm going to drag it so that it goes on top of the other track. Then I'm going to tap into it so I can update the tax to R because I'm going to type out create and the reason why I'm doing each letter individual is so that I can get that effect of all of the letters pulling in by themselves. Once I've done that, then I can just move it over to the side. And then hit done. Then again, just repeat that process. Hold down that letter track, select duplicate, drag it so that it goes above the last layer. You can pull it over so you can see what you're doing. Double tap into it so that it selects it, and then you can delete the old letter and type in the new. I'm going to do CRE. Then I'm going to move everything around by just tapping on that track and moving it where I'd like it to be. I'm going to select all three of these and duplicate them so that I can finish the rest of the word. Going to go into my timeline edit function, which is going to allow me to select multiple tracks. I'm going to select all three of these. Once I've done that, I'm going to hold down on my first one. I'm going to select group. Then I'm going to hold down on my group option here and I'm going to duplicate that group, then I'm just going to drag that group so that it goes above the other group. Then I'm going to select that group by deselecting my timeline edit, tap on my group here, and then just drag it down. And then we're going to end up grouping all of these together. But first, I wanted to make it easier for us so that it's a little bit quicker. Now I'm going to go into that group, and I'm going to select each track and update the letters. The first one will be in the bottom. I'm going to double tap. I'm going to change this to an A. I'm going to go to the next one. Double tap, change to a T, and then go into the next track. Double tap it, delete it, and then turn it into an so that we've updated the word to say create. To keep things organized, I'm going to rename this group by tapping on the group on the track, holding down, and then selecting rename. I'm going to change this to letters ATE, so I know which letters these are. I'm going to tap and hold on that track again to get that pop up, and I'm going to highlight this in orange, and then I'm going to select the first the CRE group, and I'm going to tap and hold. I'm going to rename it. Then I'm going to hit done. I'm going to tap and hold that track again, and then I'm going to go into highlight, and I'm going to change the color to green. Now, I'm just going to fine tune the placement of the letter. I'm just going to tap on the first grouping, adjust the placement. Tap on the second grouping and then adjust the placement. This is going to be the template of where we want our letters to go. What I'm going to do is duplicate both of these sections, once more, pull them to the top and then I'm going to group these together, and then I'm going to not touch them that way, we can work on top of them. I'm going to select this first group, tap on it, and then select duplicate and then bring it to the top. I'm going to change the highlight of this though. I'm going to Hold this down. I'm going to tap on the track, and then I'll get this pop up, and then I'm going to change the highlight to blue. Then I'm going to select the CRE group track, tap and hold, duplicate it, and then bring it up top. And then I'm going to tap and hold, and I'm going to update the highlight to purple. And then I'm going to group these on the bottom together. So I'm going to select the timeline edit button, and then I'm going to drag my Apple pencil over both of these group tracks, and then I'm going to hold my finger down and I'm going to select group. Once I've done that and I've grouped them, I'm going to rename it so I know that it's my template for the letter placement. So I'm going to tap out of my timeline edit functions and then I'm going to tap on the group track and get this pop up, rename it, and then I'm going to change the name to placement template, so I know what this is for. And then I'm going to tap on the group track again, and I'm going to highlight it in red so I know not to touch it. All right. So once we've done that, we have this extra track that we don't need. So to delete a track, you can just hold down on the track and you'll get this pop up, and we're just going to select delete and it'll bring everything together. Now, what I'm going to do is kind of like, Individually go into these groups and move these letters off to the side. So I'm going to start with the bottom ATE, so I'm going to go into that group and to open up the group, all we have to do is select this kind of drop down carrot. So I'm going to tap on it. It's going to face downwards, and then you'll see all of the letters. So I'm going to start with the A, and we are going to move these out of the way. Before we even start key framing, What we're going to do is just move each of these letters out to the side that we want them to come in from. And the reason why we aren't starting the keyframing now is because we don't want to capture that movement. We wanted to look as if the letters are just appearing and coming into the center of the frame. If we were to start keyframing beforehand, it would show the letters moving off and then coming back onto screen, and we don't want that. So I'm going to select the A. So I'm just going to move it off to the left here. I'm going to zoom out of it so you can see where these are going off screen, and then I'm going to go to the T. I'm going to move it down. I'm going to go to my E here and I'm going to move it to the right. Then I'm going to close this group, and I'm going to go up to my CRE group. I'm going to tap the little carrot icon here in the track title or in the group title. Then when it opens up, it'll show all the additional letters. I'm going to go down to the bottom because that's where my C is. I'm going to move the C up. And then I'm going to tap on my R, I'm going to move it to the right. And then I'm going to tap on that last letter in the grouping the E, and I'm going to move it to the left. All right. Now that I've done all of that, it's still going to look like the letters are in the center. That's because of that placement template that we have here. Remember, we're not touching that. We don't want to do anything with it, and we essentially want these to move in to spell the word create. I'm going to start with the top letters first. I'm going to open up my layer grouping here. I'm going to scroll down to where my C is. I'm going to bring the play ahead right to the start of my track. I'm going to tap on that. This is going to give me my keyframe. I'm going to select move, and I'm going to just move and scale. I'm not going to actually scale it, but I am going to move it. Once I've done that, select move scale, I'm just going to move this just slightly, and then I'm going to move my play ahead just a bit and I'm going to keep slowly moving it into place. Then I'm going to pull that playhead once more all the way to the end and then I'm going to have it placed in its final area. It's going to creep into frame. Now I'm going to go to R. I'm going to tap on my R. I'm going to tap on my play ahead and make sure that it's all the way at the beginning of my group here. I'm going to select move move and scale. I'm not going to scale it. I'm just going to move it across. I'm going to move it just into frame, and then I'm going to tap and drag to the center. I'm going to move it just a little bit closer, and then I'm going to tap that next key frame, and I'm going to move it all the way to its main place. Then I'm going to tap out of my track when I'm done, and then I'm going to go up to the letter. I'm going to tap on that track, make sure my playhead is right at the start. Tap on that little icon here, and then select move, and then move and scale. Then just bring that into frame and then move my keyframe just to the middle here. I'm going to move the just a little bit closer. Okay and then I'm going to create another keyframe at the end. And I'm going to bring it so that that is right on top of where the E is on our template and then tap out of this group when I'm done, and then I can close it and I have everything in the CRE group placed, and now I'm going to work with the bottom part. I'm going to tap on my grouping title here to open it up and I'm going to go down to the letter A. I'm going to tap on the A bring my play ahead to the start of my track. Tap on it, select move move and scale. Then I'm just going to drag my A into frame. And then I'm going to bring it to the middle here. I'm going to bring it just a little bit closer. And then I'm going to create another key frame at the end here. And then I'm going to bring that a right on top of the original placement for that template. Once I'm done with that, I'll tap out of my track here, and then I'm going to go to the next letter, which is T, and I have t at the bottom here. I'm going to bring my play ahead to the start here, tap on it, select move move and scale, to create that first key frame. I'm just going to bring the t in two frame here, just a bit. Then I'm going to pull that play ahead to the center to create another key frame. And then I'm going to drag it up just a little bit more. Then I'm going to create one last keyframe at the end here, and then I'm going to drag that t right into place. Now that we have our t in place, I'm going to tap outside of my group, and then I'm going to tap on my E, and I'm going to drag it in from the side here. I'm going to bring my play ahead here, tap on it, select move, and then tap move and scale, and then I'm going to bring it just into view in my frame, and then I'm going to create another keyframe here and I'm going to drag it just a little bit more, and then I'm going to create one last keyframe and then pull it so that it goes right on top of the E. Once I pull everything out, you're obviously still going to see that center. We'll turn that off in a minute. But we want our playhead to start off screen. Right now, they're all pulling in and you can already see the letters, but we want them to start off screen just a bit. What we can do is stagger these just a bit. So we have half a second where there's nothing on the screen at all before we start to see everything come in. Now to test this out just so we can see what it looks like. What we'll do is turn off and hide the template. So we'll go into that placement template at the bottom. We'll tap and hold. We'll get these options. We're going to select track options and then hide it all, and it's going to hide anything that is within this group layer. Now we'll start at the beginning. We don't have anything here, and then we can hit play and everything starts to come in to the frame here. But obviously, this seems like it's going very slowly, what we can do is play around with the length of our video here as well as the frames per second. What we're going to do is go into our movie title and setting, so we're going to tap on the movie title, and we're going to go into our properties. Right now, we have one frame per second. That's literally we have 10 seconds and each frame is taken a second to pull in the letters. So if we update this to say something like 15 frames per second, and then hit done. Let's see what that does to our video overall. It makes it a lot faster. Let's pause this. Let's go back into our video title, go into our properties. Let's change our duration to 10 seconds and then hit done. Then let's see what that does. Let's go back into our title options again, go into our properties. Change our frames per second to 12. Keep our duration ten, and then hit and let's play this once more. Okay. I like this a little bit more. What I want to do though is lengthen this so that it's a little bit longer. So I'm going to go into my groupings here. I'm going to select each of these letters, and I'm going to increase the overall length, and then I'm going to go in and increase the overall length of the track. To do that, all we have to do is tap on the track and then drag from the end out and it will increase the length of time that that track lasts. If you're trying to drag this out and you're not able to, you may have to drag your whole group first, tap on the entirety of the group and then pull it out to the right, and then you can go in and individually resize the track lengths. I'm going to go into my second group of letters. I'm going to tap on that group itself, resize it so that it continues on for the length that I need it to be. Another quick way to do this as well is to utilize the fill duration of track. You can tap and hold on your track and then select fill duration. I'm going to go into my second set here, I'm going to do the same thing. I'm going to tap on that grouping, filteration, and then do the same for these additional letters, filter, fiation filluration. Essentially, though, what this will do is that it will pull in your letters, but then you'll see the word create for the duration of the rest of, you know, however many seconds you have left in your video. So this is what that will look like. Okay. And it'll just on, you want to take more of that time to pull the letters in. You can go in. You can edit your keyframe track and basically, it's the track that's right underneath the track with any of your content. The keyframe tracks basically contain all of the keyframe information associated with an individual piece of content. Whatever you have up here, whatever we've done to it, you're going to see that set of keyframes below it. We can actually move these keyframes around if we want by just tapping and dragging. Say we want them to have more duration of time in between the reveal. We can do that. Now that I've done that, I'm going to close these groups and then play these to see what they look like. Okay. All right. Now that I've increased the length of each track, it seems like it's a little bit slower than I wanted to. Remember, when you want something to speed up, you'll want to increase your frames per second. So we'll do is go into our movie title here, go into properties, and then I'm going to change my frames per second 12-24 just so I can see what it looks like with a higher speed. I like how this looks. I just want to make sure that it stays once I'm done. And it does. 8. Project 2 - Keyframing pt. 2: So I'm going to add a bit of a sound effect to this. Do that. We're just going to add in another track, and I actually have two additional tracks in here that I don't need. So I'm going to delete one. I'm going to tap on it, hold down and then select delete track, and then the one above it. I'm just going to bring it below the video trap. And I'm going to add my sound effect here. I'm going to select the plus icon here and I'm going to add a sound file. I'm going to go into my files, go to my recess, and then I have the zylephone effect and see how this works. I'm going to select open. It's going to import it, and then I'm going to adjust it so that the sound comes in sooner. I'm just going to drag it in from the left and then I'm going to move the audio over. Then let's see what this looks like when I have a sound included with the visual. I'm going to decrease the size of this audio track as well so that it ends right when everything comes to the center. I can even add in an extra keyframe here if I want it to match up with each of these sounds. And because it's like a zylephone audio, it's very evident where those marks are, so we can add in an additional mark so that each mark hits, and then we have the final mark where everything's all together. I'm going to open up my first group of layers and see how I can manage this. I know the last set of keyframes here, everything is set in place. What I can do is just pull that keyframe so that it matches up with that final sound marker, and then I'll add in an additional keyframe before that. I'm going to move all these end ones to meet with that last beat, and then I'm going to adjust the placement of those so that they match with the others. Then I can just go in and add another key frame. I'm going to start with my bottom row of letters since it's what's visible. I'm going to tap on the A and I'm going to create a keyframe and I'm going to move it just a little bit before it matches up with that final one. I'm going to go to my t as well, and then I'm going to move it I'm going to tap on it, move move and scale, and then I'm going to move it just a little bit. Same with the tap on the track itself. Place the play ahead where I want it. I'm going to move that just a little bit, and then tap out of the grouping, and I'm going to go back up to my top grouping here. I'm going to start with C. I'm going to move it just a little bit. Tap on R tap on my actual keyframe track to add another key frame. And then move the R just a little bit more and then do the same thing with letter E, tap on my keyframe track to make sure I have an additional keyframe added, and then I'm going to move it just a bit. Now I've added those additional key frames so that hopefully these will match up with the movement and the sound. Let's pull the play ahead to the start and let's see what this looks like. I'm going to go into full frame mode so we can see this a little bit better. Tap on my screen, hit play. And everything matches up. This is fun. What we can also do is add some of those sparkle effects again, if you want, they're very simple to add into something like this. Again, using that draw mode, so we'll hit back. What we'll want to do is create a whole new track above all of these in order to add some of that fun hand drawn effects. What I would like. I think I'm going to make it so that once these are all grouped together, we can add those dashes right at that point. That's around here, so you can scrub through your timeline to see exactly where that happens. And we can add those here. I know we're at this point, so I'm just going to tap on my new track that I added right at that point. Then I'm going to go into my drawing paint mode, and I'm just going to select you can do that monel olne again, you can do streaks. You could also utilize the luminance options, and it gives you this really pretty light effect. We can use that. I'm going to go into luminance for my brushes, select the light pen. I'm going to adjust the size just a bit. And then we are going to add some of that luminance right at that marker. I'm going to make it so that it's a little bit longer, but that's essentially the idea of what we want. Once I've drawn those in, I'm going to tap out of my drawn paint mode. I'm going to adjust the size of how long I want these to be on screen. It could be just the second or we can have it look like it's blinking even as well. So what you could do is just tap on the end of your drawing track here and increase the length of it. You can also duplicate it by tapping and holding, selecting duplicate, and then giving yourself space between and it'll look like it's flashing lights. I'm going to hold this tap and hold on this element, select duplicate, and then I'm going to give myself space between each of these. Let's see what this looks like. I'm going to bring this all the way to the beginning, go into full screen mode, adjust placement, and then hit play. I think that's cute. All right. You can keep those fun little flashes if you want. Or you can get rid of them, whatever works for you. But just again, adding these little creative touches is what makes this fun. It doesn't have to be anything too complicated. It can be as simple as something like this, and it adds that little bit of extra magic. Now that we're done with the second project, we are going to jump into our final and last project, which is learning how to utilize the performing animation techniques to animate a logo form. Something that's more of a photo, a picture, a logo design, using some fun performing techniques to play around with that. 9. Project 3 - Performing: The final project that we're going to be working on is basically taking a logo form and translating it into something that moves. So you don't just have to utilize procre tames for text, if you're a graphic designer. You can also use it for your logos and icons. This final one, we're going to be working with the performing technique. We're basically going to take a logo, and we are going to add some movement to it and make it transform. So I made this really simple coffee brand and we're going to take this logo icon and then turn it into a coffee bean icon. I'm going to press play so you can see how it works. The idea is that this logo is jiggle and spin a bit and then it's going to turn into a jumping coffee bean. Really simple. It doesn't have to be complicated, but it still creates a fun little effect that you can use to show off a logo that you may have designed when you're presenting to clients or something like that. This is a really simple and quick way to take an icon and add some movement to it using Procreate dreams. Now that we have an idea of how this is going to look, I'm going to exit out of this project and have a set up a new one. So we're going to go back out into our theater view and we are going to set up a new project. So I'm just going to set up a more high definition wide screen file. So again, I'm just going to tap on the HD, make sure that it's at 19:20 by ten 80. I'm going to select Empty, and this is going to be our blank work space. Really quickly, though, I want to go back into the other file that's already completed. I want to highlight some of my settings here. If we go into our project title, when we're looking at frames per second and we're working in our project, the more frames per second you have, the higher the speed, the less, the slower the speed. I'm going to go into the new project here. I'm going to tap on the title where it says, Dream one. I'm going to update my frames per second to 24 and then I'm going to change my duration right now to ten, and then I'm going to hit done, and we can start by pulling in our logo into the file. We are going to go into our ad option here and we're going to select files. You're going to navigate to wherever you have your project saved. Then I'm going to select the two icons that I have, have coffee logo one and coffee logo two, and then I'm going to hit open. And it's going to import the file into my system here. Obviously, this is a large file. So what we have to do is resize it. So I'm going to zoom out, you can see the corners. And then I'm just going to tap on this while the drawing is selected while that track is selected, and then I'm just going to pull from my corners to resize this so that it's the size that I want it to be. And I'm just going to center it. I'm going to have to scrub through My tracks here, I can resize it so that I can see more of it so that I can get to the other logo. So they often place them side by side. So I'm actually going to resize this original logo, the length of it by just pulling it to the left. So it doesn't take up so much of the timeline, and it'll resize it. And then I'm going to take this other logo and pull it so that I can see where it is. And then I'm going to tap on the additional logo. It'll take me to where it is on the timeline, and then again, I'm going to resize this as well. So to make things a little bit easier, I'm going to slightly overlap these two tracks. I'm going to take the second track with the beans on it and overlap it so that I can see how it fits within the actual full logo. So I'm going to tap on the beans now. I'm going to resize them down. Because the idea is that this is going to spin and then the beans are going to pop behind it. They're going to increase in size just a bit and then decrease and then increase, so it feels like it's bouncing. But I want to make sure that it's centered behind this logo. Now that I've done that, I like the size of this. I can resize this track once more by just dragging its end to the right and it'll line up, and then I can just drag it to the same track to make things a little bit easier. All right. So this is going to be quite simple in terms of how to make this work and how to move. We're going to be utilizing our perform functions, so our perform animation technique. That's this little circle here. When we tap on that, anything that we do to move or adjust or scale this logo, it's going to record. And basically, this allows you to record keyframes in real time, and you can use gestures or your apple pencil to move scale, adjust skew, things like that. In order to Create this kind of like wiggly effect. I'm going to set my playhead to the start of my track where I want this to start. So I just wanted to start right at the beginning. So once I've set my playhead. Then I can go and tap on the perform button, which is the circle. And now you'll know that it's ready because you kind of see this little recording icon in the upper left hand corner. Once we've done that, then we can tap and drag and scale things. What I'm going to do is just kind of do this little wiggle function by tapping on the corner of my shape, and you'll get this little curve pop out in the upper right hand corner. We can just tap on that and jiggle this. You want to move this until you get to the end, and then you're going I'm going to move it to it goes right back, and then I'm going to hit stop to stop the recording. Then we can test to make sure this looks how we want it. I'm going to drag my playhead back to the start here, and then I'm going to play this to see what it looks like. And since I want this to be really poppy, what I'm going to do is decrease the amount of time. So I'm just going to decrease this track. I'm going to pull it to the left so that it's shorter. I'm going to keep it about 3 seconds. And then the idea is, right when it ends, we're going to get this little beam that appears. I'm going to drag my beam over to the left so that it matches up on the track, and then I'm going to switch over to this new one. I'm going to turn on record again by tapping on that circle, and what I want to do this time is scale it up, scale it down, and then scale it up just a little bit more, so it looks like it's bouncing. I'm going to press the, the perform button. And then I'm going to increase this in size and then decrease this in size, and then increase it once more, and then decrease it once more. Then that's it. Now what we can do is hit stop. Really quickly, I'm going to rename these. I'm going to tap on my first logo track it says drawing and then I'm going to tap and hold. I'm going to select rename, and then I'm just going to change this to logo, and then I'm going to do the same thing for the bean. I'm going to tap and hold, select rename, and then I'm going to change this to icon. Just so I know what I'm working with. I'm going to pull my playhead back and then we're going to play this to see how it works. All right. So this feels a little slow. So the reason being is because when you're using performing, appropriate dreams tends to add tweening, which is basically like frames in between the start and the end. So when we were working on our last project, we were basically creating the key frames. So we only had certain key frames. So the less key frames you have, the more choppy it's going to look and that's kind of the effect that we want to go for here. So what we can do is first play around with frames per second and then adjust the tweening here so that we don't have as much fluid movement to create more of a poppy effect. We'll tap on the project title, so dream one in this case, and then we're going to go into our frames per second and we're going to change it 24-30 to see what that does. It still looks like the beans are more breathing as opposed to bouncing. To adjust this, what we can do is just select these keyframes and delete them So to delete them, all we have to do is tap and hold, and then we can just select the trash bin. All right. So to adjust this so that it feels like that bean is popping more. We can also zoom in and adjust the placement of the keyframes that were created when we were in the record mode in performing. To do that, all we have to do, what you'll find is to get more of that poppy feel with less of the tweening. We want to bring our keyframes closer together. I'm going to zoom in here to our keyframe track, and you see you can like we did before, we can adjust the placement of these keyframes by just tapping on them and moving them. We can move these a little bit closer together so that we have less of that tweening. It's fine to have only three keyframes at the beginning here and then nothing at the end because the idea is that the logo is that being is just going to stay. Now that I've pulled these keyframes a little bit closer, let's see what that does. I'm going to pull my play ahead back to the beginning of my track. I'm going to hit play. There we go, and we get more of a bounce. I think I might want to add one more keyframe to this beam, so it doesn't feel like it's just going like this, but more of a little bit bouncer at the end. So what we can do is drag this last keyframe and then maybe add one right before it, and then tap it and then pull another one out. We'll do that again so you can get an additional keyframe. You'll just tap so that it's highlighted in red and then move With your Apple pencil, you can move it to the right or left and you'll get an additional keyframe. And then I think I'm going to make this just a bit smaller. And then let's see I'm to tap out of this. I'm just going to tap anywhere on the screen to deselect. And then I'm just going to pull this back to the start to see how this looks. Okay. All right. That gives me more of the bounce. It's just a little bit more bouncy at the end here. We could also increase the speed of the twisting of the coffee brand here by again, just decreasing the length of time by pulling your track left. And then we could also add more keyframes if needed. But I think just decreasing the time might be helpful. Then if we wanted to stay on the beam at the end, all we have to do is drag out our being track a little bit more until it hits the end of your track. If there's any additional keyframes there, you can just tap and hold and hit Delete. Tap delete. Tap and hold delete. Now let's play this to see what the final animation looks like. I'm going to drag my play ahead to the start on track hit play. And that's it. If you don't want the bean piece to stay as long and just decrease the length of this track, and then it'll re loop it. I'm going to add one more keyframe here. And then what I'm going to do is just increase the size of the bean just the bit, then that way, it should fit more in line with the size of the logo at the beginning. Let's watch this. A lot of what we do with this kind of technique is fine tuning and editing and adjusting, The performing creates the key frames for us. What I find is what I end up doing is just going in and revising the placement of the key frame so that it does exactly what I wanted to do, adding additionals if needed. So it's a really great way to kind of create more of a natural movement within what you're creating for your project versus something that feels like kind of mechanical, which can look that way sometimes when you're doing the key framing technique. But obviously, the more skilled you get with this, the less mechanical things will look. You'll have better tweening that you can create on your own, and I just find this is a really simple and quick way to go about animating a simple logo. Let's press play once more and see what the final effect is. I think I like this. Let's look at this in full screen to get it in its final glory. All right. That's it. If we want to see it loop, continuously when to export, what we can do is go back into our project settings, tap on dream, go into our timeline here, and then we're going to select loop and then hit done. Then it should continuously loop it when we export this file. Let's go into full screen mode to see what that does. And now it loops it continuously. All right. I'm going to hit back, and that is it for this performing technique. Very simple, fun way to go about creating some animation and movement with a logo form or an icon. 10. Exporting your files: Now that we've created all three projects, what I want to do is show you how to export them. It's very simple. We'll export this one and then you can go back and export your other two on your own. Before I share my project, I actually want to rename my project. I'm going to go back out into my theater view, and then I'm going to tap and hold this project. I'll get a pop up, and I'm going to select rename. And I'm just going to rename this logo perform so that I know what technique I used, but you can name it whatever you'd like. Once I've done that, I'm going to hit done, and then it'll rename it. Now I have each of my projects named in relation to the type of technique that we used. I'm going to go back into the logo perform project, and what we're going to do is tap on the project name, and we are going to go into share And then we're going to export this. You can export this file in four different file types. You can export it as a video, frames as images, the current frame or as Appcriate dreams file. I'm going to export this both as aprocriate dreams file and a video because I want to share the dreams template so that you can explore and look around and see how I have everything set up for this. First, I'm going to select Procreate dreams, and then I'm going to save it to my file system. And then I'm going to go into my file system on my iPad. I'm going to go scroll down to the Procreate dreams system folder, and I already have a project folder saved in here. I'm going to select course 34 and hit Save, so it's going to save my template, and then I'm going to tap on the project title again, select share, and then I'm going to export it as a video as well. And then I'm going to go back into my file system. I'm still in that course 34 project file, so I can just hit Save. And then I would do that for the additional projects that I have. Once I'm done, I can just tap done. Go back out into my theater view and then do the same thing for the additional projects that I've created. And that is it. I've saved all three projects now to my file system, and that is it for this class. I hope that this has inspired you to play around with procreate dreams, even if you're not an animator and perhaps you're a graphic designer or a creative who loves things like text and motion graphics and moving typography and just kinetic typography in general. You can do a lot of fun and playful things with in procreate dreams, even as a graphic designer or a creative who may not necessarily be an animator or an illustrator. So definitely jump in, explore, have fun, and I hope you create some more projects in addition to these. But as you get better at this, you can definitely create more elaborate and complex ones as well. 11. Course Outro: Okay. Thank you so much for exploring procreate dreams and creating a moving type project with me today. I hope this class has helped you get comfortable with the Procreate dreams interface, gain the confidence that you need to create moving type or even just graphic design projects that utilize a bit of animation. I also hope that it has inspired you to experiment with your design process overall. Remember to also make sure to check out the class resources for my project templates and also make sure you share your project in the class project gallery. Or if you feel for it, you can also share it on social media and tag me at Bella Sophia Creative. I'd love to see what you created or even offer some helpful tips if you need them. Finally, please consider leaving a review. These reviews are so helpful in ensuring teachers get engagement, which in turn helps our classes overall in search. And then it just helps me in terms of making sure that each class that I create over time is better and better. Thank you so much for creating with me today. I will see you in the next one. Bye.