Contact Details:

#: +44 (0) 785 841 8081
t: @Mathew_Lucas


Development Blog
PDF Portfolio
89 — A

message    archive   


Not something I usually do for my GIFs, but after a few requests I thought this would be a nice simple one for a quick tutorial.

So a couple of prerequisites for this little project:

- Cinema 4D 
(I’ve used sketch and toon in the ‘studio’ package for this, but that is purely for the the line rendering. Another thing  to note is that ‘cloner’ is only available in higher end versions of the software, but with some basic math and clever ‘null’ positioning you can get around it.)

- After Effects
(There is many other compositing tools you could use for this step)

- Photoshop
(Purely for the exporting of the gif.)

Right let’s go!

Step One —

Set up with a ‘tube’ and a ‘sphere’. 

Step Two —

Offset the axis for the tube to the bottom, and set the tube to 0,0,0. 

Step Three —

Put down a circular path and align the sphere to the path using the ‘align to spline’ tag.

Step Four —

Add key frames to the ‘position’ of the ‘align to spline’ (0° to 360°).

Step Five —

Add key frames to the tube’s rotation in the opposite direction (0° to -360°).

Step Six —

Here comes the fun part! Throw this into a cloner and set it to ‘radial’. Expand the radius and count to your preference.

Step Seven —

Now you have the Flipflop.gif! Again the rendering module I used is ‘Sketch and Toon’ — which is a tutorial in itself to be able to get some really cool line renderings!

Really easy from here. Render out the frames, throw them into After Effects and render out as .MOV or .AVI. Then import into Photoshop for exporting to GIF.

Now for the cool doods who read till the bottom of the post I’ve uploaded the source file for the project here.