LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Extras: Creating Cogs and Gears in AE

Extras: Creating Cogs and Gears in AE 5.5
CreativeCOW Adobe After Effects Tutorial

Creating cogs in After Effects (bought to you by the letter “V”)
Chris Zwar Chris Zwar
Entertainment Media
South Melbourne, AUSTRALIA

©2003 Chris Zwar and CreativeCOW.net. All rights reserved.


Article Focus:
This tutorial from Chris Zwar is a bit of a one trick pony, but it's a trick that's worth knowing. Cogs and gears are nice looking design elements and are popular in all sorts of backgrounds. If you do a search on the internet, it's easy to find a range of techniques for creating cogs in Photoshop and Illustrator, and Illustrator even comes with a few included. This is the "Extras" part -- If you haven't looked at parts 1-4, you probably should go back.


Download Movie Project files .sit Project files: .zip


While Part 4 of this series set the groundwork for our animated composition, there was a lot more to be done at the end of the tutorial.

The accompanying project file – Part 4 – Extras – shows how the project ended up. (Download the files from the green bar above.

Here are the main differences:

For a start, there are a lot more cogs. All of them are animated using expressions. Some of them have had their colour altered just to add some variety.

The two Drive Rods were pre-composed and have had textures added. If you do this, you will need to alter the expressions to match the name of your pre-compositions. The Drive Rods were also made thicker, but not longer.

The original “Drive Rod 1” expression featured the number “30”, to make the Drive Rod 30 pixels out from the centre of the cog. I added a “Slider” – which is an “expression controls” effect – and linked it to the expression, so we can change this value without altering the expression. Using the slider, we can move the Drive Rod in or out from the centre of the Cog. Note how the second Drive Rod and the round metal joint still appear in the correct position.

The Movement of the Drive Rods has been linked to a “steam” effect. The steam is just a simple Fractal Noise animation, but by linking the Opacity of the steam to the position of the Drive Rod, we can make it look like a piston is pushing out steam.

All of the cogs have had static axles added, by using a simple texture matte and using the “basic text” effect with bullet points to make the circles.

And using the “Bevel Alpha” and “Drop Shadow” commands, we can give our cogs depth.

The biggest and most dramatic change is in the speed of the animation. Originally, our Worm Gear turned once per second. But if we want we can play the Worm Gear movie faster, and because the entire composition is driven by expressions, we only have to change one number and all our animations will fit.

I looped the “Worm Gear” animation 240 times, and changed its speed to play 4 times faster, so it still runs for 1 minute.

The only thing I had to alter was our very first expression, which was originally “time*10” and is now “time*40”. Everything else still animates perfectly.


Hopefully you’ll have some fun playing around with this project, it’s really very easy to build up your own complicated gear boxes and drive trains.


---Finished here? Go back?---

In part one, we look at the basic concept behind making cogs in After Effects, using the Path Text effect. This will demonstrate our “trick” in detail.

In part two, we look at how we can extend this basic technique to produce more interesting looking cogs, using textures easily found on the internet.

In part three, we extend the same techniques to construct a worm gear.

And part four demonstrates how we can use simple expressions to create amazing animations using the parts we created in parts 1, 2 & 3.

Part 4 – Extras: From this basic overview, I created a more complete project with more cogs, and a few finishing touches. The project is called “Part 4 – Extras”, and although it isn’t a tutorial, there are a few notes about various refinements in it.

--- Chris Zwar

Please discuss this technique in the After Effects forum at Creativecow.net


Please visit our forums and view other articles at CreativeCOW.net if you found this page from a direct link.




Related Articles / Tutorials:
Adobe After Effects basics
Part One: Creating Cogs and Gears in AE

Part One: Creating Cogs and Gears in AE

This tutorial from Chris Zwar is a bit of a one trick pony, but its a trick thats worth knowing. Cogs and gears are nice looking design elements and are popular in all sorts of backgrounds. If you do a search on the internet, its easy to find a range of techniques for creating cogs in Photoshop and Illustrator, and Illustrator even comes with a few included.

Tutorial
Chris Zwar
Adobe After Effects basics
Part Two: Creating Cogs and Gears in AE

Part Two: Creating Cogs and Gears in AE

This tutorial from Chris Zwar is a bit of a one trick pony, but its a trick thats worth knowing. Cogs and gears are nice looking design elements and are popular in all sorts of backgrounds. If you do a search on the internet, its easy to find a range of techniques for creating cogs in Photoshop and Illustrator, and Illustrator even comes with a few included.

Tutorial
Chris Zwar
Adobe After Effects basics
Part Three: Creating Cogs and Gears in AE

Part Three: Creating Cogs and Gears in AE

This tutorial from Chris Zwar is a bit of a one trick pony, but its a trick thats worth knowing. Cogs and gears are nice looking design elements and are popular in all sorts of backgrounds. If you do a search on the internet, its easy to find a range of techniques for creating cogs in Photoshop and Illustrator, and Illustrator even comes with a few included.

Tutorial
Chris Zwar
Adobe After Effects basics
Part Four: Creating Cogs and Gears in AE

Part Four: Creating Cogs and Gears in AE

This tutorial from Chris Zwar is a bit of a one trick pony, but its a trick thats worth knowing. Cogs and gears are nice looking design elements and are popular in all sorts of backgrounds. If you do a search on the internet, its easy to find a range of techniques for creating cogs in Photoshop and Illustrator, and Illustrator even comes with a few included.

Tutorial
Chris Zwar
Adobe After Effects basics
AE Basics Extras: Butterfly Wing Text Animation

AE Basics Extras: Butterfly Wing Text Animation
  Play Video
In the first part of this two part AE Basics Extra tutorial, Andrew Devis starts to show how to create a butterfly wing with text. The purpose of these tutorials is to give additional hints and tips for text animation in After Effects. Items covered in this tutorial include, using the pen tool, paths, copying mask paths to shape layers, text along a path and path option, 3D layers, animation of a wing, loopOut expression and viewing your composition in a different viewer. In the second part of this tutorial Andrew will go on to complete the animated butterfly in 3D and show how to have it fly around your screen.

Tutorial, Video Tutorial
Andrew Devis
Adobe After Effects basics
AE Basics Extras: Butterfly Wing Text Animation Part TWO

AE Basics Extras: Butterfly Wing Text Animation Part TWO
  Play Video
In the second part of this two part AE Basics Extra tutorial, Andrew Devis continues to build the butterfly in After Effects and then shows how to keep it 3D as it is formed. Items covered in this tutorial include custom views, 3D and collapse transforms to keep items working in 3D once pre-composed, duplication and flipping layers, vertical type, text formatting, and complex animations with motion sketch. These tutorials will be valuable for anyone learning and developing text animation skills in After Effects.

Tutorial, Video Tutorial
Andrew Devis
Adobe After Effects basics
AE Basics Extras: Caterpillar Text Animation

AE Basics Extras: Caterpillar Text Animation
  Play Video
In this AE Basics Extra tutorial, Andrew Devis shows some more text animation techniques by animating 'Caterpillar' text in After Effects. Andrew shows how to shape your text so that it curves from large to small to create a 'tail' for the text and then he shows how to set up and animate the path that the text will use. Andrew then goes on to lock the text to the animated path and continues by adding additional animators to give body movement to the animated text. This is a helpful tutorial for anyone wanting to learn to use a wider range of options for text animation in After Effects. Andrew will be following up with a similar but different tutorial looking at creating a flying butterfly text!

Tutorial, Video Tutorial
Andrew Devis
Adobe After Effects basics
AE Basics 65: Expression Controllers PART TWO

AE Basics 65: Expression Controllers PART TWO
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 65: In this second follow-on tutorial, Andrew Devis continues to demonstrate how to apply a color Expression Controller to one part of the production and then how to quickly apply it to other parts of the same composition. He then goes on to show how to separate out parameters to two different control points of one Expression Controller finishing by controlling parts from different areas of the shape layer as you would in a composition which has multiple layers.

Tutorial, Video Tutorial
Andrew Devis
Adobe After Effects basics
AE Basics Extras: More Repetition PART ONE

AE Basics Extras: More Repetition PART ONE
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Having recently completed a training course, Andrew Devis was asked about some more advanced uses for the repeater tool when working with shape layers in After Effects. Andrew has produced 2 'Extra' tutorials to go with his earlier tutorial on the repeater. In this first 'Extra' tutorial, he shows how to create a simple man with shapes, repeat him across screen and then down screen with a couple of repeating options to create different looks and then how to scale the whole animation on the screen to give space for additional motion graphics work. In the next tutorial, he will show how to create shapes from text, how to rotate that shape into a circle and then how to move the circle into a line and how to create other very interesting looks with the use of the repeater tool.

Tutorial, Video Tutorial
Andrew Devis
Adobe After Effects basics
AE Basics Extras: More Repetition PART TWO

AE Basics Extras: More Repetition PART TWO
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. In this second 'Extra' tutorial in the AE Basics series, Andrew Devis shows how to create shapes from text, how to rotate that shape into a circle, how to move the circle into a line and finally how to create other very interesting looks with the use of the repeater tool - including how to create spirals, make the shapes seem to come out at you from the screen and how to move and control these exciting options, all within the one layer.

Tutorial, Video Tutorial
Andrew Devis
MORE
© 2016 CreativeCOW.net All Rights Reserved
[TOP]