Camtasia Studio 2019 and 2020: Create Epic Motion Graphics & Animations | Allen Smith | Skillshare

Playback Speed


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

Camtasia Studio 2019 and 2020: Create 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

6 Lessons (1h 40m)
    • 1. Camtasia Motion Graphics Course Introduction

      2:37
    • 2. Create a scene cut transition

      9:48
    • 3. Use behaviors and custom animations to transition scene

      21:46
    • 4. Use duplicate shapes to create complex whip spin transition

      21:44
    • 5. Learn how to hide and reveal text using shapes

      39:21
    • 6. End of Course & Class Assignment

      5:10
  • --
  • 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.

362

Students

1

Project

About This Class

Learn how to create epic motion graphics and animations in Camtasia that will keep your viewers engaged. Throughout this course you will learn how to create scene cut, hide and reveal text, use behaviors and custom animations to slide transition from one scene to another. Lastly you will learn how to use the process of duplication shapes to create a more complex whip spin transition.

RECOMMENDED SOFTWARE VERSION:

1. Camtasia 2019 or 2020

OTHER COURSES I AM TEACHING:

Freelance On Upwork: Importance Of The Interface Phase 1

Freelancing On Upwork: Secrets Learned From Closing Jobs & Analyzing Data Phase 2

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

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

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

Camtasia 2021 New Features To Unleash Productivity

Camtasia 2021 Superior Lower Thirds For Corporate Video Editing

WHO IS THE CLASS FOR?

This class is specifically made for those for all skill levels so even if you are just a beginner at motion graphics and animations this course will help you expand your skills and knowledge.

ABOUT ME:

I literally have used Camtasia Studio for well over a decade so my experience is of the highest quality. I have been solving problems for clients who use Camtasia including also provided one-on-one training so I really understand how to generate value from the program. You are truly learning from a Master who can teach you so much.

WHY STUDENTS SHOULD TAKE THIS CLASS?

You should take this class if you expect to make amazing motion graphics and animations in Camtaisa to a level that you never imagined was possible. If you are looking to increase your skills you can also benefit from practicing with this course.

WHAT WILL YOU GAIN FROM THIS COURSE:

You will gain insight into the delicate process of building motion graphics and animations from scratch without the use of a pre-built template. This will allow you to take on projects that require creativity and a well organized thought process.

WHY I CREATED THIS COURSE:

I created this course because I have a passion for teaching others about things that I am passionate about. I truly enjoy creating motion graphics and animations and I want to share that experience with others who are interested in this topic. The fact that I get to have a direct impact on the motion graphics and animation industry makes me very happy.

MAIN COURSE CATEGORY:

Animation

DO YOU HAVE QUESTIONS?

If you have questions about the Camtasia Studio please let me know. I have lots of experience not only using the existing features in Camtasia but I can also often find ways to solve difficult problems for features that are not built into the software. I would be glad to take on a challenge to solve your problems and expand your knowledge on how to use Camtasia for a variety of purposes. 

SUGGESTION:

If you have suggestions or ideas for future course you would like me to create please let me know. I would like to offer my students the best teaching experience possible and part of that is understanding what you would like to learn most.

Meet Your Teacher

Teacher Profile Image

Allen Smith

Motion Graphics & Animations

Teacher

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!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
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.

Transcripts

1. Camtasia Motion Graphics Course Introduction: Hello, everyone. Welcome to the Camp Station Universe course for creating epic motion graphics to keep your viewers engaged. First, let's take a look at one or two examples of the motion graphics that you're going to create in this course. We're going to create a lot more than just one or two, but I at least want you to see some examples of what you're getting yourselves into. So let's go ahead and take a look. - So now that you've seen some of the examples, let me give you a little bit of information about my background. For one, I've been using the software for about 11 or 12 years, so have a lot of experience with the software. In addition to that, I have real world experience, meaning that I've actually earned money, you know, for a lot of those years, working on different projects for clients of work with Fortune five. Hundreds of work with fast tech five hundreds and corporations, five thousands and so on. So have a lot of real world experience, and you're learning from someone who really knows what you know. A client expectations would be so I think that's really beneficial. You know that I bring those particular attributes to the table. Other than that, I think that covers most of the things that I would like you to know for now. Ah, you know, I think that you know, the fact that this is my first course. It may be some things that I need to change around when I make my next course, but I would love to get your feedback on this course and what you would like me to do differently. But either way, I do plan to make an additional course on motion. Graphics were camped Asia's. So if you do enjoy this course, you know, make sure that you stick around for when I complete my second course on motion graphics and whatever I decide to do in that particular course, it may be a little bit different than this one, you know, because I want to make it better and more interesting every time that I release a new course. So what? That may sit. I hope you're excited. And if you are, go ahead and get started on the training course for creating epic motion graphics for keeping your viewers engaged 2. Create a scene cut transition: Hello, everyone. Welcome to Camp Tasia universe, where we help you create epic motion graphics to keep your viewers engaged. So in this particular video, we're going to create what I call a scene cut, or I also sometimes refer to it as a snap could. But before we can begin, you need to find some video footage to use in this particular project so that we can demonstrate the snap cup or the scene cut. So I recommend that you go to pick Subait dot com and then when you get to pick sabei dot com, look on videos or you could actually scroll down. You could see some of the video clips, and you can click on the video clip that you want to use in the project. So if we wanted to use this video, we would left click on it, and then we would select free download, and we would pick the size of the footage that we want. In this particular case, I used 1920 by 10 80 uh, and I'm going to use that in the project now. This is not necessarily the video that I'm going to use, but I'm saying that the size of the footage is 10. 80 p, or 1920 by 10 80. So pick whatever video footage you want, just make sure that it is in alignment with the project size that you're using. So let's go ahead and go back to Camp Tasia and we're going to select annotations. We're going to go to shapes where the annotations and we're gonna use two rectangles in our project. So let's go ahead and add two rectangles. And actually, you know what? Let's at one for now, because we're going to just duplicate that rectangle to save some time. So let's go ahead and make this rectangle bigger like that. And actually, I'm going to zoom out by 25%. Make this a little bit bigger, and I'm going to rotate it so this somewhat on angle and I'm going to go to visual properties and scale it up a bit. Maybe about that, size should be sufficient, and I'm going to go ahead and copy this rectangle in my timeline by selecting it hit control. C impressed Control V and then I'm going to move it to the far right and I'm gonna try to center the rectangles somewhat towards the middle point. So maybe about here is sufficient. And the main thing you want to do is make sure that we have a blank white space here when those two rectangles come together. The next thing that we're going to do is we're gonna add the animation to these two wrecks angles to create our cinco or snap good. So let's go ahead and go toe animations and then click on Animations Tab, and we're going to select both of these rectangles and we're gonna add a custom animation. Let's go ahead and zoom in and we're gonna place both of these animations at the very start point of the timeline. So it 000 So move over the animations at the Star Point and we're going to make these animations about 005 So make sure you scale it down to 005 for the duration. And then I'm going to add a exponential in and out for both of these animations. By the way, this is optional. You don't have to add it, but I'd like to add that just they add a little bit of smoothness to the animation the next thing we're going to do its place. Our timeline play hit at 00 in select both with these. Actually, just select one of them for now. And once we select one of these, we're going to go ahead and press the left arrow key cause I can see in my canvas that I have the rectangle selected on the left side. So press your left arrow key until it moves all the way to the left side outside of the scene or outside of this middle square area for a campus. And they were going to select the one that's on the right in our timeline and make sure we had 00 for the timeline. Play it and push it all the way to the right until it's out of the scene. Let's go ahead and play this and see what it looks like so you can see that it snaps in to close the scene. The next thing we're gonna do is select both of these rectangles dragging the custom animation, and we're gonna make these both 005 and they don't gonna add a exponential in and out for both of these and then, lastly, with the play hit at the edge or at the endpoint of both of these animations, we're going to move the rectangles out again or opening the scene. So with the bottom rectangle selected, I can see that it's on the left side of my canvas. I'm going to press the left arrow key until it's out of the scene, and then we're going to do the same thing for the one on the right. Select it. Make sure you at the end point, press the right arrow key until it's out of the scene. Let's go ahead and play this back. You can see that it's fairly snappy, but I want to bring the space gap between the opening and closing 2007 So I'll create a space gap here, or a measurement by dragging the right rid, uh, part of the timeline. Play it 2007 You can see the durations listen. 000007 and then I'm going to bring both of these animations for for the opening tow line up with that distance. Let's go ahead and play it now, and it's pretty snappy. I like that so I'm going to stick with it and I'm going to bring the duration of these clips down because they're way too long. So let's go ahead and do that because it's just a scene cut. So it's very quick. It doesn't need to be quite that long. Let's go ahead and zoom in a bit and we're gonna go ahead and bring these two clips up like that and we're going to add in the video footage now. So let's go to our video footage and I'm inside of my source voter. So I'm gonna go ahead and add in my video clips, and we're gonna go ahead and make each of these video clips smaller because we don't need them to be very long. This is just for demonstration purposes, to show that you could seem cut from one video to another, so I'll make those somewhat smaller. It doesn't really matter what the sizes. We just wanted to be somewhat smaller, so now that we've got something there, let's go ahead and move this scene. Cut if further ahead, and I'm going to move all of these clips backwards and let's go ahead and play the video footage so you can see that are seeing Could happens here. It's closed at the close point. This is where we want. Oh, you know, add in our other footage. So we want the video toe. Actually, I'm gonna move this coffee scene here because it will be more noticeable if I do that. If we zoom in here, we can see that the scene is closed. But when it was opened, it was showing a different piece of footage. But once it closes and reopens, it shows the coffee footage. So let's go ahead and copy this scene. Cut. Copy both of those clips, and we're gonna add it again at another point in the video. So when a scene is closing its on the coffee footage, but when it opens, it opens to a different clip. So let's go ahead and play this and actually, I'm going to go full screen so that you could see this effect a little bit more effectively and we're gonna set this to fit, and we're going to go to full screen. So let's go ahead and play this from the beginning. As you can see, it snaps to a different scene so it's almost seamless now. One thing I would recommend that we do is actually make the clip a bit shorter when it when it goes to the closing part, is it's still there a little bit too long for my liking. So I recommend that maybe we make it a bit smaller, but that's totally up to you. Start something that you have to do, but maybe we should make it more like 03 But again, it's totally up to you for that preference. But I want to see what it looks like if we make it that smaller, and I'm gonna move my clipping a bit closer so that we can have that seen snapped there. So, yeah, I like it at 003 a little bit. But you could make adjustments if you want to you, But you can see that as it goes from one clip to another will go back to full screen. You can see that it snaps to the next scene, so you've created your seeing could. Now I hope you guys enjoy this video and it was helpful and showing how to create something that's pretty epic to keep your viewers engaged 3. Use behaviors and custom animations to transition scene: how everyone Welcome to Camp Tasia Universe, where we create epic motion graphics to keep your viewers engaged in this video. We're going to create the fluid X transition. So let's go ahead and take a look at what that looks like. Okay, so that's the epic motion graphic that we're going to create in this tutorial. The first thing I want to do is I'm going to copy the in True, and I'm going to paste it here, and this is gonna be our reference. So I'm gonna own group that and now we can see what this is composed, though, so we see that we have the text box were fluid X transition, and then inside of that, we have a shape for the background. In this case is a triangle. So let's go ahead and try to recreate this particular animation. The first thing that we're going to do is a course create our triangle. And I apologize if you can hear some background noise. There's some kids around there yelling really loud. So my apologies for that, But I'm going to try to do my best to keep your focus on this tutorial. Let's go ahead and go to annotations, and I'm going to drag in the strangle and I'm going to scroll ahead, and we're gonna actually make this triangle a lot larger. So let's go ahead and do that. And we're also going to get the color data from the original reference quips. So if we open up this group, select the triangle, go to the annotation properties in the in, select the color drop down menu and copy the hex code for that color. We can hit control C to do that or we can right click hit control C I'm sorry or right click and then left. Click on the word copy here to copy it. So I've copied that. I'm going to select the shape here for the triangle and clicking the drop down menu and paste in that color coat Hit the enter key. And now if we scroll a hit will see that the triangle is now the same color. Now, if we scroll back here, we can't see that triangle, actually. And that's because we have this ripple Affleck effect Apply for 11 2nd and 15 for the duration. So I'm gonna go ahead and delete this ripple because we want to actually be able to see that triangle. So now we can see that there's no, you know, wavy effect apply to this object, and I'm actually gonna zoom out a bit, so let's go to 25% and that's not quite enough. So let's go ahead, Hit control minus so that we can go out a bit further and see exactly what we're dealing with you so you can see that we have a triangle, that it slides up and moves to the left. Now, in this particular case, it doesn't really matter if the triangle slides up into the left. That's not as important. The most important thing is just that we cover, you know, before canvas area with the triangle. So don't worry so much about the exact movement of the triangle. OK, so what I'm gonna do in this case is I'm gonna open this group up and I'm going to zoom in a bit and I'm gonna click and hold on the edge of this animation. We can see that it 000 16 for the duration. So I'm going to go ahead in, go to our shape here and I'm gonna add the animation for that exact duration. As we can see that it's one second. Let's bring it down to 00 16. So let's go ahead. And now position the star point of this triangle. So you have to go to the star point of this custom animation and we're gonna position it about right there. And we're gonna look at the original clip here to see you know how how large it is. And we can see that. But a zoomed out it actually grows bigger as it moves up. So we want to make it larger. And we want a position, You know, the edges of the triangle somewhat with the corner of this rectangle box. But we have a general idea of how large it is. The corner kind of lines up with the play head here on this part, that play play head bar, and then it kind of lines up with the time information or data here. So we're going to try to make a triangle somewhat about that size once it hits that point. But we also know that the triangle is somewhat larger here as well. So we look at the starting point of the triangle, you can see that it's fairly large when it gets to that point. So what we want to do here, Do you want to make sure that ours is also fairly large once it reaches that point? And I probably could scale it up a bit, So let's go ahead and go to the skill visual properties to scale it. We're gonna make it probably wider if we can do so. And I'm actually going to use the selection hand tool here so I can position myself better , and it looks like it doesn't like me doing that, so I can't really resize it exactly how I want to you. But we have a general, uh, size right here. Okay, so the next thing that we're going to do is we're going to, you know, make this trend will move up and over to the left, and again, it doesn't matter so much about how this is done. The main thing that we want to do here is you want to make sure that when it does go here that the the edges of the triangle are aligned with the ah, with this rectangle here. So let's go ahead and scale that up a bit. And hopefully it's gonna let me have some controls, a bit more over how this is going to be done, because it's kind of giving me a little bit of a problem, and I'm not sure exactly why. So I'm trying Teoh work with this the best way that I can. Let's see if I zoom in at 25%. If it's going to give me that problem anymore, that's try pulling out this way. Okay, so for whatever reason, today the program doesn't want to behave with me very well. So we're going to actually make this smaller and make it wider, and then we're going to scale it up. So I guess this is good. This is good that we're seeing this stuff happen because, you know, I wasn't expecting this. I guess it kind of limits the boundary of for how far you could go with moving the element . But what I'm going to do in this case is I'm just going to scale it down, and then I'm going to bring the scale up in terms of ah, the size. Okay, so that gives me somewhat close to what I was looking for, and hopefully we got something pretty nice here. So it stars off and then it comes up, which is fine. It can come in like that. That's not a huge deal. And then it goes to the center point here and let's see if we have something similar. So we have something that's pretty close. It's not exact. Actually, the strangles a little bit too big appeared to the original one, so we'll make that smaller, and we have something that looks pretty close to what we have here. Now again, it doesn't slide in the exact same way, but that's not as important. What's most important is just that it covers the full rectangle. Okay, so let's go ahead and go back here and let's take a look at the next component that we need to apply, which is the, uh, ripple effect. So I'm going to look at one of the ones from here because the one that I had here, I had hit undo too many times so I can see that the duration is about 24 seconds for their and then actually what I'm going to do here is I'm gonna open this up and take a look at this one, and I can see that it's set to one 15. So this is the original one that we were working with. So we're going to set it to that one. So let's go to Transitions and then go to Ripple, and we're going to set it to 1 15 And my apologies. My son is here. I'm a stay at home dad. So, uh, sometimes he tries to talk during my training sessions, but I'm pretty sure you guys can hear me clearly will. So I'm going to go ahead and I'm going to play this clip. And actually, that should shouldn't be on there. It should actually be on this one. So my apologies. They're going to drag it over here, set it to 1 15 and then let's play from this clip so you can see that it gives us the effect that we're looking for. If we play it from here, you can see that it gives me the correct effect. And so the next thing that we want to do is create the endpoint. So we opened up this group you'll see that we have animation for the endpoint. And let's see how long this is 00 16 Uh, long. So that's how long we want ours to be. Okay, so what we're gonna do in this case is we're gonna go to the animations and we're gonna apply a 00 16 duration for this animation at the end point. And if we go back here and we look at this, we'll see that the animation actually slides downward. Okay, So what we're gonna do is we're going to do the exact same thing. We're gonna make it slide downward. So if we go here towards the end of this animation with its selected and press the down arrow key, gonna position it about their and then we're going to take a look at the ripple effect for the endpoint. In this case, we could see that the endpoint is 000 18 for the transition to go out. So let's go to ripple for the animation. I'm sorry for the transition. We'll apply that to the end. So let's go ahead and set this 200 18. It will move this forward a bit and Let's take a look at what this looks like. So, yes, you can see it now slides correctly. Now we want to get an exact measurement. So let's go ahead and go and see how far away this animation is towards the end. So if we zoom in a bit and we go back, we could see that it 007 seconds Space gap at the end. And if you're wondering how I'm zooming in and out, you just plus the plus and minus buttons here. Or you can use the shortcut key that I'm using, which is controlled shift minus or control shift Plus. So I'm going to go and zoom in on this, my pressing control shift plus. And then I'm going to check the space here. 008 is fairly close. I just need to move it up. Had just one point. We get the exact scene animation. I do want to point out that is very important, that your triangle size is very similar to the one here. If you're triangle, size is not very similar in terms of the size and in the within the height, the animation may not go exactly down the center point when it goes to its end point, like right here. So it's very important that you try to get that as close as possible because any, you know, small deviation could result in some inaccuracies. But you'll get fairly close, you know, if you get it generally like this, but you want it to be as close as possible to the size of this rectangle. When it slides out Now for the entrance, that doesn't matter as much about the size. But for the exit point, it does matter a bit more, so we pretty much built most of this animation. Now, the last thing that we need to do is create this text here. So let's see how long this text box last It lasts for three seconds. Cereal three. So three seconds and 03 So let's go ahead and go to annotations. And they were going to go to call outs and we're going to select some text to put in our workspace. I'm gonna left click and drag this text right above there and then I'm actually gonna move my timeline, play here to hit, and we're gonna make this, you know, a duration of 303 Okay, it's close enough. It's not exactly. Actually, you know what I want to get things precise is I want to be very precise in how I show you guys how to create this. We see that we have a glow transition here, and the duration is 0000 14. So let's go to transitions, and we're gonna look for a glow. So we looked through our list here for glow. We'll track that on there. And actually, I know that there is a glow in the end, so I'm gonna put it on both of those. It looks like both of those are set to 00 14. So I'll apply the same spacey or timing. And then let's find out how far this clip goes ahead. So it's looks it is about 00 10 for the duration. So let's go ahead and zoom out. And actually, I'm going to sell me in a bit more, and I'm gonna make sure that I placed this exactly at 00 10. So placing about there and let's see if we've got most of this transition together, let's take a look at it Okay, so that looks good. And it looks like the duration isn't exactly how long it needs to be. So I'm gonna check this again. No, it looks like it's correct for that. So it looks like this clip maybe too long. That's five seconds. This says 3 17 So it looks like my actual clip here needs to be shorter. So let's go ahead and make the shape show up lesser on the screen. It's not, shouldn't be Oppa's long It should only be 3 17 So we'll break that down in 3 17 And we know that this should be 07 So that's still the same duration. So I got a space gap here of 0007 and if I place my cursor over the shape, we know that the duration is 3 17 so it should be a lot closer to what it supposed to be in the first place. So I'm gonna go ahead and zoom in to fit so that we can see this up a bit closer. So we got our text there, then it fades up. But we're missing one thing. We need to add the behavior. So let's go ahead and add the behavior. If we click on the triangle here to see the effects we see, we have a sliding effect and then we see all the attributes that are applied. Let's go ahead and go to behaviors, and we're gonna add the sliding behavior to that text. And then we're going to apply the same attributes. Sophie click here. We see that we have text Ripple in and it's a spring. So let's go here. And then we're gonna have text ripple in, and then we're going to set it to spring and top. So a scope spring they were going to set it to top and then for our attention and offset. Let's see if we have those variables set the same 17 and then 005 So I set this to seven point 10 in the offset is set to 005 for the during. Let's see if we have any elements. Were the during nothing for during We do have something for out, so let's first go ahead and disable the during because we don't want anything animate during the text display and then for the out, we'll see what we have the variable sets for where the out it's set to text. Ripple out. He's in Quint, So let's go. Text ripple out. He's in Quint. I believe that was already set correctly, easy and quick bottle with 83%. So we go to out for bottom 83% and I believe the offset is already set correctly for the out. So let's go ahead and check that out. Yeah, 005 So basically what this is saying if you don't understand this when the text first appears, these are the attributes apply for it when it first appears, just got a text rippling and with the spring movement from the top of the screen. With the tension of 7.10 and offset a 005 And the stylists were sliding. That's what it's gonna do. It's on a sliding with a text ripple effect. The during this is like the actual displaying of the text. Once it first enters the screen and it passes. The entrance part is stays on screen, and during that duration of which it stays, nothing actually happens. It's just a generic texting, but for the out point, when it exits the screen is gonna apply these activities for sliding ripple out effect easy and quick from the bottom with a speed of 83% in the offset of 005 So hopefully that makes sense. Let's go ahead and take a look at what that looks like so you can see that it fades in and then it goes out. Now the only other problem we have is our Texas too small. So let's take a look at this text here for fluid X transition. If we click on the text properties and we select the same fine, we can see that we have Babe us. Ah, If you don't have that fun, don't worry. You don't have to use it. We have it set to 3 50 You can use whatever front that you want to use. Just make sure that it's somewhat large. In this case. I'm going to set this to 3 50 and I'm going to set it to the same front. Davis, I'm not sure if I'm pronouncing that correctly, but we're going to use that fought nonetheless. So if we scroll up and we look for a babe us wherever set. So here's somewhere There's babies and we're gonna type in the text fluid the X and we're gonna make this one larger. And I'm actually gonna make this text box wider by holding down the control key and dragging to the right. It's giving more space. And I'm gonna make this let her ex a bit bigger. We will make it like 3 50 maybe, or something like that, and will make this about 2 50 maybe And then for the text below that I'll hit the enter key tight transition. And then actually, I'm going to make this whole text box bigger. So make the whole text box bigger so that we can fit all this information. And as you can see, things are a bit too close. So I'm going to look at the other text properties that have been applied. We could see that the vertical spacing is set to 008 So let's see if I said it to the same thing. It's not so 008 Actually, it didn't apply it the way I wanted it to. So we're gonna type in 0.8 and it looks like it doesn't like what I'm doing. So we're gonna manually change this. So just scroll this bar to you, get the 0.8 like that for the vertical spacing, and then we're getting a bit closer to what we were looking forward. Not quite as the transition. Texas. Too large. So we're gonna make this smaller. It will scale it down like that, and then we'll make the fluid X larger. We'll go for 300 and it looks like it needs to be bigger than that. We'll make it 3 25 and then the letter x a b a bit bigger. So we'll make it 3 50 Make that 3 50 It's not letting me do so, so that means tryto make the fluid ex a bit smaller. Maybe. Actually, let me make that sex fluid bigger, Which is odd. Okay, so we'll make this all 3 50 if it will let me. Okay, So whatever reason, I'm having some technical difficulties and making that bigger. So what? We'll do in this case, this will Ah, we'll make the aware fluid a bit smaller. Well, maybe make you, uh, maybe make it 300 but yeah, it's not exact. So my apologies on that. I'm not sure why The program is not letting me extend the text to be bigger, but for whatever reason, it doesn't want to allow me. Teoh, make those adjustments. So I'm going to have to live it leave, leave it the way it is and live with it, how it has it right now, because it will allow me to make those adjustments. But we can make this text transition bigger. So it looks. It looks pretty close to what I have here. It's not exact, but it's pretty close, and I think I can live with that. It's close enough. So this is the general design. If we play through it now, you'll see the text lies in like that, and then it drops off. So you've now created this full of X transition, even though he had a little bit of a technical difficulty. I can't really explain why I can't make that letter X a little bit bigger, but you now know how to create that. Okay, so I hope you guys enjoyed this course. If you did, don't forget to stay tuned for the next epic motion graphic transition that you'll be creating in this course. 4. Use duplicate shapes to create complex whip spin transition: how everyone Welcome to the camp Station universe, where we help you create epic motion graphics that keeps your viewers engaged. Let's take a look at the heaven transition that we're going to create in this tutorial. Okay, so that's what we're going to create in this tutorial. Let's go ahead and get started. Let's look at the in reference clip here, and we're gonna double left. Click on the group here to start the starting point, and you'll notice that in our canvas area that we have this long line. And this represents actually some shapes that we have with inside this group that are set to 1%. So if we open up, this group will see that we have a series of circles here is actually a total of seven circles in here. So that's going to be our baseline for creating this animation or motion graphic. And if we scroll ahead, you'll see that you know, it has a serious of circles in here, but it's kind of blurred out because we have a transition of quiet on top. In this case, we have the whips being transition of quiet for a 00 23 So let's go ahead and actually remove this Whip span transition and you'll see that it reveals that there's a Siris of seven circles here. So let's go ahead and recreate that. I'm gonna actually hit, undo to reapply that whips being transition back, and I'm going to zoom out of my workspace now, You could do that by clicking on the minus key here. I'm going to try to avoid explaining everything. Since you guys have watched a few of the tutorials Now in this particular course, so I'm gonna try to speed things up a little bit. Let's go ahead and go to annotations and then go under shapes and we're gonna add our first circle and I'm going to zoom in and I'm doing a double left click on this circle so we can go to the starting point and we're going to place the circle here and we're going to create a total of seven circles. So I'm gonna control. See, I'm gonna press control, see to copy this and show V to paste it, and we're going to create a series of seven circles. So that's our 2nd 1 Control C Control Vita copy again and paste Hit Control C Control V Copy and paste again. Control C Control Vita Pop Copy and paste again Control C Control V copy paste Again. We have six circles here so far, we need one more control C Control V and we have our seventh circle here. Okay? And we got somewhat of equal spacing. It's not perfect. It's not so important for the perfection in this particular tutorial. You can do that on your own personal time to get it exactly how you want it. I just want something that's somewhat close to the original clip, so you can know how to create it. So now we have all those seven circles there. The next thing that we want to do is liquid and drag and select all these circles. And if we do that, it will slit all the circles. Alternatively, you can hold down the shift key and left click on each of these circles in the canvas area , and it will select all of them. And then we're gonna go ahead and scale this down toe 1% so that you can't see it anymore because that's the starting position. And then if we go back to this group and expand it. We can see that we have some animations apply for custom animation. The 1st 1 is 00 Tony, this one is 00 23. And you know you can see the different animations here, so they each increased by increments of 003 So let's go ahead and add some animations. So we go to more animations and we act custom and let me go ahead and verify the first starting 0.0 20. So we set this 100 Tony, we add the next one said it. 00 23. The next one said it. 00 26. And the next one we set that one too. Serial 0 29 then 102 And then we set the next 1 to 105 and then the last one is actually not going to increase by. A committee of 003 is only going to increase by 002 So will apply a, uh, time frame of 107 Okay, so we have all of those applied now, and we're gonna left with in drag the honest look. All these clips hit control G to group them. And I'm actually gonna open this group up again, and we're going to now work on making these circles of certain size. So we go inside this first group and we don't left with going. We can see that in our properties is set to 470% at the end of this endpoint. So we'll set this one too 470%. And if we open this group up again, we'll see that we have the 2nd 1 set to 425%. So go here. Double quick on that. Set it to 425%. And then if we go inside here, we're going to set this one a 4 50 I believe the rest of these air set to 4 50 So we're going to automatically do that. Said that the 4 50 set this 1 to 4 50 this one before 50. Now we could hold down the shift key. It's like multiple selection. So if I wanted to, I could do this and apply for 50 to the end of those, and you'll see that both of those in point. Circles kind of expanded to grow big to indicate that I updated them. And if I click on this one, you see, it's 4 50 Click on that one that score 50. So both of those are set to the scene level. So we now have got that set up. And when we go for you can see that the circles get bigger. Okay, The next thing that we're going to do is we're going to apply the whips being animation or a transition, and that set the 00 23. So let's go to Transitions and let's look for the whip spin. And we're gonna make that 00 23. So let's go ahead and play that you can see that applies our first component here. So we made the first part, her animation. Okay, so the next thing that we're going to do is we're gonna double left click to go back to the starting point. We're gonna hit control C and to copy this group in the in control V to paste it. And we're gonna place that copy that we have here at the top more tourist center. So will move. It down here to about the center point. Does it have to be exact? And then we'll hit control C to copy that one hit control V paste another copy and use our Iraqis that press down again. So we get somewhere closer, tourist the bottom of the screen. And then if we play it now, you see that we have something that's a bit closer to. But it was before what it should be now. In this particular case, we do need to adjust the timings where the whips being the 1st 1 is set to 00 23. So let's make that smaller. Well, actually, it was set correctly. It's just stay at 00 23. It's in the zone, men, because it's not letting me get the exact timing. There we go. The next one should be 00 26 I believe the last one with 00 29. So we'll set all those and let's see what it looks like now. So now that we adjust the timing, it looks a lot closer to the original clip. As you can see there, spending a lot closer to what we what we have there. Let's now go ahead and inspect the second group and we'll look at the timings on that so you could see that 00 Tony, there's 23. So all the time these are still the same in this one. But there is one big difference in this particular quit We do apply the reveal sequence. So you click on reveal. We see that we have a reveal easy out court to the left. So for the second group, you want to go ahead and at a reveal so we'll go to animations. I'm sorry Ah, behaviors and we'll drag you reveal on this one and we'll check the percentages that make sure everything stays the same. So click here. We see that we have reveal easy out court, 88% easy out court left 88%. So everything is set the same there. Let's check the out settings where the out is shrink easy out back. So we go out, go the shrink you see out back at 92%. We just want to be sure that that's correct. Without is set to 92%. So we now have everything set correctly there. Okay, So in this case, we're gonna actually copy the selected effect. So we'll copy that, and we'll close this down and then we're going to attempt to paste this effect, you know, into each of these so that we don't have to manually do it. So you'll see here that everything is the exact saying for the studies. If you look at the properties panel, it's all the same for the in and out. So instead of having to manually, you know, do this, we can We can paste the effect. Now, let's see what we can do this to multiple cliffs. This is the first time I'm doing this, actually, and this to train in this training tutorial. So, yes, it looks like we can apply this to multiple clips so we don't have to do this manually, and it will save us a lot of time in this tutorial. So I'm gonna left click and hold down the shift key while selecting the rest of these clips , and then I'm going to apply the the particular effect that we copy. And I'm actually going to do that too. The third group that we have at the top here as well. So let's expand this group. We're going to select all these clips by holding down the shift key and left clicking on each one so that we can save a lot of time in this tutorial. And I'm sorry I accidentally turned on my sticky keys right click, and we'll apply those effects. So now you have applied that. Let's take a look at what it looks like now. Should be a lot closer. So what? We originally what I wanted it to be? It looks like I have the during set on. So there is one thing that I do need to adjust. There's not supposed to be anything happening during, so let's get rid of that. Let's turn off the during. Oh, I didn't mean it completely. Delete that. Let's go here and we're going to turn off during set it to none, because in the original clip, there shouldn't be anything during. So let's go here and check. Not sure why it copied the middle effect when it shouldn't have. Yeah, there's nothing that happens during, so let's go back and hope that it will allow me that pace this effect without having anything set for during. Okay, so let's see if we can, uh, pace that effect by the leading it here and the in selecting pace, the fix. And then we're gonna check the the animations to see if everything set correctly. So for whatever reason, it is forcing me to have a during which I do not want. But unfortunately, that is the situation. So I'm going to go ahead and hopefully be able to select multiple clips and turn this off all at once because I do not want to have to do this manually in this tutorial. So I'm left looking and selecting all of those. We're going to set the during to none and cross our fingers and hope that it will allow me to do that so that I could save a lot of time. So for the during its still set to that. Okay, let's undo that. Supposedly set during your gonna try it one more time. If I'm not able to do that, we're going to have to manually do this. Unfortunately, it doesn't let me do what I want to. I said it's a during said it to nine, and it should keep the other variables the same. Okay, so there you go. I've said it to none We're during for all of these clips. Now, just make sure that you select the middle one here so that it does that, But now it's set correctly. Let's go ahead and open this group. We're going to do the same thing. We're gonna select obvious clips. I keep selecting the marker by accident. So my apologies, but hold down the shift key and select all of these. And then we're going to select the behaviours properties, select during if where the style said it to none. And then for the in and out, she still have something. So Okay, now we shouldn't have that weird looking issue anymore where it show some fading during. Yeah, very go. So now it's fixed. So that's taken care of. We got that. Look how we want it to look. The last thing we need to do is let me go ahead and turn off this marker so that it doesn't confuse you guys. That was an accident. So last thing we need to do is supply. The radio blurred the end and the Syria's air six Syria 05 004 So let's go ahead and go to Transitions, and we're gonna apply a radio blur. And actually, I'm gonna left click and select all these clips and track in radio blurt the and make sure it's on the far right Because we do not want to apply this to the star point because we have a whip spin there, and then we're gonna We're gonna bring this in, like, zero, I think. 06 05 and then 04 Okay, so we got that. Must go ahead and play this. Quit. We're gonna see what looks like once we get the other part. Okay, so there we go. We got that set. That's how you want that. All right. And then the last thing we're going to do is add the text. So in this case, we have some text cough really edible inside, So we're going to go toe annotations, go to our call outs. We're gonna add in the text. Actually, I think the duration of this clip is a lot shorter is only 2 20 So for each of these clips , there, only 2 20 seconds long. So we need to actually reduce the length of bees. So we're gonna let quick and track us like all of those. And then we're going to drag him backwards until we get it down to a duration of to 20. So bring that down like this, and you can see there. If you look at my duration pop up screen there at the bottom, it says 2 20 So let's go ahead and now resize this to be smaller. And I see how long this text Klytus is 204 for the duration. So let's scale this down the two of four and move it about here. And then for our pop up information is set the hinge. So let's go to behaviors pop up and want to set it to hinges. Hinge left to right of the right spring and bottom springing bottom at five. Set to five in serial five. Okay. And let's see if there's anything during for this one. I don't think there is double check that further during. There isn't anything in for the out. Its own hinge left there, right? INGE left the right spring bottom. Oh, actually, let me check that in your hinge. Left the right easy and court. Okay, so let's take this one more time for the out. This text left the right easy and court bottom music in court. I out easy in court bottom 89%. Is there a 05? 89%. Okay, so everything is set to the same one. That out for that? So let's go ahead and see what this looks like. So obviously the Texas too small. So we're gonna go to our properties text icon here and make this a lot bigger, But I'm also going to change it to obey bus fun, and we'll make it maybe, like, 200 and we'll type in fully creditable inside. And I don't like how close this Texas together, so we're gonna make the space gap bigger. So if we scroll down here, we can change the vertical spacing, too. Uh, something more reasonable, like maybe 07 We'll make this taller like that, and that looks a little bit better. So let's see what that looks like now. So that looks a lot closer to the original clip or reference footage you can see there. Okay, so we got that settled. The next thing that we're going to do is we're going to go back here and we're going to, uh, look at the remaining text we have here, which is camped Asia text. And it has a reveal the animation. So let's goto annotations. We'll ask him texts here. I'm gonna make it smaller. I think this again is set to two of four. So I'm gonna set it to 204 roughly, and we'll go ahead in our timeline so we can see that text. We'll call it Camp Tasia. We're gonna set that font to babe us again. Don't keep everything consistent and will make the size bigger. And I see what this looks like. So it looks like textually edible in size on a different text line. So we'll move that up. Go This here and they will create will add a reveal. So we go to behaviors at a reveal and then we'll look at the intro properties revealed text right to left. Reveal text Right to left. Easy out court. You see? Out court left. So that appears that be the same Easy court Out left 88% in 005 So this needs to go to 93% 00 If I okay, so we'll set this to LOS. It shows it 93%. Syria 05 And for the during I don't think there's anything during. So let's just verify that before I before we know nothing for doing and then for out we have some shrink. So we go here without well, said it to shrink. And for the during there shouldn't be anything. So we'll set it to nine. Left the right, shrink out back for the out shrink left, right out back. 92%. Okay, so everything appears to be set correctly for that. So let's take a look at it. So I got that. And then, boom, that's that's That's the sign out part boom. I think we've got it all together now. So that's roughly the scene, uh, technique that I apply in this original reference clip. And as you can see, it looks pretty close to the same thing. It's not 100% exact, but it's pretty darn close to the point where you guys could get the same effect. Now you can make adjustments if you want to. Teoh, you know, make it look more closer to that, but I think it's pretty close and pretty accurate. This actually is in addition to be having transition tutorial. There's one little thing that I want to show you that I didn't actually point out. And that's this. If you look at the original transition, there's kind of a blip here at the end. Were like It's kind of like the sun is shining like you see the little super big bubble here in order to get that part of the effect which I didn't show you is you need to go to the third group and go to believe it's the third line. Let me double check that. Yeah, the third, the third circle in the 30 group and we're gonna turn off this reveal. So if you want to have that little blip at the end, you can have that there and you can see that it now appears It's kind of like a blip in there so you can get that effect by, um, turning off that that review in the third group on the third circle. Okay, so hopefully that helps. And, uh, my apologies for not including that little small snippet in there 5. Learn how to hide and reveal text using shapes: how everyone in this particular video I'm going to show you how to create the razor reveal animation. So let's go ahead and take a look at what that looks like. Okay, let's go ahead and get started to build this razor reveal animation. The first thing I'm going to do is expand this group so that we can see all the objects that are in there. You can see on the first layer we have the background, which is this object. We have the second text, which is the Texas on a reveal. Secondly, in the animation we have the object that's going to hide over the first animation, or in this case, it kind of seemed, relates that idea. But if you look in our canvas area up here as I move forward, you know highs. The previous text. We go with starting point and we move forward. You'll see that it reveals the first text what you'll see here. This is our first revealed text, and I named it First Review. We have the razor line, which again, as we move forward, it reveals the text, and then eventually it moves back to the left to hide the text and then right above that we have the shape. Ah, that kind of covers over the text until it's review. So that's what this first revealed text one is is. Therefore, it's just the reveal the text and you'll see that it has that object highlighted in our canvas area. But don't worry. If you don't understand all those things, that doesn't really matter. I'm going to help you recreate this from the ground up. So let's go ahead and first create this background replaced our cursor over it. We can see that the background is a total of five seconds in terms of duration, and I'm gonna hover back over just to reveal that so and if you look at our canvas, you can see that we have the selection handles that indicate where this background is it and what space it covers. So let's go ahead and go to annotations in our toolbar. Then we'll click on shapes. If you don't have that already selected, click on it and then make sure you have all selected here and then you can select one of the rectangles. In this case, I'm going to select this one and drag it into my timeline in front of that previous animation. And then the next thing that we want to do is so heading and select this object for the background and put our play hit right before this custom animation. Now, you don't have to actually do this because you don't actually have this particular asset. I'm just showing you how I'm going to gather the information from the original motion graphic. Okay, The reason I'm going before that is because I want to get get the color details before the background fades into a different color so you can see that the star point you look at the canvas area here, it starts off with a darker color, and then it gets spider. As we move forward, we want that darker color first to be applied to the shape. So let's go ahead. And with that slight that go ahead and go to the field color and then we're going to copy that by hitting control seat. Or you can right click and you could select control, see from the panel there. So now that we've copy that, let's go ahead and select the shape click in the field color, drop down menu and hit control V to pace it in, or you could right click and hitting V. I mean, he could right click in select paste, and it will pace that color hit enter. And now, if we move forward in our timeline, you cannot see that this shape is no longer white. Let's go ahead and make it bigger by dragging on their resize handles. And I'm actually gonna enable my campus snapping because I want these ah, in points to snap to the edge of the our project size and actually mission project signs will be important. In this case. I've set my project settings to 10 80 p, but you can see there you don't have to do that, but vested size that I wanted to use where this particular project. So with that being at the max size that it should be for a canvas area, let's go ahead and go back to our our animation here, expand the group, and now let's inspect the custom animation portion of it. If we cliff click on the end of this animation hero, we'll see that the duration is 1 19 so let's go ahead and add this particular animation to our shape as well. So let's go to annotations. I'm sorry. Let's go, Teoh animations. So if you click on more in the end, look for Where's and Me. I'm sorry. It's actually right above. So let's click here for animations and then right click in drag custom over this particular shape. So once you get that, let's check the duration of it by left looking on it, we could see that it's only one second. It needs to be 1 19 So let's move it forward a little bit until we get to 1 19 or exactly at 1 19 Okay, now we want to go ahead and go back to this group, and the next thing that we want to do is make sure that it's starting at the same time for this animation. So let's go ahead and move our play head to the star point, moving forward until we get to the exact starting point of this custom animation. And if we left click and hold on the in selection point here, we can see that the duration is 11. So from the star point to here is a total of 0000 11 okay, for the duration. So that means that if we double left, we're going to shape and go to the starting point. We move this forward, we're only at nine. For the duration, we need to be at 11. So you do that. And then we move this custom animation forward like so my left looking and dragging it forward. And now we've got a duration of 11. So 00000 11 exact location. So now that we've got that, we want to add the ability to fade the color from the star point to the endpoint. Many we wanted to get brighter from the star point to the endpoint. So let's go ahead and go back to our group here, expanded. And then let's go to the end point of this animation because that's where it gets brighter . It okay. And if we double left, Look on this to go to this end point will then go to our properties menu and under the solid color look looking to drop down menu and we'll copy this hex code. So hit control C to copy or you could right click it and copy it as well. So it's double left. Click on this animation so that we go to the end point of it in the inside of our field color. Well paced, that color that we copied by hitting Control V and then hit enter too, you know, apply those settings. So now if we started our starting point and move for, you'll see that the animation gets brighter in terms of color. As we move towards the end point, let's go ahead and go back to our animation here. And this time, instead of us creating the objects from, you know, here on the way up, we're going to actually start from the top and work our way down. So let's go ahead and take a look at what we're going to create next. So if we click on this top shape here, this is our revealed text, and then this is our razor line. Now, you can't really see that because it's blending in with the background, so you're not gonna be able to see that information right now. But if we move forward, you'll see that as we move forward, it appears, and now you can see it as they move forward in the timeline. But let's go ahead and create this first shape. So we gotta shape here. That's kind of wanna angle and ah, let's go ahead and look at the properties for that. So click on the properties here. We'll see that it has a rotation of 78.1 degrees. So we're going to create a shape like this one, another rectangle, and we're going to give it a angle of 78.1. Okay, so let's go ahead and go to our annotations and we'll go ahead and bring in another shape like we did before, and we're gonna make it somewhat bigger than what it is now. And I need to actually go forward in a timeline so that you can see what that shape looks like. And we're gonna make it maybe about this size, and then we're gonna go ahead and change the angle of 78.1 and let's go ahead and check that, because that does not match up correctly. So let's find out why our angle doesn't match the exact same. Let's go to the star point. It's like this object and Let's find out what's going on here. So it should be at an angle of 78.1. But for some reason, it's not Ah, how we want it. So what we're gonna do instead of following that methodology, we're gonna happen. Just do this on our own. So let's grab this rotation handle. Well, put it at an angle of about I don't know. We'll say maybe about 15.8 and we'll make adjustments as we go. Okay. And then let's go ahead and go back to here in our star Point and we're gonna next create are revealed line, which is this angled line here. So in order to do that, we're gonna have to go to our shapes again. So let's go to, uh, the arrows and lines, and we're going to select the shape out here. In this case, I'm going to select this particular line here and drag it on top, and then we're going to go ahead and move forward in our timeline, and we're gonna adjust this so that it looks somewhat like the shape that we have here, so we'll put that there well, can't get in general idea of how we want that to be. We'll say about that size roughly. And then we should have something that looks similar to what we have there. Okay? And that reveals it. Ah, and it moves forward. So let's go ahead. Expand this group and starting inside of here. Let's look at how long this animation last for the shape and we can see that it's one 19 for the duration. So let's go ahead and go to our animations. We'll drag a custom animation on here. We'll make it 1 19 in total in. Okay. And we're going to see what the starting point of that is. We can see that the starting point of that is around 11. So again, the same exact location is all the other elements. I'm going to move this back actually like that, and we're gonna make sure that we put it at exactly 11. So if we move forward to 11 and we drag this forward, it lands exactly there. Okay, for are lying. If we go back to our group here, we're gonna look at what we need to do for this animation. So we move it from here to this end point to the end of that text. But we can't actually animate it yet because we want to make sure that the text that we right we'll cover will be covered fully. Okay, so now that we've got that, let's go ahead And at our next animation, which is right beneath that and we can see here that they both are the same length and duration again. So what, we're going to do a set of going back and forth, We're going to copy this, and we're gonna just paste it. So I'm gonna copy this animation because nothing was actually animated and I was gonna paste it like that. So we have a animation that actually isn't doing anything right now they're all just the exact saying went Okay, Hopefully that makes sense. And then we go back here and we know that we need to ask some text. In this case, the razor revealed transition text. So we're going to write the text Razor transition. Let's go back here and we're going to select both of these objects. We're going to move them up and make sure they stay aligned with each other like they should be like the edges of the clips, and we're going to go to annotations and we're gonna add in some text. So let's go ahead and ask him text here and we're going to call. This text may be Ah. And actually, I'm gonna hide this layer by clicking on the hide icon because I want to be able to see the text here. And they were gonna double left looking here. Well, actually, let me hide this text you that's in the way. And now let's go ahead and try to click in here. It will let me Grayson reason, it's not letting me very good. Okay, we'll call this razor reveal, and we're gonna make this larger by holding down the control key and dragging outwards so that we have more space there. And I'm going to this type of razor review transition. Okay. And what do we have written here? Actually, Okay. I just call it razor transition, so we'll call it razor transition. OK, so raise your transition, and that actually should be all caps. So let's make that razor transition in all caps. In this particular case, I think I use the later find, so we'll change the font style. Tulio Boob. I believe that's what I used when I, uh, created this before. So we'll change that up if it will let me. For some reason, it's not executing the front change. Let's find out what's going on. Okay, let's try it again. Maybe I need to select it manually. So let's go ahead and select it manually in which, for the later bold fine, it was almost near it. Ah, come on. There we go. A little fun. Okay, there you go. So I selected that manually because it wouldn't let me use the theme I apply. So we now have the text that should be there, is caught raise your transition and it looks like I spelled that wrong. So let me go ahead and rewrite that razor transition. Okay? Now spell correctly. And Ah, so now we have the text here, raise your transition, and we have the text here. Col raiser, transition. Okay, so we're making some progress here. The next thing that we want to do now that we have that there is, we want to make it where you know, it's stars off with the razor. Reveal, you know, lying here in the rectangle. That's right. Beneath it is covering it or right above it, I should say, is covering that that text. Okay, so let's go ahead and reveal these two layers now, because you want to be able to see the lie in the shape, and we're gonna go ahead and we're gonna change the color of this rectangle here to match the background. So let's go ahead and go to our field color. And we're going to use the highlighting tool here or toe color picker tool. I should say we left looking here. It's like the color picker tool. It will now make it look like the object doesn't exist. Okay, so now you can kind of see the breakdown of how this would work. Hopefully it makes sense. And you guys were following me so far. So the next thing I want to do is I actually want to move both this rectangle and this line to the far left. So that is covering the whole text year. Okay, so select both of these objects, okay? And actually, I didn't mean to select the text box. They're just these 1st 2 and we're gonna move this to the left. So I'm just going to press my left arrow key, you know, to move that tours the left. Now you could drag it manually by selecting and left clicking and dragging. But I'm just going to use my arrow key so that we can move in increments so you can see here that we have a problem. The whole thing is not being covered, you know? So we need to cover that full thing there. So in order to do that, we're going to probably have to stretch this out like that so that it covers more of that space. Okay, so now the whole thing is covered, and it looks more like how it looks when we start our animation here, let's girl back to the start point. And if we go here, you can see that it stars off like that, you know? And if we go here, we can see that it starts off like that. Now, in this particular case, we do want to grab the color from this line so that it matches. So what I'm gonna do is I'm gonna open up this group and I'm going to find the starting point of this animation, which is around here so that we can get the exact and actually the color doesn't change. I don't think so. It's not a big deal. We'll just go to the end point here or this line for the razor line, and we'll go to our annotation properties and we'll select the color from the drop down menu and copy the hex code. And then if we go to our ah long here, we're gonna make sure before the animation go to our color paste and in for the Hex Co. And now the color looks exactly how it looks in our original animation. Now we also want to go to the end point because, remember, we're only at the starting point. So since we're at the starting point, it's going to change back to the original. Color wants to get to the end. So let's change the end point of this animation to also have the same color so well paced in that color hope. And then also for our shape, you'll notice that our shape is back to you know it's original color white because at the end of it it goes back to the original color that we have. So we want to make sure we change that by making sure the object. Select it. Go to the field color. Use the color picker tool to change that to whatever the color of the background, is it? So now is we, you know, move forward in this animation. You can see that. You know, it looks more like what we had before. Now, the reason that this shape moves a little bit is because I didn't, you know, move things around a little bit. And that was my fault. So apologies for that. But we're still gonna make this make sense. So this is the starting point. The shape, the background color shape changes with the object that we placed on top, which is this rectangle. Okay, what we're gonna do now, Yes. We're going to go ahead in, you know, fix a few things you can see here. We got a space gap and we want to try to avoid the as much as possible. And let me just kind of zoom in a little bit more on this so you can see what I'm talking about here. We'll change that fit, so it's a little bit bigger. You can see we got a space gap here and we don't quite want that to be issue. So will go to the starting point of her animations. We'll click on shape and you know we'll move it towards the left a little bit so that it's , you know, further under the object. And hopefully we won't have that as much of an issue. They could see that it's still kind of a problem, so it will fix it at the end. Okay, so we both of these objects, the my in the shape will go to the end of those animations. We know that we don't want this animation to stop here. We wanted to end where it reveals all the text. So will select both of these ah animations by holding the shift key and selecting both of them. And now you'll see that we have both the shape and the razor line select. It will move it to the far right as much as we need to. And now when it gets to the end of the animation, it should reveal the whole text line. So if we move this for you See that it reveals the whole thing. So that's what we're looking for. So it goes like that, and it reveals the whole animation. Okay, Now I'm going to try to find out what happened here with the animation, because for some reason, it's actually showing part of the text behind it, which we don't quite wanted to do that we're going to try to avoid that. So first thing I'm gonna do is I'm gonna apply easy, easy, enabling, easy easing. And we're going to try and change it to exponential in and out. And we'll do the same thing for this one as well, cause I want to give it a little bit more flair. But I also want to make sure that, you know, whatever happens, it doesn't Ah, you know, have a space gap between it. So that looks like that got rid of the space cat forest. And the next thing I want to do is zoom in a bit, cause it looks like for some reason, one of these is off just a tad. Possibly. Let's make sure. Okay, get to the end point. That's correct. What about our star point? Okay, something is not adding up correctly here. So one of our animations api Ah, I know what it is. So we need to go to our shape line here at the bottom here. And we need to change this So easy. Easy enabling easy. Sorry, my And this is a bit broken today. Eat enable easy and select exponential in and out. And the reason we want to do that as we want all of these to have the same, you know, same type of animation. So make sure that they're all on exponential in and out. And now if we move forward, everything should look correct. So the box is still there, you know, and it reveals everything correctly. So make sure all your animations are set to easy enabling easing exponential in and out. So now if we play this, it should reveal it like that so you can see that we're almost there for creating this animation. That's the review. Okay, so we've got that part set correctly. Let's now go back to this animation here and expand the group, and we're going to take a look at the next component, which is to hide that so The next thing we need to do is have our are razor line go towards the left like that. So it's going to go towards the left toe. Hide that information and that's second. See what the duration of this is. My left looking on the end of that, it's a duration of one second. Okay, so let's go ahead and go to the line and we're gonna add a custom animation and it's gonna be a total of one second. So it's one second. And let's find out what the space gap is between that and the first animation for for that line. So if you go here, you see that the space gap is 00000 16. So if we go here, I wouldn't have that same space. Get 000 16. Okay. And we'll move the animation forward to mash that same space gap, and then we're going to go towards the end point of the animation and we're going to press are left arrow key because we want to move this source the left. Okay, so that's the first component. And then to go back here and we expand our group and we take a look at the next shape here , which is high text to. So we're going to create a text box that is a total duration of two seconds. 14 and for our shape to hide the previous animation. Okay, so that's going to move towards the left like that. Hopefully, that makes sense. So it's gonna move towards the left, is it? How is it you know, simulates the idea of hiding that text information. OK, so let's go ahead and go here. We're going to create another shape, and I'm actually going to zoom out so that we have a little bit more, uh, space there to read here and you'll notice that this shape is under the razor transition text. So we need to actually move these components up and just make sure we keep them were lying properly. We're going to go to annotations, and we're gonna add in another shape, Okay, like that. And I believe it was What was the duration of that object? See, it's a total of 2 14 so let's make that small. We will say it's gonna be a duration of to 14 in this. Find out the exact starting location. It happens to be three star from here for the razor transition. There's a total space gap of I soon, man. Looks like it's about 22. So it should be 22 0000 22. So we zoom out. Uh, actually, I need to look at one other thing. Give me one moment. The razor transition text should be a duration of 308 So let's first scaled that back. We want that to be three 08 and then when we move this forward should line up exactly because all these are the scene link. So if we move this forward, you'll see that it's 000 22 which is the correct spacing. Okay. And this object is going Teoh, cover the text as we move back. So we got this where it reveals it, Okay. Like that. And then at this point, this is where we're going to start to hide the text that will make this rectangle bigger, like so we'll turn it on an angle and try to match it up as close as possible with this line here. And I may have to move back a bit. It's not quite how I want it. So I'm going to go to my properties panel here and click on visual properties. It will change that to minus 13. Maybe no Will try. Minus 15 minus 16. Minus 16. Looks to be pretty close. So resize that up a bit and I probably make it go more like that because I really want to make sure that everything is covered. Actually, I can probably get away with this, So I think that will be enough to cover everything pretty easily there. So now you can see that we've got that. Whereas when it moves to the left is going to cover that information and, ah, you know, be ableto to hide that the text information there. So if we let me go back here, we can change this shape too. The background color. So we go the call out here, click on the drop down menu. It's like the background color. Now, you know you can't see the shape, but it is still there. If I selected in my timeline, and basically what we're gonna do is at this end point, we're gonna enemy with the line. You could see the line up here. And as the line moves towards that left, we want to move towards the left as well. So let's look at how long this animation is here. It's one second. So we're going to start here. We're going to go to animations dragging in a custom animation over the shape, and we're going to move this towards the left. So distressed that left arrow key with the with our make sure your timeline play. It is at the edge of that animation at the end. We'll keep moving it towards the left, and we also want to apply enable easing exponential in and out, and now it should move towards the left. So that set correctly, you might be wondering, Well, why didn't the text disappear? Is because we need to add a special animation. So the razor transition. So let's go ahead and take a look at what we need to do for that. So if we expand this group, go back here if we click on this little arrow key. Uh, I'm sorry for this one. If you click on the arrow key here, you'll see that it says fate. So let's go ahead and take a look at the properties for that so you can see for the fade. These are all of our properties. And we need to make sure these properties match the razor transition for the fate. So for the fade in, it should be, uh we know we can actually just copy this probably. But I don't want to do that cause I wanna walk you guys in the process of how to do it. So let's go ahead and select razor transition. We'll go to behaviors and we'll track the fate option over it and you can see the excessive Etienne text left to right, linear. And let's make sure that we mash it up. Exact. So here, fading in text, left to right, linear 83% a scene were set to 83% on this particular object, 83% 0.5 seconds. Where the offset. We want to make sure those things match exact. Okay, so all those things match. I see if there's anything for during there's none and therefore are out. Is shrink text right to left? He's out back 92%. So for that row, click here we'll take a look in our out. It's fadeout and it shouldn't be that it should be actually set to shrink left to right. He's out back in 92% 0.3 for the seconds for the offset. If we click here, you should have a similar result of that. So in this case, it's actually said toe 0.4 seconds. Where the offset. So we go here. Where are razor text? Transition will adjust the offset toe 0.4 seconds. Okay, so now when we play this and we get to that point, it should hide it out. So it is hiding that information out. But the problem is, is going from the left side rather than from the right side. So if we go back here and we take a look at the razor text transition and we look at the out, it says right to left, which we couldn't have had it set to right to left. And it's not so if we change the Type two text and we changed it from that too right to left. Now issues start toe disappeared the correct way. So now if we play it. It appears that it's hiding that text information as we move towards the left. So let's see how far we made it along now. And apologies, if you can hear my son. Coffee. I'm recording this video. Must stay at home, Dad. So ah, you know, apologies were those distractions that you may hear in the background. So, yeah, we've pretty much created 90% of this animation now. So the only thing that's left for us to do now is to create the $15 text that appears next . OK, so the next thing that we're going to do is we're going to select the, uh, text here to see what we have, and you can see that for the $15 text. It says faith. So it's gonna fade in. If we look at the Behaviour, Properties and Properties menu, there's nothing except for on the out on the out. It has a review. Okay, so let's go ahead and, uh, you know, select all of these elements here at the top because we want we want to place the text under this shape. Okay. So that it reveals it. Okay, so let's go ahead and move this up. Let's go to annotations and we're going to add in another text element, and we're going to call it and I need to move my time like lying ahead. So sorry that I was still in the old component here. I'm with my timeline ahead. We'll call this, uh, text here Onley $15 USD. Okay. And again, it doesn't matter what text box you used. I'm holding down the control key to expand this forward while dragging it with my left foot mouse. And, ah, I'm going to change the font size to maybe 84 and then I'm going to scale this back because I already know it's way too long. And then let's find out what other properties we have half for this. So it's two seconds 08 for the duration. So let's see what we have here Currently it's currently to a one, so I need toe maybe scale this back a little bit. And there's kids outside our our place. So again, apologies for all the different noises that you may be hearing. I'm just zooming in just so I can make sure that this is exactly how I want it. So Islam back out, and now it's set to the exact duration that it should be. But I don't like where it's positioned this kind of too far below. So what? That object selected less press are up arrow key so we can get it more aligned with how it should be. And I probably move it up right about there. I think that's high enough so that it makes sense. So now when that goes away, you'll see that it reveals the only $15 text now, so that's pretty much everything. The shape that's hiding is right above it. It's the same one that's actually hiding the razor text as well. But that is the animation for the rays reveal you've now created it. Using this tutorial, you've got the breakdown of how to create text that reveals and then hides using the razor revealed technique. Now, if you wanted to, you could adjust the text size because you can see here there's a lot of space still left. So what I would do in that case is I probably make this fun size a bit bigger so that it looks more natural and maybe even moving over towards the left a bit and we'll see if we can get away with that. So we play it now, it looks a little bit more natural. And you can see that, you know, it looks more organized, you know, It's not just like a super small amount of text there. So there you go. That's the razor revealed transition. Hope you guys enjoyed this tutorial. Um, if you did definitely be be staying tuned for the next training video and I didn't need I needed to add one more other thing. I'm sorry that I didn't show you how to fade. This only $15 USD takes out. So on the on the on that particular behavior for the fate, let's go ahead and add that to this text. So we'll go to behaviors and they will select fate. So, for the face type of style that we have said I actually had to set to reveal. So let me go here and select this for the out. Make sure that you change this to review and then easy and quiet. Okay, Now we got it. Correct. So now it phase out correctly. So my apologies. That was supposed to be set to review for the further fate type. OK, so it's a fait type. Reveal. Ah, and then it's right to left easy and quad direction, right? And then for the percentage we need to adjust that to be the same. So 88% 880.5 So we'll change that to 88%. But you can you get the general idea. It's close. So what it's supposed to be, you know, And if you need, so you can copy their properties right out of this video. So there we go, that face to the left. Now the only thing that we have left to do after that is just to make the the razor reveal line appear differently. So if we double left clicking here and we so man a little bit so we can see things a little bit better, you'll notice for their razor reveal you scroll up for the reason Reveal line. We do have, ah, fading for a glow, so let's go ahead and go to our transitions. We'll scroll down, and for our our line will add a glow. And I believe that is about how many seconds Let's go up. It looks like it's set to 00004 so we'll just the transition glow for a 004 We also have a behavior applied to it, so we'll scroll up and we'll click on there to see what behavior we have. A fade behavior. So go to behaviors and add a fade. Behavior to the line and let's see what we have. It's safer here, so for the and is set to grow and smooth at 90%. So we'll select this here and we'll select grow and we'll set it to smooth at 90%. So you'll see. Now we reveal that it moves up kind of grows, and then it got moves to the right. But it also has a glow to it slightly okay and then on our endpoint for that behavior, I see what we have that set to for the line and go to properties where the out we'll see for the fade out is set to linear 83%. So we go here. It's like the line out linear 83% so that's already set correctly, and that should fade away. So let's see if it does the same thing here, and it looks like we have a blur applied to the end of that. So we also need to add a blur or glow in it 000 seconds for that glow. So if we go to transitions at a glow to the end, where a 0006 and it's almost correct and if I go here and now it kind of blows away. Okay, so we've now completed. So we have now completed this razor transition. Could we clean it up and make you look a little bit better? Absolutely. But I think we're close enough now where you get the general idea of how to build this. So I hope you guys enjoyed this video. And if you did, congratulations on creating the razor revealed text animation and get ready for our next epic motion graphics training, Siri's or training video. I should say in this particular course 6. End of Course & Class Assignment: how everyone welcome to can't Asia universe, where we help you create epic motion graphics to keep your viewers engaged. This is the last video Congratulations on all your hard work in this particular video. I'm going to focus on creating a another motion graphic that will hopefully keep your viewers engaged. And I also encourage you to create your own unique motion graphic. Really, This last video, it's just me creating something and inspiring you to try something out new. And just because you try something out doesn't mean that it's gonna look amazing. You know, it's one of those things where you start with something and you worked from that foundation to try to make it better. And thats why this last video is not going to be as fancy because everything that you saw me create before in the previous videos or the previous tutorials were those motion graphics. Those all started for something that was all started from something very basic, like what I'm going to create in this video, and then I just started to build upon it. So what I want you to do is use this as a foundation and then kind of you know, make it your own thing and kind of build from it and see what kind of ideas and concepts that you can come up with to create unique and cool motion graphics that will keep your viewers engaged. And also in this video, I'm not going to explain everything that I'm doing. I'm just going to tell you exactly when I'm going to build, and then I'm going to build it without give me all the instructions of how I built it, because by now you should be pretty familiar with how to be a custom animations if you watch the previous tutorials. So let's go ahead and get started. I'm going to create a rectangle that's going to basically expand and grow, and it's gonna have what I call like a inside my voice is cutting out a little bit from doing all these different training videos, so I'll try to repeat that again. I'm basically going to create a rectangle that's going to grow, you know, on the screen, and then it's gonna close. It's gonna be like a television opener and closer, you know, like the old school TVs where you change the channel. No I'm sorry when you turn the TV off the old school TV is it kind of closes in flashes. Then it opens up in the kind of flashes as well. That's what I'm going to create in this video. So let's go ahead and use a rectangle at my rectangle to my timeline, and then I'm going to make it very wide and thin because we want the rectangle to be, you know, just like the old school TVs. And then I'm going to bring it in and make it a zero size or 1% to the point where you barely can see it. You know, after I am when I am my custom animation a T A n point, it's going to grow. So at a custom, animation started off at 1% and then grow it, too. You know, a large enough size to cover the screen. So once we do that, will, you know, tinker around with different types of animations, meaning we can add a easy east in and out. One the exponential in and out. We could add like a bounce we could you can play around with it and add whatever technique we want to add. So I'm gonna go ahead, experiment with that a little bit and see what I can come up with. And then once we get something that we generally like, that will be our motion graphic. And again, I want you to tinker around with this. I did or even change it up. Totally. You can make it whatever you want it to be and submit samples to me. I want to see what you guys can come up with. Now I have some experience with, you know, seeing how how I've built some pretty amazing motion graphics and camped Asia. Submit your your samples because that's your assignment for this course is to show me your creativity. And, ah, if there is an idea that you want me to create, maybe are able to execute it, let me know. And we'll create a new Siris on motion graphics where I'll try to recreate whatever it is that you want me to make. Or maybe you see something out there on the web you like. Can you create this in Camp Tasia? And if you can, I would love it. If you make a course on making a motion graphic for creating this particular type of design . Let me know, and I will create a course on it if I think it's possible to make it in Camp Tasia. So your assignment is to create your own thing. But also leave me some comments. Let me know what you want to see You the next training Siris for motion graphics with camped ation. So until then, I hope you guys have a great day. Appreciate you taking this course. It means a lot to me. And if you guys encourage me, I'll definitely be making more, you know, creations like this or courses like this. In fact, I have a plan to create a different type of motion graphic course for camped Asia in the very near future. So you guys think he once again and ah, I really appreciate you taking the time out to wash this course