How to Create a Retro Animated GIF in Cinema 4D, After Effects, and Photoshop

April 28, 2016 - By 

In this 2 part tutorial, I’m going to show you how you can create a retro 80’s style animated GIF using Cinema 4D (or Cinema 4D Lite), After Effects, and Photoshop.  We’ll start by first building our
scene inside of C4D and creating all our retro elements.  Then, we’ll light and texture our scene and keep within a retro color palette.In Part 2 of this tutorial, we’ll bring our rendered animation into After Effects and apply effects to turn our crisp rendered 3D and transform it to make it look like a faded VHS tape.  Finally, we’ll render our animation from AE, bring it into Photoshop and I’ll cover how you can turn your animation into an animated GIF.

If you have any questions, post them in the comments!  Be sure to post any examples of you using this technique in your projects as well!  Thanks for watching!

This was recorded live on the C4DLive Twitch stream.  To get alerted for future live design casts & get sneak peeks at new tutorials before anyone else, sign up for the Eyedesyn Newsletter.

Part 1:  How to Create a Retro Style Animated GIF in Cinema 4D

Part 2:  How to Create a Retro Style Animated GIF in After Effects and Photoshop

Visit eyedesyn.com for more from EJ

Posted In:  
16  comments
16 Comments
  • Super !

    I added the Pixel effect to the star background jpeg as this creates a cool 80’s pixelated look.

  • Hi there dear nick or chris or any one
    I’m having problem snapping 2 cubes side by side in C4D . the snapping tool is absolutely useless ! pleaseeeeeeeeeeeeeeeee help me pleaseeeeeeeeeeeeeeeeeeeeee

  • You can render an animated GIF directly out of After Effects using GifGun! http://aescripts.com/gifgun

    Just sayin’!

  • EJ, Great work again. The real gem of this tutorial is the position effect you used in the background texture’s Layer channel. Those Effects settings been hiding from me in plain sight for years.

    I like the fillet on the cone but I put a bevel deformer in a null with the boolean. That way you get a moving fillet on each part of the cone, not just the top edge. The only problem is the deformer affects all the polygon edges, so I had to up the rotation segments to 288 so it looked smooth.

    • Ok, That looked great in a still but when I rendered it, the boolean just couldn’t handle the extra geometry. I should have known. You just can’t trust those booleans. I’ll try a texture with a striped alpha. I’m not sure if the boolean will work on that though.

      • Can’t ever trust those booleans! The Alpha channel does work to some extent but you’ll need to double up on textures so the Front of the object has alpha but the Back doesn’t so you don’t see right through it

        • I finally found a way to get the boolean to behave. In the Bevel Deformer’s Option tab there’s a setting for Component Mode. If you change that from the default mode of Edges to Polygons, it works and everything smooths out. I put the Cone’s rotation segments back to 72 and it looks great in stills or when rendered as an animation.

  • thanks for this tutorial! Its great! love your tutorials!

    https://media.giphy.com/media/l396T1pDc59iUaIrm/giphy.gif

    this is my end effect

    xoxo

  • Thanks for this great tutorial, I made a short animation with some things of the tutorial. I hope you like it.

    https://vimeo.com/170076444

  • Leave a Reply

    Your email address will not be published. Required fields are marked *

    Categories

    Follow us on Instagram