How to create animation that existed in one of Camtasia tutorials in the link shown in description

  • 1
  • Question
  • Updated 1 year ago
How to create the animation shown in one of Camtasia tutorials that existed in link below in time period 0:19-0:23

Photo of ESAM


  • 26 Posts
  • 3 Reply Likes

Posted 1 year ago

  • 1
Photo of Mal Reynolds

Mal Reynolds

  • 497 Posts
  • 357 Reply Likes
This is not the one and only way to do this, but it demonstrates the principle.

  • If you're using C2018 you should have at least one "gear" png graphic in your library. Use the search box to find that.
  • Put two copies of the gear icon (or use different ones if you have your own) on the canvas and mesh them together.

  • Stretch out the length of both gear images on the timeline to however long you want the animation to run.
  • Go to the Animations section and select the Animations tab.
  • Drag a Custom animation on BOTH of the gears, then stretch it out to cover the length of the gears like so:

  • Select the END of each animation (one at a time), so that the dot at the end of the arrow is red.
  • In the Rotation section, set the Z rotation to the number of times that you want the gear to rotate, *360. (If you want 10 rotations, enter 3600 degrees, for example)
  • For the other gear, set the value to MINUS however many rotations you want, *360. In this case I've entered -3600 for the other one because the gears are the same size and I want them to rotate together.
When you play the track you should see one wheel spinning one way and the other one spinning the other way.

If the wheels are different sizes as they were in the Techsmith animation you would probably need to play around with the ratios a bit to get it to look right, but it would work.

Photo of ESAM


  • 26 Posts
  • 3 Reply Likes
Thank you Mal for your fast answer that help me creating the following short video about the calculation required for Z rotation values , but the issue is still existed when there are 2 Gears of different diameters and different teeth for each gear
Have a great new year
Photo of Joe Morgan

Joe Morgan

  • 8044 Posts
  • 4351 Reply Likes
Hello there ESAM,

I wasn’t quite sure how to go about calculating rotations myself. So I thought I would start by taking a screenshot of the gears and creating PNG images of them with Photoshop.

I managed to figure it out as you can see in the GIF below.

I don’t know if you need the PNG gears for your project or not so I will include those below. You can right-click them and select save image as to save them to your computer.

As it turned out, the math was fairly simple. The small gear had 8 teeth and a large gear had 16. So for each 360 degree rotation of the large gear. The small gear had to be rotated twice.

In the image below I have a small gear set to 720 degrees positive rotation returning to zero. In the large gear is set to - 360 degrees rotation returning to zero. That’s what you see in the GIF above. The rotational speed is too fast. But due to the limited file size allowed for uploading GIF’s. I couldn’t upload one any larger at a slower speed without going over the allowable limit.

Hope this helps you out.

Regards, Joe

Photo of ESAM


  • 26 Posts
  • 3 Reply Likes
Thank you Joe very much to show me the this principle 
much appreciated!