Extras: Creating Cogs and Gears in AE
Extras: Creating Cogs and Gears in AE 5.5
| CreativeCOW Adobe After Effects Tutorial |
 |
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.
|
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
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
|
| | | | |
| | | |
Adobe After Effects basics
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
|
| | | | |
| | | |
Adobe After Effects basics
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
|
| | | | |
| | | |
Adobe After Effects basics
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
|
| | | | |
| | | |
Adobe After Effects basics
AE Basics 32: Creating a Motion Background with Shapes Layers
Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 32: In this tutorial Andrew Devis takes some of what has been learnt over the previous AE Basics tutorials on shape layers and puts them together to create a motion background for text. In this tutorial Andrew covers shape creation, shape duplication, working with multiple shape layers at a time, pre-composing multiple shape layers etc. Andrew also introduces "Adjustment Layers" to create a blurred vignette and to use as a color adjustment layer while showing how to move between comps to get the best possible look.
Tutorial, Video Tutorial
|
| | | | |
| | | |
Adobe After Effects basics
AE Basics 31: Brainstorm & Shape Layers
Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 31: In this tutorial, Andrew Devis demonstrates the "Brainstorm" function with shape layers. The "Brainstorm" function is a tool to give creative ideas based on your own selection of properties to be randomized for creative effect. As long as you select more than one property you can get a stream of creative ideas through Brainstorm that will fuel your imagination and help in the creative process.
Tutorial, Video Tutorial
|
| | | | |
| | | |
Adobe After Effects basics
AE Basics 30: The Write-on Effect
Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 30: In this tutorial, Andrew Devis demonstrates the "Write-on" Effect in After Effects showing how it works and how paths created in After Effects and other programs can be used to create higher quality animations with the "Write-on" effects than might be produced by simply animating the various properties of the effect. Although not strictly one of the shape layer series, this tutorial does follow on from the previous tutorial looking at creating true spirals in After Effects.
Tutorial, Video Tutorial
|
| | | | |
| | MORE |
| |
|
Reply
Like
