Camtasia Studio 2019 & 2020: 2nd Edition Epic Motion Graphics & Animations | Allen Smith | Skillshare

Playback Speed

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

Camtasia Studio 2019 & 2020: 2nd Edition Epic Motion Graphics & Animations

teacher avatar Allen Smith, Motion Graphics & Animations

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

12 Lessons (1h 5m)
    • 1. Camtasia Epic Introduction 2nd Edition

    • 2. Supernova Transition: Pattern Creation

    • 3. Supernova Transition: Adding Custom Animations

    • 4. Supernova Transitions: Adding The Transitions For Circles

    • 5. Circle Supernova Adding The Text For Circles compressed

    • 6. Circle Supernova: Changing Circles Color For Background

    • 7. Sweeping Rectangle: Adding First 3 Rectangles

    • 8. Sweeping Rectangle: Adding color first 3 rectangles

    • 9. Sweeping Rectangle: Adding Custom Animations

    • 10. Sweeping Rectangle: Text With Behavior

    • 11. Starter Class Assignment: Add Sliding Rectangles

    • 12. End Class Assignment

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

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.





About This Class

This class is a continuation mastering the Motion Graphics and Animation features in Camtasia by the actually creating something epic. In this case we will use the custom animation feature to create epic motion graphic transitions and a tiny bit of animations will be applied to text using the behaviors feature. 


1. Learn how to create unique designs by combining transitions and custom animations

2. Create your own designs using the skills you learn from this course

3. Be inspired by the motion graphics created in this course and combine it with your own creative zest


You will learn about these factors regarding Motion Graphics in Camtasia: 

  • Pattern Creation
  • Adding Custom Animations
  • Adding Transitions For Circles¬†
  • Adding Text For Circles Transition
  • Change Circles Color For Background
  • Work With Rectangles
  • Alter Color Of Rectangles
  • Use Text Behaviors


1. Camtasia 2019 or 2020


I have always been the type of person who tries to push the bar a bit higher when taking Camtaisa to the limits. In fact when you take this course you will quickly see that my passion and determination has a direct impact on the quality of this course. This second edition was created because I saw the impact it had and how fast the 1st edition course has grown. I like to see results and that is what motivates me to continue to make additional course that helps students like yourself.


If you found the first edition of this course to be helpful I highly recommend the second edition because we move into more advance territory. Basically this course builds upon the skills you learn in the first edition course. However anyone of any skill can take this course even without viewing the first edition.


You will further your knowledge in terms of motion graphics and animation knowledge. 


Freelance On Upwork: Importance Of The Interface Phase 1

Camtasia Studio 2019 and 2020: Create Epic Motion Graphics & Animations 1st Edition

The Power Of Video Compression To Reduce Video File Size for Web & Offline Use Optimization

Freelancing On Upwork: Secret Formula For Getting Contracts For Jobs Phase 2

Epic Motion Graphics & Animations 3rd Edition: Camtasia Studio 2019 & 2020

Camtasia 2021 New Features To Unleash Your Productivity

Camtasia 2021 Superior Lower Thirds For Corporate Video Editing




Please post any questions you have in a discussion and I will respond as soon as possible. 


I am excited to find out what other types of courses you would like to see from me regarding creating Camtasia training. In the near future I will be releasing additional course on other topics but suggestions of other course types will be consider as more critical and made priority over other course training's. 


Don't forget to leave a review as that is critical for me to know how the course experience for each student is. Using your feedback I can improve future Camtasia Motion Graphics and Animation courses. So really appreciate hearing from all of my students plus it helps Skillshare with ranking course when you leave a review and feedback.

Meet Your Teacher

Teacher Profile Image

Allen Smith

Motion Graphics & Animations


I started off using Camtasia Studio and building custom video editing solutions for clients all over the world working with well-known brands such as but not limited to: Pacific Foods, Pfizer, SAP, McGraw-hill, Winshuttle and so on. I take my experiences from generating value for mutli-million dollar to multi-billion dollar brands and translate that into powerful training solutions for Camtasia. 

Additionally I have experience working with Adobe Premiere with highly classified projects that required NDA so unfortunately not able to share clients I worked with. 

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

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.


1. Camtasia Epic Introduction 2nd Edition: Hello, everyone. Welcome to the second edition of creating epic motion graphics and animations inside a Camp Taylor studio 2019 and Tony Tony. Now the reason that I'm making this course is because I saw that the performance of our first course on camped Asian motion graphics went really well on scale share. In fact, at the very release of that course on skill share, on average, relative to all the other courses, we've had an increase in number of students greater than any other course on Camped Asia studio. So thank you to all those students who took a chance to watch that course. I really appreciate it. So what? That being said, let's go ahead and look at the epic motion graphics animations that we're going to create in this second edition of Camp Taser Studio 2019 and 2020. So now that you've had a chance to see what we're going to create, a hope that you're super excited and before we begin to create thes epic motion graphics, I want to give you a little information about my background, and I will do this in every Camp Taysir studio video, but I'll make it brief, since I already did it in the first edition. And basically it's this I've been using the can't age of studio software for many years, and it's been a great income generator, and I've used it to make a living. So I have real world experience. You're learning for someone who actually knows what they're doing from actually working on client projects and ensuring client satisfaction. So I'm not just some random teacher. I was just teaching you for the sake of teaching you and happened to learn how to use the software, actually know how to generate real value using the camp stages software. So with that being said, go ahead and jump into the next video and learn how to create awesome epic motion graphics and animations. 2. Supernova Transition: Pattern Creation: Hello, everyone. Welcome to our first video for creating epic motion graphic animation and camped ation. In this case, we're going to create the circle supernova, so let's go ahead and preview. So now that you've had a chance to see what that looks like, let's begin creating the circle pattern in our canvas area. So in order to do that, let's go to our annotations. And then, after a quick, all annotations click on shapes and that shapes, icon looks like the one here. Once you find that, let's go ahead and drag a circle into our timeline. So when you left click and track that here it will show up in our timeline. If we screw our timeline, play it ahead. You'll see that we have a circle when our canvas area. So in this case, if we inspect our group here, which is part part of the animation, which I know you can't do this on your side because you haven't created yet, But we're looking at this as a reference you can see for a Group one. We have eight circles because it says eight media, so eight media's indicating If we open up this group by clicking on this plus button. There is a total of eight circles in here. Each of these circles has entrance custom animation and exit custom animation. Okay. And at the very start of each of these circles for that custom animation, it stars at 1%. But we're not going to get into that yet. I just want you to be aware that we're going to eventually at these things and later. But for right now, let's focus on adding those eight circles for the pattern that we're going to create. Okay, So if we go back to this circle here in our timeline area, we're gonna make sure you have a selected in the way that you know you have it selected is that there is a, you know, highlight vehicles around it. So let's go ahead and hit control C to copy it. And once you do that, hit control V to Payson. Additional copy, and we're gonna pace eight copies total here. Yeah, that's including That's not including the I'm sorry. That is including the first shape that we created. So we have three pace again. We have 45678 and I know you can't see those additional circles. So I'm gonna track this campus area up a bit so that you can see that there is a total of eight circles here. And if we look at track eight here, that's the eight object that we have in our campus area. So we have eight circles here. The next thing that we want to do is go back to this initial reference animation and open up the group and we're going to look at the first foundational group here. We're going to open it up, and we're going to find out what the position of each of these circles are. But to make this a little bit easier for us instead of me going way back here, I'm just going to simply copy this group and I'm gonna paste it over here, and I'm gonna un group it by hitting control you, which you don't have to do that because you don't have this yet. But I wanna have this easy reference that I can look at it. So if I double left, Look on this first element here in this first circle and I look at my properties in our properties panel here. We can see what the position in date is, and this is what we want to copy. So I'm not going to see all these numbers out loud. I'm just going to simply copy them over to our initial shape. So let me go ahead and do that. So for the exposition, we're going to copy in that information. So if I paste that here and then I want to also get the my position. So copy the Y position and then outpaced that in here and you'll notice that each time I'm selecting the object that I went to apply that data too. So if we look in our cameras area, we can see that the circle is now positioned here, different location, then say the second shape. Okay, so let's see what the second shapes Data says It's Copy that position data over. And the reason I'm showing you this information is because you do need to know the exact positioning. If you don't know the exact positioning, it may cause problems with the way that the animation looks. OK, so let's get our third shape here and get the transition. I mean, the position data for that, we're gonna pay steady. And I believe that was under why. Let's make sure I had that right. They were going to get the data for our fourth shape Here. Copy that over. And this is what the process is for Making very, very complex animations. You need to be very precise, encamped Asian to get the exact same effect. If you're not having the incorrect positioning of these circles could end up resulting in a different type of look or feel for your animation. So this is the reason that we're copping this data directly over. So if you're watching this video, you know, you can pause it at each of these intervals where I'm copying this data because you really do need all this information. And if for whatever reason, you're lost about, you know what's being changed. Just look at the track this to the far left, and you'll know which shape I'm adding that information for. So in this case we're on. The six were on the sixth circle in our in our process here. Okay, so this is 1/6 shape that I'm changing the position properties for. Okay, so now we're going to go to the seventh and copy the data for that, you have been a copy of the Y position data and the waited on copying and pasting. This is using control. See the copy and control vita paste. But you don't really need to know that, because in your case, you're not going to actually be copying this data. You're gonna be, um, looking at it from the video training Siri's. And you're going to be writing in Manu. OK, which is the reason you'll probably have to pause the video to enter this data. Okay, I may even create a on screen, uh, you know, indicators showing what all the data is for each of the circles, if that will save you some time. So maybe I'll add that in later. So we now have are a circles from the day that we grabbed from these shapes, and that is the first part of this tutorial. So I hope that you understood how to do that. And if we look at the shapes here, if we left looking drag or all these shapes and we go back to this, was it go back to this position in our timeline. This is what you are. Circle pattern should look like Okay. Should look like you could draw two squares around it. OK? And if that doesn't make sense, just make sure that looks something like what you see here on screen, and you're probably heading the right direction. So congratulations. You completed the first part of creating the circle pattern for the circle supernova transition. 3. Supernova Transition: Adding Custom Animations: Hello, everyone. Welcome to the next part of creating the Circle Supernova Motion graphic animation. In this video, we're going to add the custom animations to our circle pattern. So let's go ahead and begin before we can actually add the custom animations. We first want to ensure that we have the right duration or the time frame. How long is thes circles, or how long are these circles going to be on screen? So if we place our cursor over the reference animation, you can see that it's a duration of two seconds and 13 milliseconds in this particular set of circles are five seconds in duration. So what we need to do in this case is select all of these circles that we have in our campus area. So we'll go ahead and scroll to the top here, have to track eight, and we'll left click in a blink area and track downward until we've selected all of those circles. And you can see in our campus area that each of these have selection handles these little small circles that are around the main circle, indicating that they're all selected, so each one has a set of selection handles, okay. And what we're going to do is go to the right side of each of these clips and liquid in track it in work until we get it to the same exact time. So to milliseconds, I'm sorry. Two seconds and 13 milli seconds. Okay. And we place our cursor over this one. You can see that. It says that's what the duration is. And now we have the exact same duration here. I'm just dragging it forward so that it's closer to my reference clip. So we now have that at it. I'm gonna go ahead and double left. Click towards the start. I'm gonna double left click so that it goes to the start of the set of circles that we have here. So it's at the very start of each of these clips, okay? And we're gonna add this first Ah, animation here. And if I left with going this and hold down my left click mouse, it'll say duration one second. So we know that this is a one second duration. So what I'm gonna do is I'm gonna go back here to the start of this clip, and then I'm going to go to my animations. So if we go to animations and we then left, click on custom and track it on top here, it automatically defaults to one second. And if it doesn't then left. Look on this end point of this custom animation and make sure that you drag it to one second. Okay, Now, all of these air one second. So I know that for all these shapes, I need to do that. So let me go ahead and do that. I'm going to just left click a double left. Look on this shape here, and actually, I'm going to slick all these shapes so that I don't have to add the's manually one at a time. If I left looking, track this over this, it will add it to all of those shapes at once. So they all have one second custom animation. Now, Now, I haven't actually changed any of the settings where these custom animation. So right now, absolutely, it does nothing, and you'll see that if I moved the timeline play hit, nothing actually happens at any of those points. So I'm gonna make sure I'm at the star point of all of these. Uh huh elements or these call outs So you can see that the timeline play it is at the very start of each clip. And I'm gonna check actually, to see what I've set the start point at. If I started the star point here for the reference animation, we can see that it's scaled to 1% in the properties panel. And if we go to the end point of the animation, we can see that it skills to 500%. So we want to go to the start. Oh, this animation here and we want to set it to 1%. We want to do the same thing for here. For the second circle click on this one. Set it to 1%. We're going to do this for all of these animations. In fact, I think I can actually do that for multiple ones if I left looking track over it. So to save some time, I'm going to go ahead and left, click and drag over the remaining circles here. I set them all toe 1% for the scale. So if you lift looking drag over a set of the circles and as long as your timeline play. It is at the start of each clip. It'll set them auto. Uh, 1%. So I'm gonna go ahead and I'm gonna double left. Look on the circle at the end of this custom animation, and I know that it's knees. This needs to be set to 500%. So I'll skillet up to 500%. And I don't know if you can do this for the end of clip, but we're going to try were gonna left looking track over all these elements or these circles, and we're going to set them on a 500%. It looks like I can do that, so that saves us a lot of time from having to do that. If we go to the start of this clue, employees it, you'll see that we have the first part of our custom animation set up. The next thing that we're going to do is figure out what the in point looks like for the custom animation. And if I click on one of these, you'll see that it's still at 500%. And if we go towards the end of that clip, you'll see that it goes down the 1%. So this in this particular case, we're going to go from 500% down to 1%. Let's check the duration. We can see that each of these animations are 28 milliseconds from the little papa panel. There, you see, that says 28 milliseconds were duration. So in addition to that, we could see that there's a one one little notch space gaps. If I zoom in on this and you consume me and by pressing the plus key here, I just use a short cut instead. But he pressed that plus key, it will zoom in. But we can see here that if we move the play it one notch at 100% zoned in we move one notch back. That's where the end point of this 28 milliseconds exit Custom animation, is it? I'm going to go ahead and zoom back out so I could see more of my canvas area. I'm sorry, more of my timeline area, and I'm gonna go ahead and drag in set a custom animation. So I'm gonna left lichen track over all these circles again so that we don't have to add these one at a time, and I'm gonna go ahead and drag this closest possible towards the end point. I know that it needs to have, like, one notch space gap. I think I kind of got it exactly. So, man, with the play it one notch ahead, we can see that there's a one space gap there. So the next thing that I want to do is I want to make sure that these air all 28 milliseconds So I'm going to go ahead and zoom out so I can see more information, and I'm gonna hold down the shift key. I select each of these custom animations, okay, Just like that. And I'm going to scroll down, hold down the shift key again, slept the remaining ones here. And the reason I'm doing this is so that we can change everything at once. We're gonna left click on the starting circle of this, uh, arrow here, this tiny little circle here representing the starting point of the custom animation. We're going to drag it in until we get to 28 milliseconds, okay? And we're also going to go to are, um, our endpoint for these animations and we're going to skillet down to 1%. So we moved towards the end here, right over the edge of the circle. It should turn red, indicating that year exactly over it. And we're gonna turn this down to 1% for the skill. Okay? And so now we should have something very similar to our reference animation, where when it scrolls down it goes, the 1% we go here goes down the 1%. So let's go ahead and play this back. You see that? It goes in and it goes down. Okay, so now that we have all of that information together, let's go ahead and group it. And we now have our first foundation for our custom animation. So the next thing that we need to do is go back to our reference animation year, the very 1st 1 And we can actually delete this one because we've already copied the data from that. And we're gonna open this group up, and I'm just gonna double check to make sure we get everything right for this first group. 28 milliseconds, two seconds and 13 milliseconds with the duration of each clip. So we got everything. Correct. Let's now take a look at this second group. I'm going to go ahead and copy it, and we're gonna paste it here. I'm gonna move it forward a little bit, and I'm just gonna put ah marker on this. You don't have to do this, but this is our actual project, and this is not how you're supposed to use markers, but I'm using it as a reference. So do not copy what I'm trying to do here, because it's not what you're supposed to do. OK, so I'm gonna go ahead and actually copy things first group that we created. So I'm going to go ahead and open this group up. I'm going to copy all these circles by holding down the shift key and copy each one a one at a time. So holding down the shift key and left looking on each of these circle Karl outs will select them. And then once we have them all selected, you know that you have been selected because of the yellow highlight that surrounded this little thin line that goes around it hit control C to copy it and then we're gonna move our timeline play here to hit hit Control V. And it looks like I need to move this back a little bit because it's too close to our new reference clip here, and we're gonna check one thing here. We want to see what the duration of this clip is is two seconds and five milli seconds. And I know that this is not the same. So what we need to do in this case is we need to select all these. Uh, in point. Custom animations are holding down the shift key and left looking on each one and has indicated that is selected by turning yellow. And we're gonna make sure you have all those selected and track it as far to the left as you can so that it's not, you know, towards the edge of the endpoint of the clip. And they were gonna left, like, in track over all these circle elements. And then we're gonna left, look and drag it in until it's to two seconds in five milliseconds, I believe. Yeah, two seconds and five milliseconds. So I've said it to that same exact duration, and then we're gonna open this group up. We're going to check and see how long the end custom animation is. So it's 27 milliseconds. So we're gonna select all these again by holding down the shift key and left clicking on each one. We were gonna just the duration down to 27 milli seconds actually accidentally activated. My sticky keys have turned that off. You don't have to worry about what that is. It's just something that's on Windows. So I'm gonna go ahead and drag this in until it's exactly 27 milliseconds and it now is. And then I'm going to drag it to the far right. And then I'm going to check and see if there's any space gap for the end point on this custom animation, some zooming in to see how far of a distance there is between the end of the clip and the exit custom animation. So there's one little notch space gap, so I need to go back and adjust that someone is amount so and go back here. Zoom in a bit. So I want to be really close in to make this happen, and I'm going to go ahead and select all these custom animations again, holding down the shift key and left clicking on each one. And once we have all those selected, we're gonna left with in track it back one notch so that it's right in alignment with the play it and we know that it's right in alignment with it because it has the red circle on it. Okay, so we've now set up our second set of eight circles. So we're gonna left, like, in, actually, I'm going to zoom out so we can see a bit more information we're gonna left, like in track over all these circles hit control, G to group it. Or alternatively, you could right Click it and you should be a group it that way as well. You can see in our menu here has the option to group it. Okay, so in this case, I decided to use the right click menu instead because that probably would make it easier for you guys to follow. So we now have that. And we're going to go ahead and drag this inside. Uh, our first group that recreated. Okay, So in order to place it inside that group, we left click on this little gray bar here where it has the eight medias information. We're gonna left, click and drag in a sigh Here. In fact, you know what I'm gonna do to make our lives a little bit easier. Rather than doing that, I'm just gonna left click and drag over both these groups and I'm going to hit control G two group in like that, and it will make things a little easier for us. And I could get rid of the project data information here. I don't really need that anymore. So let's go ahead and zoom out and we're going to open up this group and see if I have everything set up correctly in terms of the alignment. So I can see that both these clips are a line to the edge of that Ah, group that they're both within. So you have two groups, and then we have this main group here. The parent group, the Group four contains Group two and Group three. Now yours may say something totally different, but that's what my says. Now when you drag this the group inside. I'm sorry. When you group them together, make sure that both clips are aligned to the right edge. Okay? Other group that they're within, if that makes sense. So both of these groups that are in here are lying to their right side of this, Okay. And in fact, I recommend you zoom in 100% far as you can go to make sure you haven't slid it, you know, have a slide it past that part. Because if you slide it past that part, your time is gonna be incorrect. Or you might even end up doing that and accidentally placing the clip right back out. So make sure that you have that align correctly. Okay? In this case, I have everything aligned correctly. So we've now gotten everything into one, you know, package where we should be able to in our next video ad, the transition. So I hope you're excited about that. You've completed this tutorial and you're ready for the next one which is adding the transitions for our circle supernova transition 4. Supernova Transitions: Adding The Transitions For Circles : Okay, everyone, we're now to the next part of the tutorial for the circle supernova. In this particular case, we're going to add the transitions. And this is the most important part that brings, you know, our motion graphic to the very next level. So let's go ahead and get started first. I'm going to delete this reference clip that we had in the previous video, and I'm gonna open up the original reference clip at the very start of the video, and I'm gonna copy both of these and place it ahead so they'll have a easy, quick way to reference the information so you can see that there's thes, you know, little greenish looking tabs on each of these clips. And these are our transition so we could see for our bottom clip or for our bottom group of eight circles. It has a duration of 20 milliseconds, and it's a ripple transition effects. So we're gonna go to our transitions in our transition toolbar, and we're gonna look for a ripple, and I'm gonna actually open this group up and then dragon a ripple effect and I'm gonna just it to 20 milliseconds, okay? And if we look at our end of our transition. It has a 29 milli second duration again for a ripple clip transition. So we're gonna bring that down to 29 milli seconds. Okay. And if we play this clip, you'll see that the effect has now changed now that we've added that particular transition . Okay, so now we're gonna add our transitions for the top group or the top group of eight circles within that group. Okay, so in this case, we can see that our ripple effect it's applied again for a duration of 20 milliseconds for the start. So we'll track that in. And I accidentally tracked that on both parts. I didn't want to do that, but that's OK. 20 milliseconds for that and then for the endpoint is 21 milliseconds for the end point. So, in this case, because I accidentally dragged on both already, I'm just gonna just the duration. You'll have to manually drag in the ripple unless you did the same thing that I did. So we have that set the 21 milliseconds. So let's play it again. You can see things look totally different now. So for the start looks a little bit better and for the endpoint has this amazing circled supernova look to it. Okay, all right, so we have that set now. There's really only one other transition that we need to apply, and that's the one that's on top of the parent group. So in this case, we can see there's a spiral apply for 11 milliseconds, and I like to think of this one as a optional. I think so. It's not something that you have to. It doesn't add a significant amount of difference in my opinion. But if you want to add it in, let's look for the spiral within the transitions and I'm trying to find it for some reason . My eyes, they're missing it. There you go. So we add in the spiral transition and we're going to set it to 11 milli seconds like that and then we'll play it from the start. So again, not a massive difference between not adding that in. It's totally up to you if you want to add that party and in fact I would say there's almost a significant amount of difference, but I would like to add it in. I think it makes just a tiny, tiny bit of a difference, but it's almost not noticeable. But you now have the transitions at it. Okay, so you've completed that part of the video training in the next video. We're just going to add our text, and that's pretty much all we have to do. After that, I may make another video showing you how to change the color, but we'll have to see. I think that's a pretty self explained explanatory situation, but maybe I'll still make a video on that. 5. Circle Supernova Adding The Text For Circles compressed: Okay, everyone, we're now going to go through the process of adding our text to this group or I'm sorry to our project, not to the group necessarily. So let's go ahead and take a look at our text animation. So if we go to this text animation that we have here the Super Nova or the circle supernova text, this is how it comes in. It's nothing special. Are we did in this case, is if you click on this little triangle here for the fix, we apply in a pop up effect. So all I'm going to do is go back to our group here, where the circles are it. And then I'm going to go to annotations, and then we're gonna ask him texting. So let's click on the car louts button here. This is one. Allow us to Assam, Tex, and I'm going to select. You know, it doesn't really matter which one Usually what? I'm gonna slick one of the text Carl outs. And you just like again any of these that you want, I'm just gonna select this one dragging into my workspace, and then I'm gonna look at the duration of this text animation. I can see that it's two seconds and five milliseconds. So I'm gonna just this downward to two seconds in five milliseconds, and then I'm going to change the fun type. So in order to change the font type, make sure you have it selected. Go to your properties for a text, and then we're going to change this. In this case, I'm going to make it maybe, uh, my favorite fun. Probably gonna make it later. Black. Let's see if we can find that in here. Okay? It's like that, and I will make it bold. And then I'm going to call the first part of this text circles. So I'm gonna double left quick in here, type of worry circle. And actually, I'm gonna make that all caps and then beneath that, I'm going to write the word supernova, okay? And then I'm gonna left click and drag over the words circle. Even though it doesn't look like I've done that. Trust me, it should be selected. At least I hope it is. And they were gonna adjust the size of that. And you see that it's now about the same with as the wear supernova. So have circle and supernova And then to scale this up as a group, I'm going to go to the visual properties in our properties panel and then I'm going to scale this up a bit to make it larger. And I don't like the height distance from a circle to the word supernova. So I'm going to go back to my text properties, and I'm gonna just the vertical spacing by dragging this slider he did to the left or to the right. So I think that looks good. If we go back to the original clip here, it has a bit more space, but I like it a little bit closer. So I've adjusted that if we play this clip with ah, the way it is right now, nothing actually happens. It's just the text there. So we need to go ahead and apply the pop up for okay. And this is just the behavior. So in order to apply that we need to go to our behaviors option in the toolbar, click on that. We're gonna look for the option, pop up left, click it and drag it on top of the text, and I know that I didn't change any of the properties for this. I just left it at the default. So if we play this back, you should have something that looks similar to our original clip or original transition here. Okay. So you can see there. It looks just identical to that. Okay. And that's pretty much it. That's how you create the circle supernova. Very simple. Very easy. And you can make whatever modifications you want to this. Maybe we'll do a video, uh, on changing the color. So, yeah, I'll show you how to change the colors in the next video, so stay tuned for that. And that will be the final video for this circle supernova. 6. Circle Supernova: Changing Circles Color For Background: Okay, everyone, we're not going to go over how to change the color for the circle supernova. So in this case, when I say change the color, I'm talking about the background color that makes up these circles. So in order to do that, we have to open the group, and then we have to open up one of the Intergroup. So in this case, we're going to open the bottom group by clicking on the plus Icahn, and I'm going to zoom me because the things that we're going to change here requires to be very precise. So in this case, we want to go to the very start of the clip, okay? And in this case, we want to select each of these clips so left click on the 1st 1 hold down the shift key and then left click on all their remaining circles within this first group here. Okay, so if we do that, the next thing will do is go to our properties panel and make sure that you're under the annotation properties and we could see this is our color here. So if you want to adjust our color, we can adjust the values using this panel here, and we can change it to whatever we want to. So I'm just gonna pick a random color. Doesn't really matter what color are choose. And then I'm going to copy the hex code, which is was the finding this color value self? We left click and drag over this. It's highlighted Blue hit Control C to copy. Or you could right click and hit copy as well, and the after you do that, let's move our timeline plea hit all the way towards the edge of the entrance custom animation and will know that we're on the and point of it because it shows the red circles on each of these entrance custom animations, and they were going to click back in our properties panel on the drop down menu for the feel. And always make sure this is set to solid so that it will create a solid shape color. And if we left looking here hit control V pasting the hex code that we copy enter, it should now change that. Now you'll notice that we can't see it because there's also a ah animation that is happening, you know, within this group that's on top of it. So this is just the bottom group, Okay? Now, if you want to change the color again at the end, you would do the same process. You would select all of these, and once you select all of them, you'll be able to update the colors. So I'm gonna slick all of these, and I'm holding down the shift key as I lift with going each of these and exit, Uh, as I click on these exit custom animations. In this particular case, if we look at our properties panel, we could see that it Sorry, set to blue. So what we need to do in this case is move ahead towards the end of the custom animation, you could see that it turns yellow again. So this is the point that it's back to yellow again rather than at the star point where still blue. So if we move towards that end point to where it turns red with the circle, click on this for the drop down field color and paste in that hex code again and now set to blue. Okay, so that's the process. Now, in this particular case, we can't see it through the whole process because that top group also needs its color change. So if we go in here, we go to the very start of that clip and weaken double left. Click on any of these circles that force the timeline. Play it to the start of the clip. We hold down the shift key, select all of these. It's like we did before. It's like all the clips. And then we go to our feel and the properties menu hit Control V that paste in that color that we copy before and then go towards the end of the clip for the entrance custom animation and paste in that color code again. And now if we play this, you can see that it keeps the same color throughout the whole clip. Okay, at least at the starting point. Now, at the end of this clip, we can see that if we move our play here to hit that are feel cooler stars that turned back towards green. So we need to change that at the end of the exit of that custom animation. So we paste in the color again. Now if we play this back Everything should look perfect. Okay, so it now stays blue throughout the whole transition. Okay, so that's how you alter the color for this particular well, for any custom animation, it's the same process. You change the colors at the different points that are required. So you're now finished creating this circle supernova custom transition. I hope you enjoyed this one. And I hope you're ready for working on the next custom transition or motion graphic animation. So stay tuned and watch the next video. 7. Sweeping Rectangle: Adding First 3 Rectangles: Hello, everyone. In this video, we're going to create a motion graphic transition that I call sweeping rectangle. So let's go ahead and begin. I'm gonna go ahead and first play it so that you can see what it looks like. Okay, so now that you've had a chance to see what it looks like, let's go ahead and go back to the starting point, and then we're going to zoom out, going to click 25% and I'm actually going to hit control minus on my keyboard to bring it down to additionally, 10%. Once you're at 10% you can see that there is a rectangle right above the campus area. And if you look here, you'll see that, you know, right beneath the rectangle is this canvas area. So what we basically want to do is you want to stack the rectangles right above the canvas area and basically have it sweep into the canvas area to cover it. So let me show you what I mean by dragging the play hit in the timeline. So notice how the rectangles began to come up from the top downwards sweeping over the main campus area and when and when I say May Campus area. I'm referring to the black space area that has this light green line like around it, but it's very dark black inside of the canvas area, so hopefully that makes sense, but nonetheless, just know the rectangle sweep into the campus area. So let's go ahead and move the the play it forward into a blank space in our timeline, and they were going to go to annotations and click on Shapes, in this case, already have shape selected and then look for a rectangle. And let's drag this rectal you want to our workspace. And by the way, this video's focuses on Lee going to be on adding the 1st 3 shapes in this case, the 1st 3 rectangles. We're not going to add all the rectangles for this particular video, but this video's only focused on adding shapes and gender. Okay, so we place our cursor over the first shape. In our reference clue, we'll see that the duration is four seconds in 14 milliseconds. If we click on it and we move our curse around to bring up that, uh, you know, indicator again, we'll see that the rate the duration was for four seconds in 14 milliseconds. So let's go ahead and adjust our our shape for our clip that we're building. So it's now sets of four seconds in 14 milliseconds, and then we're going to copy this clip that we just created or this Actually, we're not going to copy it. My apologies. Let's go ahead and adjust the shape in our canvas area, and we're going to place it right above the canvas area, like so in the justice size, my dragon on these selection handles and you want to have something like this, your canvas area. So when she has something that looks somewhat like what I have here, go ahead and select the clip in your timeline area. Hit control C the copy it in the chicken trophy, and then we're going to start working on our second shape. And if you place our cursor over the reference clip on the second track, we'll see that once again, the duration is four seconds in 14 milliseconds. The only difference is there is a slight shift in the shape where it stars a little bit later than the first shape. In terms of the timeline reference. So let's go towards the end of this clip and then zoom it. We want to make sure that there's two notches between the end of the clip that we have here and the one at the bottom. So let's move it for it. One that's 11 notch and then one more. Not so. Two notches, I should say, is a better way to say so. There's two notches that is moved forward. Let's go ahead and zoom out. The M s place are cursor over the third shape. In our reference clue, you'll see that it's four seconds in eight milliseconds. So let's go ahead with this shape selected hit control C Control V to paste it. And I'm actually going to drag this in repositioning, and I'm gonna make it four seconds in eight milliseconds, and they were going to drag it forward and make sure that there's a two notch space cat at the end. So if we zoom all the way in, you could press the plus key here to zoom. And by the way, I just use the shortcut and it's go one to this movie. It back because it's more than two notches, and now we have our shapes set up. Okay, I'm going to go ahead and soon back. And that's the first part of the tutorial, adding some of the rectangle shapes into our workspace. And you'll notice if we move back. Each of those rectangles are a stack exactly on top of each other. Okay, I hope you're excited for the next video, and I'll see you in the next video where we actually adjust the color. 8. Sweeping Rectangle: Adding color first 3 rectangles: OK in this video, we're going to start adjusting the color of these shapes. Let's first apply the orange color to this first shaped like in our reference clip. So if I click on our reference clip here and then we go to the annotation properties, make sure you have the annotation property selected here and then go to your field color. Make sure set to solid if you click in there. We're going to copy this by right clicking on it and select and copy and then go to our our clip that we working on on the first shape and then change the color, my pacing in the hex code that we copy. So right click and then select paste. Were you hit Control V. Next, let's select the shape again for the second track for the second clip, and then let's get the color for that, copy it and then paste for the last shape. It's already the correct color, so we don't need to adjust that. So now you've updated the colors. Let's go ahead and go to our next video, where we add the animations 9. Sweeping Rectangle: Adding Custom Animations : welcome to the next video, where I walk you through the process of adding the animations. So let's go ahead and take a look at our reference clip. And if we left, look on the first animation. We could see that it's 17 milliseconds in the end, 25 milliseconds for the second in 24 for the third. So let's go ahead and add our animations. I'm gonna left click and drag over these three rectangles and then go to animations. Insulate custom interacted over those three clips. So let's go ahead and drag each of these to the very start point of each of the clips. Someone left, Click and drag it to the start point must make this 1st 1 17 milliseconds. And then I believe this was supposed to be 25 milliseconds and then 24 milliseconds. If you must go ahead and add are additional three custom animations at the end. So let's move our play it forward, and then we're going to select all three of these rectangles again and then go to custom and drag it over the three rectangles. And then we're gonna check the settings for the animations for the endpoint. So let's go to the first custom animation. We can see that it's 17 milliseconds. Let's go to the 2nd 1 We can see that is 18 milliseconds. And then let's go to the 3rd 1 We can see that it's 19 milliseconds. Okay, now we need to check and see what the space gap is at the end. So let's go ahead and check that if we're on the edge of this bottom custom animation for the first clip. If we select the red tap here on the play hit and drag it towards the end, we can see that it's a duration of 21 milliseconds. If we hold down our left click a mouse button, it will reveal that information. So let's go ahead and set that distance for our first clip. So 21 milliseconds is the space cap. Let's check the second clue Space gap is 28 milliseconds, and I was checked the 3rd 1 It's one second in five milli seconds. Okay, now we need to check the settings for the actual you know, movement of the rectangles. Let's go ahead and check that. So what? That selecting the end point of the first custom animation. Let's go to our properties panel and we can see that it's scaled up to around 240% and there in the angle was changed by 45 degrees. So let's go ahead and do that. In this particular case, we may have to make some adjustments, so it may not be exact. In this case, I'm going to use 250% and I can see that that's way too massive. So I'm going to skill that now to maybe 200% and then changed the degree rotation by 45. And in this particular case, I'm going to select the rectangle by clicking on it. Once in the canvas area, hold down your shift key and pressed down your Iraqi once twice. Third time 4th 5th 6th 7th 8th until you cover the whole campus area. You don't want to see any black space in your canvas area. Okay, so for whatever reason, you need to shift it down. Go ahead and do that. If it doesn't line up exact for you, let's go ahead and do the same thing for our second rectangle at the edge of the cliff where the circle appears For this custom animation, let's go ahead and change it to 200%. Change the angle to 45. Select it once in our canvas area. I left looking on it. Hold down the shift key and pressed down your down arrow key until that covers the whole space for your campus area. Must be the same thing for this last clip selected in the canvas area. Hold down the shift key. Press down the arrow key until it covers the whole space. So I see what this looks like. So we got our first part here. Let's now look at the ending custom animations so we can see here that it goes back to 100% and there's no degree rotation. If we look in our canvas area, you can see that it sweeps back upward towards the top out of three. So let's go ahead and do that. It's actually already set to 100% so we don't need to do that if you copy three animations the same exact way in a setback to zero degrees. So if we play this, everything should already be set correctly. Okay, you've officially added the custom animations. Stay tuned for the next video where we add the text to our rectangles, okay? 10. Sweeping Rectangle: Text With Behavior: Okay, This is the next video where we're gonna add in the text for our rectangle. So let's go ahead and go to our annotations. Click on the Carl out text, and, uh, I'm sorry. Click on the Carl out text panel, and then we're going to select some text and dragon into our timeline, and they were going to scroll back a little bit here, and I probably should have picked a different color for the, um what do you call it? Nonetheless, I'm just going to go ahead at the texting. I'm going to go to the text properties, and I'm gonna change the text to maybe a great color or whatever color I could get to show up. You're going to change the front. We're gonna make it bold. And actually, I'm going to zoom back to fit so we can get a better visual on this design. Green is probably not the best color. Maybe we'll go with the light grade, okay. And we'll name this Rick and then delete that will call it tingle. And we're also going to gather a color from this shape. So let's go ahead and grab the color from that my copy it and then we're going to apply that color to the bottom and top of our tech. So who pasted in here? And then we're gonna also write in the word sweeping. Okay? And we're going again, pasting the color again that we copied. We're gonna increase the size of the Rick by highlighting it and increasing the size in doing the same thing for the word tangle. And I like things a little bit closer. Someone adjust the vertical spacing so select inside this rectangle. I'm sorry. Select inside this text box hit control A to select everything and adjust the vertical spacing to your liking. Then I'm going to go to the visual properties and scale it up a bit. And then lastly, we're gonna just the length of this clip so we can see here in our reference clip is two seconds in 26 milliseconds. Lastly, we need to apply a behavior so we can see we applied a pop up behavior. So go to behaviors in your toolbar and drag pop up over it and let's play the clip. I'm gonna just this culture tourists start here. So in this case, because the size of the rectangle I chose. It doesn't quite go off the screen as fast as I would like you to. So I'm going to adjust it backwards a little bit. Yeah, I would like it to end. More like there. Okay, so that works for me. You ready for the next video where we add the remaining two shapes? 11. Starter Class Assignment: Add Sliding Rectangles: Okay, in this video, I'm going to show you guys some things related to slotting in the rectangle from both sides of the screen. But this video is more of an assignment. I'm not going to actually walk you through the whole process, but I'm going to try to give you enough information where you can at least, you know, carry out the task on your own. So let's go ahead and get started. The first thing that you wanna do is considered a distance at which we're going to add the sliding into rectangles. Which if you go here, where these two rectangles, they start at 17 milliseconds. So you want to start the start of your animation. It make sure you have a space gap of 17 milliseconds like it shows here for the duration. And then the duration of both the rectangles that you're going to add are going to be two seconds as 17 milliseconds. So you'll want to go to annotations and then look, make sure you have style set to off so you can see all the objects. And you'll select two rectangles and put them in your, in your workspace so you drag it in and add in two rectangles. And once you do that, you can select the rectangles. Whichever one you want to select that the given time and make sure you have the annotation property selected. And you can adjust your color to whatever you want it to be. So place both of those rectangles directly on top of each other. Same duration. The next thing you want to take into account is the angle. And you can see that this rectangle is angled at probably like 45 degrees. And the one on the left side is also angle the same way, the one over here. And basically what these two rectangles are going to do, they're going to slide into the workspace. And you can see that as it slides in, it creates this trend glue like effect on both edges. And then at the end point, it slides back out. So the way that you would do that is you will add a behavior. And if you click in your properties here on behaviors, we're going to be using the sliding behavior. And if we look at the options here, you can see that it has sliding there. And if I select on the other one, you'll see that it has sliding there. So let's look at the properties here. If I select this bottom rectangle, you will see that if I go to properties for behaviors here, it has a in for sliding easy out ct to the right. So it was coming in from the right. So if we move this and the timeline, you can see that this rectangle slides in from the right. And it goes and position where this selection boxes that, that's indicating the final destination. So if I were to delete this sliding off, are there. You can see that it takes on the original position and where the rectangles it. So with nothing apply no behaviors. Where you position this rectangle is where its final destination is going to be. So if we go back here, drag the sliding mean, and we choose it from the right where we had the rectangle originally is going to be as final destination. Ok. So we move this from the start point and move forward. It slides in from the right into that original position. So hopefully that makes sense. So basically you'll repeat this process for the rectangle bits on the right and also for the one on the left. Now for the one on the left here, if we look at the end point, the starting point of the animation, it says direction left because it's coming in from the left side of the screen. Okay. And if we move our cursor for where I mean, our plea hit four, you see that it slides in from the left. If we go to the end or the out point, we changed this to out by clicking on there to see the out properties. You can see that as sliding easy in quaint from left. So it's going to, it's going to slide up from the left for the output. And you can see that the rectangle goes out towards the left as we move forward. Okay? So that is how you set everything up. You can adjust the properties however you want to. You shouldn't have anything going on during or in the middle point of this rectangular, there should be no animation's happening. So make sure that for both of these rectangles, for during CS, set this one to fading. That shouldn't be there, but set it to none. Okay, and that is pretty much everything that you need to do for this assignment. In with that being said, I hope you enjoyed this video. 12. End Class Assignment : Hello, everyone. Congratulations. You've made it to the end of the course for the class assignment. This is really important. I believe that in order for you to improve your skills and get better, you have to practice. And so because of that, I want you to create your own custom transition. It doesn't matter if it looks amazing or not. That really doesn't matter. The key goal is to get you practice so that eventually you can get it to a level that you're satisfied with, because at the end of the day, you're the one who needs to be happy with the quality of work that you produce. But I want you to know that you don't have to make something super complicated to make it look amazing. In fact, let me show you an example of a transition that only uses one object. But yet it looks pretty cool inside a camp station. So as you can see, that was a pretty cool transition. But there's only one element in the track, you know, for the first part. And then the second part is just a repeat of that transition. So very, very simple, you know, it's not a lot of complicated stuff going on in terms of, you know, the amount of things in the timeline. So you can be very simple with your transition. You don't have toe overwhelm yourselves. We're trying to make it look, you know, overly complicated. So I hope that you guys were inspired and you'll use some of the inspiration from the videos you watched in this course that come up with your own ideas and concepts and, you know, plan that out and make something pretty cool. And you need to share that with the community. You know, if you share that in the community on skill share and you post your video or project and I see it, I will personally look at your video, give you feedback on it and tell you what I think. Now, I'm gonna be honest with you, because I do. This were a living. You know, this is what I do to satisfy my clients. I produce high quality work, so I'm gonna have high expectations for you. But it doesn't have to be perfect. You know, I'm just going to give you honest reviewing feedback and tell you what things I think you could improve so that you can get better because at the end of the day, I want you to get better at producing high quality work inside a can't Asian when it comes to motion graphics and animations. And you know, in some cases I may not even have any feedback. I might be very impressed with what you produce, although it will be hard to impress me because I'm used to exceptional work. But know that you have someone who is going to be honest with you, even if it may hurt your feelings. I'll be honest with you so that you can get better because I wanted to get better regardless of how you feel. OK, so with that being said, Please, Please post, I would love to see you guys this work. And you know it would be honor for me to see and see if these courses are really helping you to truly understand, because if you can build your own custom transition, then I have accomplished my goal, which is not only teaching how to make an epic motion graphic, but getting you thinking like, How did you build that? Whatever the building blocks. How can I design and create my own approach? You know, I don't want you to have to follow my exact approach. Everyone has their own creative, you know, you know, aptitude or their process that they use to create something amazing. So if you guys enjoy this course, do that, that helps me tremendously, leave a review and, um, stay tuned because I do plan to make additional videos. I might even get into creating some object animations or character animations inside of believe it or not, can't Asian. But we would have to use some external resource is so that's one of the reasons I'm kind of holding back on that. I don't know exactly what day I'm going to do that, but I do have a plan to eventually get to it. But I also want to do some typography stuff, too. So if you guys air into interested in typography, animations, kinetic typography, that kind of stuff were any type of text animations? Definitely. Stay two, because I am going to definitely push as hard as I can to make those things happen. I just don't know the exact road map of when it's gonna happen or how it's gonna happen. But nonetheless, thank you for staying to listening to me at the end of the video. I appreciate all the students and I hope that this course will be even a better performer than our previous course, which is already doing so amazing. Please share this course. The more you share, the more likely I am to produce more content, share with anyone you know who is on a scale shared that we have an interest and improving their camped Asian motion graphics and animation skills. And if you do that and you help me to grow this thing, I'm going to put more hard work into it. I'm going to even use my professional mike right now. I'm using a lower quality might in my pro life because I have to justify using my higher quality Cute. And if I see that you guys are enjoying the content, I'm going to take more time and energy to set up the more complicated year and give you even better quality audio than what you have right now. So thanks again and stay tuned for future videos from Can't Asia Universe