Epic Motion Graphics & Animations 3rd Edition: Camtasia Studio 2019 & 2020 | Allen Smith | Skillshare

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

Allen Smith, Motion Graphics & Animations

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

Allen Smith, Motion Graphics & Animations

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (31m)
    • 1. Introduction: Camtasia Epic Motion Graphics and Animations 3rd Edition

      1:29
    • 2. Create Motion Graphic: Digital Wave Pad

      12:39
    • 3. Create Motion Graphic: Space X Transition

      9:46
    • 4. Arrow Motion Tutorial 10 25 2020 compressed

      6:17
    • 5. Class Assignment 3rd Edition Epic Motion Graphics and Animations Camtasia compressed

      0:23
  • --
  • 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.

63

Students

--

Projects

About This Class

Get ready to take your Motion Graphics and Animation skills to the next level using Custom animations in Camtasia Studio. I am confident when you finish this course you will not be disappointed with the animation transition results. Taking this course will help boost your video editing skills to the next level.

LEARNING OBJECTIVES:

1. Learn how to create motion graphics using shapes, movement and transitions

2. Develop the core knowledge to build your own animation designs using your own creativity

3. Build foundations animation skills through observation and participation by following training videos

WHAT STUDENTS WILL LEARN:

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

  • Repeating Shapes and Alignment of Shapes Within Canvas Area
  • Adding Custom Animations To Shapes
  • Adding Transitions To Rectangle Shape
  • Alter Color Transition using Animation Duration
  • Basic Skills To Design your own Custom Motion Graphics
  • Scale Objects To Larger and Smaller Size 
  • Group Elements To Exhibit Group Behavior
  • Rotate Annotations Using Properties Panel

RECOMMENDED SOFTWARE VERSION:

1. Camtasia 2019 or 2020

ABOUT ME:

I'm a long time veteran when it comes to the Camtasia software. I have 13 years of experience using the software to help companies advance their goals and objectives. I have worked with large brands including but not limited to Fortune 500's, Global 500's and so on.

WHY STUDENTS SHOULD TAKE THIS CLASS?

This is course if for you if you are tired of producing bland videos due to lack of motion graphics and animations. If you are a complete beginner who wants to stand out from everyone else who uses Camtasia this course is perfect for you.

WHAT WILL YOU GAIN FROM THIS COURSE:

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

OTHER COURSES I AM TEACHING:

Freelance On Upwork: Importance Of The Interface Phase 1

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

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

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

Camtasia 2021 New Features To Unleash Your Productivity

MAIN COURSE CATEGORY:

Animation

DO YOU HAVE QUESTIONS?

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

SUGGESTION:

I am always open to suggestions of how to improve course and your ideas are critical to advance future versions of Camtasia Motion Graphics Courses.

COURSE FEEDBACK:

Please leave a review of your experience so I can continue to improve future content.

Meet Your Teacher

Teacher Profile Image

Allen Smith

Motion Graphics & Animations

Teacher

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.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

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.

phone

Transcripts

1. Introduction: Camtasia Epic Motion Graphics and Animations 3rd Edition: Welcome to the third edition of creating epic motion graphics and animations inside a Camtasia 20192020. This course is geared towards all skill levels. So whether you're a beginner or an expert, you should be able to follow along. But there will be an assumption that you have at least a basic understanding of how to operate a piece of software. So we're not going to go over every single detail in this course. But it will be simple enough where most people should be able to follow along even if you're a complete beginner. So with that being said, in this course, we're going to create three Epic motion graphics and animations. And let me show you what that looks like now. So now that you've seen what we are going to create in this course, the main objective by the end of this course is to increase your knowledge of how to operate the motion graphic tools inside a Camtasia and eventually create your own unique design by the end of this course, using the skills that you've learned in this course. 2. Create Motion Graphic: Digital Wave Pad: In this video, we're going to create what I call the digital wave Pat. Let's go ahead and get started. The first thing that you wanna do is make sure you opened up a new project inside a Camtasia, which we already have Camtasia open. So I'm gonna go ahead and begin. The first thing you're gonna do is go to annotations in your toolbar. And when you click on annotations, you're gonna look for the shape icon here at the top. And you're gonna click on that. And once you click on that under the styles option will set it to all. And we're going to look for the third squared down, so 123 and will look for this one. And we'll drag it into our canvas area. So once you have that square inside of your canvas area, we're going to basically copy this and paste it all the way across to the other side of the canvas area. Okay, so hit Control C with this selected and that will copy it. And hey, control V. And you'll see that in our timeline here, we have an additional square on track to because we made an additional copy exactly on top of the copy best on track one. Okay. And we're going to left-click and drag this track two square to the right. And we're going to repeat this process of copying and pasting. So control C, control V. And we are attracted towards the right, eventually will fill this whole space. So there's no point space and our canvas area from left to right. Okay? And this is basically the foundation for this animation. Won. She said this, I would say you're probably about 50% done with this animation. Okay? So we now have a full set of squares from left to right. The next thing we're gonna do is plug in our timeline area, hit control a. And we're gonna change the o. Actually we're going to group this, my apologies. We're going to group this verse into a group. And then we're going to work for me. Actually, you know what, let's not put it into a group yet. How about we do this? We're going to add the animation first just to make things a little bit more simpler for you. So click on the animations option in the toolbar. And then we're going to drag the option custom to each of these squares with the moss elected. And then we're going to zoom in on our timeline. And we're going to move this all the way towards the beginning. Ok, so move all of these animation arrows towards the beginning. And I'm going to just go ahead and scroll up. And I'm going to speed this up a bit so that you don't have to watch me move all of these one by one. But it's not gonna move, move, move that fast. Okay? Okay, so now that we have all of these move towards the left, let's go to the start of the timeline. And we're going to hit Control a to select all the squares. And we're gonna go to visual properties in turn the skill to 1%. So what we basically did is we told the program, the beginning of this arrow represents as a one-percent zoom on these animations or 1% skills, a more accurate word. And if we hit the play key, you'll see that it scales it up like that. Okay? The next thing we're gonna do is we're going to make these enable easy, easy. And we're gonna set it to exponential n. And now, so I'm gonna go ahead and apply that to each of these animations here. And this is basically just going to smooth things out a bit and make you look more unique, more creative. But you don't have to do this is totally up to you. But for me, I feel that this is an essential thing that you should add to almost every animation, not every animation, but typically when you apply this, it just as a bit of smoothness to it that it's kinda hard to explain, but it just looks better to the eyes. And usually it looks better to the client when you apply this type of technique. So I would highly recommend that you do this. And once you do that, let's go ahead and play it back and see what it looks like. For me, it just looks a little bit smoother when we apply the exponential in and out. So with that being created, let's go ahead and hit Control a to select all of these squares and hit control g to put it in a group. And that's just going to clean the workspace up a little bit in the timeline. So instead of us looking at, you know, I don't know, roughly seven or eight tracks here. We're now looking at just one group here that holds all the squares inside of it. So if you click on the plus button here, you'll see that it shows all the squares inside. Okay, so we've now got that set up the next day that we're gonna do is hit control C to copy this group. And the control V to paste the copy on top. And I'm going to move this towards the beginning of our timeline. And actually I'm going to zoom in a bit more on the timeline and move about five milliseconds forward. And you can see here that it says 05 milliseconds. And then I'm gonna move this group forward a little bit like that. And then we'll open the group up and we're gonna change the color of each of these squares. So let me go ahead and zoom out a little bit. And I'm going to hold down the Shift key as I select each of these squares. And that's gonna allow me to select multiple squares at once. Okay? So instead of me working with change in just one of these squares one at a time by selecting each of them while holding down the Shift key. That's going to, that's going to allow me to basically change them all at once. So when I'm gonna do get all of these selected, and they were going to go to visual properties for the call-out or Annotation properties. And then we're going to go to the Fill Color and adjusted. So maybe we'll make this bluish green color. And now you can't see that on screen because I'm not move further hid in the timeline, but trust me, it is changing the color for this. And I'm gonna go ahead and select the hex code here in, right-click on it and copy it. And then I'm going to move forward in a timeline right at the edge of this circle for these animations. And then I'm going to paste in the hex code for the color here, hitting Control-V. And they hit enter. And now it will change the color there. So the end of this animation is green, and the beginning of it is also the same color. So as it scales up, it retains that color from the very start of the animation to the very end. Okay, so let's go ahead and play this back and see what it looks like. So you can see there, it's pretty cool animation and I'm pretty happy with it. Hopefully you are as well. So basically what we need to do is just basically copy this set of animations and duplicate it vertically. The same process that we used earlier for copying the squares. And left to right twice. We're gonna use that same technique to copy it vertically. So let's go ahead and select both of these groups. Hit control C, control V to paste it and move it towards the beginning. And I'm gonna move my playhead a bit further ahead. And we're going to drag this up both of those groups. And then we're going to check our horizontal position. In this case, the x position is set to 0.8 negative. We want to keep this at 0 actually. So set that to 0. And let's go ahead and play this. So now you can see that we have two layers stacked on top of each other. So let's go ahead and move our head of bit further. Hit again, copy the next set of groups here, the first two here, they control C, control V. And that will paste another copy on top. And we're going to drag this upward like so. And again, make sure your exposition is always set to 0. So change that and play it again. So we're getting much closer again. Hit control C to copy these two groups, Indian control V to paste it. Move it up again. So I think you get the general idea how this process works. I don't think it needs a repeated anymore. I'm just going to simply go in and make the adjustments as needed and always checking my exposition. So make sure that everything is exactly how should it be aligned. And so far I'm getting pretty lucky with keeping it in the 0 position. But in this case, it looks like I need to set it's 0. And now we have everything set. So let's go ahead and play this back. We're about 90% there now we have this really cool looking animation. The next step is to add a transition to it. Okay? So let's go ahead and go to our transitions, which all you have to do is hit the letter T. If you wanna go directly to it as a shortcut or you can click on the option in the toolbar. I'm going to click on the option in the toolbar. And then I'm going to add a gradient WIP, because for me that looks pretty cool. But first I'm going to check and see which one of these is the greenish rectangle. Where greenish square in this case is this one. So I'm gonna go ahead and drag a gradient on top. It will reduce that down to about 15 milliseconds, okay? And as you can see, a kind of fades. And actually let me make that a bit more pronounced. I'm going to make that 1 second. So there's more obvious stuff I'll play that now you can see that as it scales up if fades the colour towards the right. Okay, so that's pretty cool, right? So the next thing that we're gonna do is we're going to apply this to the other green squares. Okay? So we're gonna go here, check and make sure it's a green square. Add the greedy. And I'm actually going to right-click on this and reverse the transition. So they changed the direction. So you can see one is going towards the left and one is going towards the right. So that we can change the technique of a little bit. I'm going to again go ahead and apply a gradient here. And we're gonna repeat this process of making a fade the opposite direction. Okay, so now we have it set where all of them are fading the opposite direction, but I need to change the one here at the top. So let me go ahead and find that one. It looks like I have a space gap here, so let me drag this down. That's why I didn't see it because I had it up too far on the track area here. And let's go ahead and add the gradient Tibet. I'm actually going to reverse it. And let's play it back and see what it looks like. So as you can see, you have a really cool-looking affect you. But I encourage you to experiment with this a bit further to see what you can create and come up with your own creativity here. In this case, I'm going to just show you something that I think are really cool if you tried it for adding a different type of transition. In this case, I'm going to add what was it that I use before it give me one moment. I'll tell you guys in a moment here. I believe it was the ripple effects. So yeah, let's dragging the ripple effect and see what that looks like. So as you can see, it kinda has this wavy kind of thing that comes in and it looks pretty cool to me. So you could try that out on some of the tracks. So the next thing that we're gonna do is add a transition towards the end of this group. So let's go ahead and hit Control a to select everything. And then we're going to select F8 through aim. If we drag it on top, you'll see that it gets rid of the animation by fading enough and blocks. So let's watch it from the beginning and see what we have. And there you go. So you guys have just created the digital wave paired animation. Hope you enjoyed it. And if he did, awesome, let's go ahead and get you ready for the next video. Okay. 3. Create Motion Graphic: Space X Transition: In this video, we're going to go over creating what I call the Space X transition. And it's a fairly simple one to create. So let's go ahead and get started. The first thing that you wanna do is make sure you have a fresh copy of Camtasia open. If you do have Camtasia open, let's go ahead and go to annotations. So if we go to annotations and then go to the shapes call option here, we're gonna go ahead and change the style to all. And basically we're going to scroll down here and we're going to select my favorite square, which is this third one from the top. So if we start from the top, we count down 123. This is our third one. And we're going to drag that into our workspace. Now in this particular case, we're going to adjust the width of this square. So if you click on one of these resize handles in the middle here, either on a left or right side. In Dragon Ambler. That will decrease the width. And then we're going to increase the height by dragging on either the bottom or the top Resize Handle. Whichever one you choose doesn't really matter. And they were going to get something about this size here, okay? And I'm actually going to make this a bit skinnier. And I'm gonna go ahead and go to my visual properties here. And we're going to adjust the angle. So in this case, for the rotation, which is this top one here, I'm going to set it to 45 degrees, okay, so that's a 45-degree angle. And we got our first part here. The next thing that we wanna do is go in our timeline, select this rectangle in, hit control C, control V to paste it. So Control-C Copy it and Control V was the Pasted. And that pace an exact copy on top. And then we're going to adjust the angle here. So let's change this to minus 180. And actually, I'm sorry, change that to minus 45. So if we change that to minus 45, it gives us the exact flip or the exact opposite of what we created the first time. So we get an x here. And then what we're gonna do is we're gonna select over both of these. We're going to group these together, but before we group them together, plus actually adjust the color. So if we go to the color option here and we go to feel, we can adjust the field color. So you can change that to whatever color you want it to be. In this case, maybe we'll make it a orange, maybe I don't know whatever color you want to make. It's totally up to you. But in this case I'm going to make it a oranges Cohen. And we're going to select this and a control g to make it into a group. And then once we have that group, we're gonna go ahead and copy it a control V to paste the copy on top. And we're just going to make additional copies. In this case, we're going to adjust the size just to kinda make it random. Hit control C, control V to paste another copy on top. Maybe we will make a really tiny one down here. It control would be when Control-C, Control-V again. And maybe we'll make one here. The hit control C control V, make another copy up here somewhere. And I just want to make this randomness so that it looks unique and cool. They will put one here. I mean, you don't have to do this, but this is the way that I like to do it. So I think we want to have another big X here somewhere. So maybe we will make this one really big. Maybe around here. And we just wanna kinda randomize this out a little bit. Okay? So it looks unique. And I wanna kinda offset this one a little bit here. A control C control V, paste another copy. And I think we got something here that looks somewhat cool in terms of the structure. And the next step that we wanna do is we want to go ahead and select all these x's here. And we're gonna go ahead and add animation. So we go to the animations option here and then click on the animations tab. We're going to drag a custom animation on top of all of those. And then let's go ahead and zoom in and make sure our animations are at the start which they are. So the next step we're gonna do is we're going to select all of these by left clicking and dragging over all of them. Or you can hit control a inside the timeline. And you'll notice that it has to lecture handles on all of these x's here. Okay? So if you see selection handles on all of these x's, that mean, that means that you selected everything. Okay, so the next thing that we're gonna do is we're going to adjust the rotation of this animation. Okay? So if we go to our rotation properties here, we'll set this to 360. And we're going to assume that we want to do a full rotation of 360. Okay? So if we start at the beginning and we click Play, you'll see that it rotates it. Well, that's a little fast. I don't know if we wanted to quiet that quick, but maybe we can looks how it cool to me so they will stick with that. I'm gonna go ahead and apply enable easy ease in for this, for exponential in and out. And I'm going to apply that to all of these. So go ahead and apply that to all your animations by clicking on each of these animation arrows. And I'll probably speed this up. And let's see what it looks like now. So it doesn't look too bad. I don't know if I like you going that fast quiet, but I guess I can get over that. So now we have that added. The next step is to scale these up. So let's go ahead and hit Control a to select all the X's again. And then we're going to track a custom animation inside. And they were gonna go to scale and scale it up. Now in this particular case, you can see this, there's some spaces that are not quite covered. So we have some black spaces here and we're going to clean that up. So let's go ahead and drag this down a little bit. And let's try to find the spot that has the least amount of those issues. And then we're gonna click outside of that. And then we're going to try to cover these up by moving the x's around. So we'll move this one here. Maybe we'll move this May 1 be here. And we're just going to make some adjustments until we get this all cover. So you go ahead and adjust this as you feel needed. And we may even need to add some additional X's here. But we'll see. And actually I think that I can scale this up manually. So let's scale this up manually. And we'll adjust it till we cover everything so we're almost there. So we'll scale that up a little bit. So let's go ahead and play this back. And as you can see, it's a pretty cool transition. Now if you really wanted to spice this up a bit, we can add a transition at the beginning. So let's click on our timeline area and a blank space. Hit control a. And we're going to add a transition to the beginning. So let's go ahead and drag the glow option on the start. And let's see what this looks like. And that's pretty much it. That's how you create the x transition for the starting point. Now how you want to exit this transition is totally up to you. So let's go ahead and apply an ending transition. Okay, so in this case I added a radio blurred for the exit. Let's play it from the beginning. But let's say that you wanted to change the color. How will we do that? Let's double-click to open one of these groups. And then we're going to hold the Shift key and select both of these shapes. Ok. And then we're going to adjust the cooling. And then we're going to move forward in a timeline. And you'll see that the disadvantages as the colours don't match. So how do we fix that? It's very simple. We'll add a custom animation. So let's go ahead and left-click and drag a custom animation on both of those shapes inside the group. And what we're gonna do in this case is we're going to copy the color. So we'll select this hex code and copy it. And once we copy that colored, the next thing we're gonna do is adjust this back to the original orange color. So if we click on here, use the eyedropper tool, will change it back to that. And then we'll go to the Star position of these animations. And actually it already has the right colored here. But if it didn't for some reason, you would paste that color and near and it would adjust it as so. And if we move forward in the timeline, you can see that it starts off with a bluish color compared to this one, and then it transitions to the orange color. Okay? And that's how you are able to change the colors for the star position. But yet when it scales up, it will all remain the same. Now if you wanted to, you can increase the duration or time that it takes where the transition by increasing the animation duration. And so a stays glue Just a little bit longer than usual. Ok? And if you really want to push the limit, you can scale it out even further. So you can see that it holds the Kobe longer than in that case. And then it slowly fades to the correct color. 4. Arrow Motion Tutorial 10 25 2020 compressed: In this video, we're going to create what I like to call the emotion triangle transition. So let's go ahead and get started. The first thing that we're going to do is go to annotations. So let's do that. And then we're going to look for the option shapes. And you'll know that by looking for this particular icon here. And then we're going to leave the style to basic. And we're going to look for the option that shows the triangle which is here. And we're going to drag that into our canvas area. Now we want to go ahead and rotate this triangle so that it faces towards the right. So let's go to our visual properties and let's adjust the rotation angle to minus 90. And you'll see that once we enter that, it makes the tranquil face towards the right. Now we want to go ahead and scale this triangle up. So let's go to our scale option here and drag it to the far right. And the maximum that it shows here as 500%. Now we could increase this to 2% thousand. But the disadvantage is that the curved edges of this triangle become insanely large. And that's not something that I want to happen here. So let's go ahead and scale this back to 500%. And once we scale it back to 500%, let's go ahead and hold down the Shift key. While we're drag. You don't want to resize handles and make it a larger triangle. Okay, so let's go ahead and do that. And we're going to just reposition it as necessary and hold down the Shift key and make it larger. And the reason we're making this much larger is we want this whole triangle to cover our whole canvas area so there's no black space. So let's go ahead and continue to do that. And they unless see how big it is now. So we're almost there, but we need to make this a little bit larger. So again, hold down the Shift key and make it larger. And apologies for this green popping up, that's just the sticky keys, so we don't want that turned on either. So you'll see here that it covers the full canvas area if we reposition the triangle. So we have the right size. So now that we have the right size, less, go ahead and copy this triangle on track one by hitting Control C and then hitting Control V. And they unless go to our annotation properties. And we're going to adjust this to white. And then we're going to copy this track to triangle by hitting Control C and then hitting control V to paste it. And again, we're going to adjust the color to whatever we would like it to be. In this case, I'm going to make it a light bluish green and then leave it at that. So now that we have that, the next thing that I wanna do is I want to position all these triangles to the far left. So let's go ahead and hit control a once, once we click in a blank space in our timeline, and that's going to select all the tracks. And then we're going to move this towards the left. So I'm going to hold down the Shift key and press the left arrow key to make this move in a faster manner towards the left. And we want to position this just right outside of the canvas area. And once we do that, let's go ahead and make sure we have all these tracks like that steel for all these triangles. And then we're going to add an animation. So once you click on the animation tab, less dragging our Custom Animation and make sure it starts at the very starting point of each of these triangles. And then we're going to again hold down the Shift key and press the right arrow key to make this move in a faster manner towards the right. And that covers the full canvas area now, so basically what we're going to have happened is if we start from the starting point, estar is off towards the far left and then it expands towards the right. Or I should say it's lies to the right and not really expand. That's not a probably a good choice of words, but it slides all the way to the right until it covers the full canvas area. The next thing I wanna do is I want to change the positioning of each of these triangles because currently they all overlap each other and move it the exact same speeds so that it's going to make it look like just one triangle. So I'm gonna make this second track move about eight milliseconds for. So it's gonna start the eight million eight millisecond time point here, which is where our playHead is currently positioned. And then I'm going to move it forward to 18 milliseconds for the third track. And now you can see that each of these triangles are offset a little bit and they're gonna move at different speeds or a different timings, I should say. So let's go ahead and play this. So we're a lot closer to the look and feel that we are going for. The next thing I wanna do is adjust the speed or the duration of each of these animations. So for this first track, I want it to be a second in two milliseconds. For the, for the second one, I wanted to be a second three milliseconds for the duration. And then for this one I want it to be 28 milliseconds. Okay? And so that's what I have it set to for now. And then I'm going to apply exponential in and out. So right-click on it and select enable easy exponential in and out. And we're going to apply this to all of these animations. And then let's go ahead and play this from the beginning. And to me that looks a lot better. Now you could adjust the timings of these if you don't like the way it's set up here, that's totally up to you. The last thing that we wanna do is add a ending transition. So let's go ahead and adjust the edges that each of these clips are these triangles and make them in at the same exact time. And then we're gonna go to transitions. And in my particular case, I'm just going to select all these triangles by left clicking and dragging over them. And then I'm going to drag in a fade on each one. And I'm going to reduce the duration to 15 milliseconds or 2.5th. And then let's play it from the beginning. My apologies about adding that marker. That was the accident. Let's go ahead and play that. So that's it. That's everything you need to do in order to create the emotion triangle transition. I hope you enjoyed this video and get ready for the next one. 5. Class Assignment 3rd Edition Epic Motion Graphics and Animations Camtasia compressed: Your class assignment is basically to create a unique transition using some of the shapes that we created in this tutorial, but also using some of the custom animations.