Camtasia 2021 Raw Motion Graphics and Animation: 1st Edition | Allen Smith | Skillshare

Playback Speed


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

Camtasia 2021 Raw Motion Graphics and Animation: 1st Edition

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 (30m)
    • 1. Introduction

      1:22
    • 2. Raw Motion Animation Part 1

      6:42
    • 3. Raw Motion Animation Part 2

      5:59
    • 4. Alpha X Animation

      9:55
    • 5. Time Jump Animation

      5:22
    • 6. Class Assignment

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

28

Students

--

Projects

About This Class

Motion Graphics & Animations that will blow your mind in Camtasia 2021. The Raw Motion Graphics and animation course for Camtasia will help you boost your skills to levels you never imagined. Get ready to create amazing designs that will leave your audience in awe.  

LEARNING OBJECTIVES:

1. Learning how to adjust color from one value to another using custom animation

2. Alter Text Using Behaviors

3. Add Blur

4. Adjust positioning values

5. Alter the Z axis for rotation

6. Add Rounded Corners

7. Use Linear Blur Transition

8. Change font styles

WHAT STUDENTS WILL LEARN:

You will learn how to create 3 unique Motion Graphics & Animations in Camtasia: 

  • Alpha X

  • Time Jump

  • Raw Motion

REQUIRED SOFTWARE VERSION:

1. CAMTASIA 2021 OR GREATER

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, Inc. 5000's and so on.

WHY STUDENTS SHOULD TAKE THIS CLASS?

If you already have experience with Camtasia but would like to take your skills up a notch then this course is perfect for you. 

WHAT WILL YOU GAIN FROM THIS COURSE:

You will further your knowledge in various topics that will help you improve your animations skills using Camtasia 2021. 

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 Superior Lower Thirds For Corporate Video Editing

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

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. Introduction: Welcome to Camtasia 2021, raw motion graphics and animations training. This is the first edition of professional animations inside of Camtasia. This course is geared towards those with intermediate steel loan. So there is an expectation that you have some familiarity with Camtasia are ready. If you are a complete beginner, I recommend watching some of our entry-level animation courses. First, by the end of this course, you will have created three unique designs for raw motion graphics and animations. Throughout the process of building these animations, you will learn how to efficiently utilize motion blur, texts, shapes, transitions, behaviors, style, tension, and movement to create beautiful animations. Also, I will teach you some of the shortcut keys for accessing tools more quickly as we create awesome motion graphics designs throughout this course. Let's now move on to the first lesson in this training series. 2. Raw Motion Animation Part 1: In this lesson, we're going to go through the process of building an animation I call raw motion. Let's first begin by going to annotations, call-outs, and then pick one of the call-outs that has only texts and drag and drop it into your canvas area. In this case, I will place it somewhere in the middle of the canvas area. Then I will go to the Properties panel, the call I'll tab and change the font of bento sands medium. For the font size, I will set it to 122. Then I will change the text to say raw. Now that the text is set up, Let's go to the visual effects toolbar by using the shortcut ill on our keyboard. And when you click it will, it will take us to that set of tools. Inside the visual effects panel, select and drag and drop the Motion Blur option onto our techs. As this will give the element realism once we apply movement. Next, let's press O on our keyboard, and that will take us to the behaviors toolbar. Under this panel. Look for the option pulsating and drag and drop it onto our text and our timeline. And that will give the element a pulsating effect during playback. For our settings regarding in, we will set the style to grow. To make the text grow. Type should be set to object, which will treat the texts as one object. Rather than animating each letter as an individual element. For the movement, we will set that to spring, to give the animation a springy feel. For attention. We'll change that to a value of 3. Let's now click on the tab and make sure it is set to none. As we don't want an animation during the midpoint of our element. And the same for our OUT tab. We want the end the animation to be set to none. The final portion of our animation is adding a transition. To do this, click T on your keyboard, and then the transition panel will appear. And from that panel we will look for the option blurry zoom. The items in the transition menu are in alphabetical order. So simply look for the item starting with letter B to help us quickly find blur. Zoom. Once you find the blurry zoom, simply drag and drop it onto your texts and the timeline near the end of the element. Finally, adjust your transition to be only seven milliseconds. Now that we have the foundation setup for the animation, let's take a look at what it looks like. If we play this back a few times, you will notice it looks somewhat springy and grows in and out at the start of the element. And then at the end point, it transitions with a zoom blur. Oh, this is amazing. With a few tools within Camtasia, we can create some stunning and motion graphics. The next phase is to duplicate our animation. To do this, select it, and hit Control C to copy it, and then press Control V to paste it. Then reposition the copy of this animation and lined up with the end point of our transition from the previous animation. In other words, the star point of the copy text animation should start with the starting point of the endpoint transition of the previous animation. Then change the text and motion. That's the play back the animation from the start to see what everything looks like. You will now see that we have the core parts of the animation completed. And we just need to repeat this process to add on additional texts. Let's create two more additional text animations. One we will call animation. The next one we will call it tableau. Once we are done adding those texts animations, the next step is to add some creativity by changing the background color to white for when it reaches the animation, for the text animation and Tableau. To do this, go to the annotations tool and then go to Shapes tab and look for the third rectangle, and then drag and drop it into our timeline. Underneath the text, we want to change the background for. In this case, we will align it to start the exact same point other texts animation. And then stretch it to end at the end of a text element Tableau. You will notice that we can't see the text because it is white and our background is white. So let's go ahead and change the texts were both items and change it to black. Once we do that, let's now watch this animation from start to finish. Really cool. Write. A simple change of background-color, adds quite a bit of expression. Take a break now to process what we have completed. The next lesson, we'll cover some additional effects. We can apply to the ROM motion animation. 3. Raw Motion Animation Part 2: This is part 2 where the raw motion animation. Let's begin. In this lesson, we will begin finalizing our animation. Let's first start by going to annotations and then make sure you are under the shapes tab. Under this tab, go to the third rectangle and drag and drop it right after our white background and the timeline. Instead it to a greenish color. Then copy the tableau texts and place a copy right above it aligned with the ending transition. Then change the text color to white. And then change the text to your mind. Also take note that each of these texts animations are 1 second exact. Must not believe that any transition on the text, your mind. As we don't want it to transition, we want it to disappear instantly when we transition to the next animation. The main reason for this is we are going to alter our animation slightly to have more movement and expression. Let's go ahead and copy the your mind texts animation and place it right at the end point of the previous text animation with it right on top of the green background. In this particular case, we do want to change the behavior for the end point for this particular text item. And we want to change it to a hinge effect. And going for this behavior is the one that we're going to be using for any additional text elements. So when we copy this text element, It's going to have that hinge effect applied to it. Also, we are going to add back in the blur zoom of seven milliseconds on the end of it. Also makes sure that the green background is aligned to in right at the start of the any animation transition called zoom blur. For the text. Let's change that to faster. Next, let's copy the faster texts and increases duration to three seconds and six milliseconds. And align it with the previous n transitions from our previous text element. Then change the text to powerful. Then copy the text powerful. In a line 19 milliseconds after the star point of the texts, powerful. And change the text to motion. Then adjust the duration down to two seconds and 16 milliseconds. Then copy the text motion and measure 1 second in one millisecond from the star point of the texts motion and place it at that starting point. Then change the text to graphics. Now to finalize things, we will first add a custom animation to the text powerful. By going to animations in front of that panel, we will drag the custom option onto the powerful texts and the imposition of 18 milliseconds from the star point. You can see here that it is 18 milliseconds from the star point. It also, you want to make sure that you just saw the ending text elements to end at the exact same time. In other words, these ending text animations need to end at the exact same time point. The integers, the animation duration to be 11 milliseconds. Near the end of the animation, we're going to move it toward the left. And this will create room for the graphics texts to rise upward. Next, we will add a custom animation to the text motion. In this case, the animation will start at the beginning of the element. In this case, we will make the animation duration 13 milliseconds. Next we will add another custom animation that occurs 1 second in one millisecond after the first one within the motion text element. In this case, we will make the animation duration 10 milliseconds. Then add another custom animation of the same length within the powerful texts animation element. Make sure both custom animations are aligned with the star point of the graphics texts. And also you want to make sure that you just saw the ending texts elements to end at the exact same time. Afterward, near the end of both animations, select them both by holding down the Shift key and left clicking on both. And they impress the up arrow key to move it up to make room for the text graphics that will appear from the bottom. Lastly, make sure that a blurry Zoom was applied to all the ending text animations. The duration for each should be seven milliseconds. Now we have completed the animation setup. Let's watch it from the start to finish. Okay, That is it. You have completed the raw motion animation. Let's move on to the next lesson. 4. Alpha X Animation: In this lesson, we're going to create an animation I call Alpha x. To get started, let's first right-click in a blank area outside the canvas area, and go to the project settings and change the settings to white background. Let's then go to the annotation toolbar and then go to the shapes option. Under that menu, we will look for a circle and drag it onto our timeline or canvas area. Once we have added that, let's scale it to something that's around this size as a starting point, the impress, the L key. And then under the visual effects menu, we will add a blur, my dragging and dropping it onto our element, in this case, our circle. Next we will change the color to something that is somewhat of a greenish color. After altering the color, Let's add a behavior by first pressing the letter O to activate the behaviors menu. Once that that menu, we will search for the option Scale and drag and drop it onto the shape. In this case, the style should be set to grow and movement should be set to spring with a tension of three. For the drawing option, set it to none. For the, our options set it to shrink. Movement of ease out back. Lastly, add a speed of 92% of the total duration for this element should also be 1 second, 6 milliseconds. Next we will write the letter a by going to the annotation menu and then go to the callout tag on that tab, select one of the text call-outs and drag and drop it into our canvas area. We will then change the text to show just the letter a. For the font type, I will set it to Bento Sans, Bold, and regular. However, you can set the font to whatever you prefer. Afterward less adjust the text and circle to be somewhat balanced and centered. If it is not already centered, imbalance. How you would like it to be on top of the circle. For our texts, make sure that duration is set to three seconds and 12 milliseconds if it is not adjusted accordingly. Next, let's add some motion blur by clicking the L key on our keyboard and dragging and dropping the Motion Blur option onto the element. Next, let's add a behavior by clicking O on our keyboard to bring up the behaviors menu. And then search for the option jump in fall and drag and drop that onto our element. Less than n. Go to the properties for the behavior and makes sure the style is set to shifting. Type should be set to text, ripple out. Movement should be set to spring. The inset the tension to 7.84 with an offset of 0.02 seconds. For during set it to none. And for the out, use the setting drop for style. Texts left to right for type II is in court for movement, right for direction. And the speed of 92 percent and an offset of 0.08 seconds. We're almost done now. Go to annotations and shapes and look for the third rectangle. And drag and drop it right after the circle on the first track and our timeline. Then go ahead and change the color of the rectangle to any color other than white, so that we can see it in our canvas area. Give it a duration of two seconds and 10 milliseconds. Then click the L on your keyboard to go to visual effects. And then drag and drop the Motion Blur option onto our element. Then drag and drop the corner rounding effect onto the element. Afterward, Let's set the radius to 95. Next, click O on your keyboard to bring up the behaviors menu and drag and drop the sliding behavior onto our element. The end and during should be set to none. So let's do that now. Then lastly, we want to set the option out as follows. Sliding for style, easy and Quint for movement, bottom for direction. And lastly, set the speed to 83 percent. Then go to the circle shape and move your playhead near the end to a position and right before it shrinks. In other words, it should be almost at full size. And once at that point, with the circle shapes selected, hit the S key to cut off the clip into separate parts. Then we go on the ending piece and delete it by pressing the Delete key on your keyboard. And then fill in the empty space by moving up circle toward the right. Also, we will need to go on the left side of the element and extended until it is at 1 second, 6 milliseconds. Again. The reason we drag on the left side is because we don't want to add back in to our behavior. So to avoid this, we extend it from the left side. Next, align the rectangle to be as close as possible and similar to the high-end lip of the circle and have it aligned directly in a similar location as the circle. Obviously this won't be perfect, but get it as close as possible. Once done, if you go back and forth between the circle frame and the rectangle frame, it should look somewhat seamless, although not perfect. Next we'll go to animations and then drag and drop a custom animation at the start of the rectangle. And make it go for 1 second, 4 milliseconds. At the end of the animation, we will drag it toward the right. To extend the length. However far we think it will need to go to add additional texts. Next, we will change the ending color to whatever value we prefer. In this case, I will try going for a greenish color value, but you can experiment with it to adjust for the color you prefer. Let's now right-click on our custom animation for the rectangle. Instead it to spring. For the ending portion of the rectangular animation. We will set the transition to linear blur by clicking T on our keyboard. And then looking for linear blur. And drag and drop it onto the end of the element and give it a duration of 14 milliseconds. To complete our animation, we need to go to annotations and add a text element. So go to annotations and do that. We should position the text element right in front of the letter a and write the remaining texts to complete the word alpha2 and add the letter X afterward. Font size should be around 129 with font-style Benton Sands boat, with typeset to read where after you get everything aligned perfectly to look like you to assume was with the letter a. Let's move on to adding a behavior by pressing 0 nRT board, and then drag and drop, jump and fall onto our element. And then set the in options as follows. Reveal for style, texts, right, to live for a type, Ease Out court for movement, left for direction, and 95 percent for speed. And for the offset, use a value of 0.05 seconds. For during the option should be set to none. And for the out set the options as follows. Drop for style. Text, left to right. For type II is in court for movement. Bottom for direction, 92% for speed, and 0.08 seconds for offset. The duration for our tech should be two seconds and six milliseconds. Before we watch our animation, make sure the letter a stars at the same time as the circle shape. It makes sure the remaining alpha x texts ends at the same time as the letter a. Let's now watch our animation from start to finish. So there you go. We have completed the Alpha x animation. Let's now move on to the next lesson. 5. Time Jump Animation : And know our last lesson was quite a bit of work. So I'm going to make sure that this lesson is easier less than 4. In this lesson, we will create the time jump animation. To start, let's right-click in a blank area outside of the canvas and right-click and select Project Settings and change the background color to white, and then hit Apply. Next we will go to our annotations and add a text element and give it a black text color. Set the font style to later black with a value of regularly. For the font size, we will go with 164. Next, let's press ill and add a motion blur from the behavior may and drag and drop it onto our element. For the Indian portion, we want to add a ripple transition. So press the letter T. And within our Transition menu, we will look for the ripple effect and drag and drop it on the end of our text element. Let's give it a duration of 26 milliseconds. We also need to add a fade behavior. So press O and then search for Fe and drag and drop it onto our element. For the end enduring, we want to set both of those values to none. Then we want to go to out and set the options as follows. Fade out for style. Text left to right. For type. Linear for movement. With a speed of 83 percent and 0.05 seconds for the offset. To wrap up this motion graphic design, we'll add a custom animation by pressing a to bring up the animation tools. And then make sure we are under the custom tab. And then drag and drop the custom animation onto the element at the start of our element and give it a duration of 17 milliseconds. Now we need to adjust our font size with a star point of our animation. So let's go to the start of the animation. The angle to the visual properties, and set the scale to 1%. This will make it so that the text will start at 1%. And then it will scale to a 100 percent of its original size at the end of the animation, or the equivalent of the font size 16. For. Next, we will alter the star position by going through visual properties. Then change the Y position to 260. And this will move the element upward along the y-axis. Then go to the end of the animation and set the Y position to 0. The reason we offered the position is so that the motion blur will be more obvious with a sudden movement. If we scan through the animation slowly, you will see that it has a strong blur due to the adjustments that we made. Now let's go back to the start of our custom animation. And if you look at the rotation, it should be at a value of 0. And then if we go to the end of our animation, we need to set it to negative 360. Then that will rotate the animation in a negative fashion. Now if we play back the animation, you will see that it rotates according. Must now add the last component in ending custom animation. First press a on your keyboard and drag and drop it custom animation for the end of the element. And make it 1 second, 2 milliseconds long. At the end of the animation, we will set the rotation to negative 10000440 degrees. And this will help us to blur the animation as it fades out. Given a vortex Time jump, like disappearing effect. This now makes sure the animation touches the edge of the end of the element. If it is not already doing so. Next, go to the end of the animation and set the opacity to 0 so that it fades out near the end of the custom animation. And then we're gonna go ahead and adjust the text. In this case, we're going to change it to prove this. And you want to make sure you hold down the Control key and expanded outward and double left-click inside to expand the text to a bigger size and this should put it back to a 164. After that, we're going to go ahead and change the starting animation at the end point. And we're going to change it to a spring and then play back the animation from start to the finish. And that's it. You have now completed the time jump animation. Congratulations. Let's now move on to the course assignment.