Cinema 4D and AE Animated GIF Tests

Chuck Anderson posted this site called DVDP in his twitter feed and I have been obsessed with it all weekend. I have been learning how to make things loop properly in Cinema 4D and how to make Animated GIFs using Photoshop. It’s been pretty fun.

I love the short turnaround time for something like this. Not a huge project or big render times. Just a way to try something fun and make it cool with as few frames as possible. I hope to do more soon.

Watch OrangeCubes GIF

Watch Puffy Sphere GIF

Signup for the newsletter.

Updates about once a week. Deals on new products. Not spammy. Whats not to love?

55 people have commented on this post. You should too!

  1. Jeremie Design says:

    Fun ! :)
    I love your tuts !

  2. illd says:

    Very confusing – I want to do that to ;)

  3. Ramzes says:

    Guys I have a question. How can I render with this kind of good quality,animation?I want to make animated banner for my web site, but when I render in GIF it renders with bad quality.Is there any options to render it in good quality with After Effects?or maybe I have to render it with other format, like SWF?Tell me please.

  4. jason t. says:

    ive been obsessed with gifs since i got gif shop on my iphone, pretty cool to see them in c4d too!

  5. Touchsky says:

    Tell me – why videocopilot with no updates for month have so many views and coments, and so great GSG on the contrary. Please Nick keep goin, and happy holidays!

  6. Steve says:

    I too have been obsessed with cinemagraphs for the past while. Strange that you posted your gifs, as I have been playing around with the same thing lately.
    There are some very inspiring examples at http://fromme-toyou.tumblr.com/.
    Keep up the great work!

  7. Stevie says:

    Hey Nick,

    could you tell us something about the secrets of properly looping in C4D?
    Would be very interesting, since looping infos are very rar in the tut-scene.

    • Loop to round numbers,

      say 36 frames and you are animating through 360 degrees?
      - each frame would be 10 degrees, so you would only render out to 35th frame (350 degrees at the keyframe) and it will loop properly.

      – or in other words, have the animation complete 1 frame after your last rendered frame.

      Also use linear key frames.

  8. Joseph says:

    Awesome Nick!
    Expecting a good tutorial, keep it up man.

  9. Matt says:

    Nick, could you make a tutorial for this? Its very interesting and i would love to see your workflow!

  10. bacho says:

    Wheare is tutorials ? :(

  11. Mark says:

    Rockin’ the animated GIF’s like it’s 1995! Bout to throw on some Kriss Kross.

  12. Marc says:

    Must be an Xpresso thing?? (the looping)

  13. Michael says:

    I see a CGI forum full headache inducing avatars on the horizon.

  14. oppenheimer says:

    i agree, these loops are pretty fun to do… especially to make it really seamless.
    if you like, check out some anims i came up a last year (…eye-cancer guaranteed):
    menger madness
    http://oppenheimer.deviantart.com/gallery/#/d341szv
    smooth donut
    http://oppenheimer.deviantart.com/gallery/#/d341t2f
    inside out
    http://oppenheimer.deviantart.com/gallery/#/d341sxu

  15. David says:

    Fantastic Nick.

    DVDP is a very clever dude. I stumbled upon some GIF’s created by Iain Acton the other day. Some of them are Cinema 4D I think.

    http://cargocollective.com/iainacton#1660857/This-That

  16. Stevie says:

    My first try:
    http://webserver-management.de/looping_sphere1.gif
    A little bit strange…any advice?

  17. Maggie says:

    Greetings GSG, 1 question, where is the Learning Links section from the old site sidebar?

  18. artkusika says:

    plisss make a tutorial of thiss nick, when i see http://www.cinemagraph.com, the first thing that came out of my mind is thatt cinemagraph is the future of photograph,dont you think?

  19. Elmar says:

    Now i will wait for the tutorial about this to come up :P

  20. Enthas says:

    Very nice inspiration guys even though it’s not good for epileptics :-P . Have tried to do it my self and I think I was successful. Thanks :-)

  21. Steve From UK says:

    I’M ON TO YOU NICK!

    Your demos are subliminal messages.

    I found myself logging on to your product page and reaching for my credit card :)

  22. Hello, i,m having problems uploading this gifs to web…after made my own one i tried to upload to my tumblr that i know that have support for gifs…No matter what i tried the animation doesn,t display only the first frame.i thought i was doing something wrong in my process of creation, so i decided to upload one of your gifs to my tumblr only to test…well the gift ddidn,t move….had anyone the same problem?
    I tried with safari and chrome,no lucky.
    cheers!

    • Steve says:

      Rather than uploading it, You can test to see if your animated gif works by simply opening it with a browser (right click, open with). If that doesn’t work, you may have missed a step in photoshop.
      Best, Steve

  23. This is my gif, work in this web but still don,t be able to upload to tumblr…weird

    http://postimage.org/image/y93uomv35/

  24. exellent compoition. Fantastic work

  25. jose barrera says:

    Solved…Tumblr doesn,t permit to reproduce gif with more than 500 Kb…i made a small one and it worked..wow , what a jorney…;)

  26. Angelo says:

    looks sexy. hope we hear more from you experience with this in the coming days or week

  27. Stevie says:

    My 13th try:
    http://webserver-management.de/looping_sphere13.gif
    Can someone tell me something about color reduction in C4D and AE? I always get this grainy shit! My AE CS4 offers only Millions of Colors for animated gifs.
    Look at this:
    http://fromme-toyou.tumblr.com/
    The gifs are using only 256 colors but it doesnt looks like 256 colors.
    WHAT THE HELL IS THE TRICK HERE???
    c u all

    • oppenheimer says:

      try to compile the animated gif in photoshop, because there are tons of options to get the look you want. make sure to load in the full 24bpp sequence beforehand, adjust the framrate/looping etc. and then head over to the “Save for Web & Devices” dialogue. Max out “Dither” with “Diffusion” selected, uncheck transparency & interlaced, matte to none, color = 256 ofc, Lossy = 0 and Web Snap = 0.
      Hope it helps =)

    • The Gorilla says:

      Looks like you have too many colors to begin with. Try simplifying and getting rid of gradients.

  28. Stevie says:

    Oh, thank you Sir!

    I will give it a try later. You saved my life. Like in the 90′ties, now I can’t live anymore without some animated gifs. It’s to boring without them.

    c u stevie

    • Stevie says:

      Comment:
      Do not forget to choose the right channel settings in C4D or Photopot…otherwise “Save for Web…” is grayed out!

      peace

  29. userjardis says:

    matière dégradé
    interpolation Sans
    Cycle à programmer sur la ligne temporelle

    bonne journée

  30. Stevie says:

    Try 24 rendered with Photoshop:
    http://webserver-management.de/looping_sphere_24.gif
    Better but not perfect ;-) ;-);-);-);-);-);-);-);-);.
    Question A)
    Does somone knows some kind of golden rules for choosing the right frame rate?
    DVPD uses diffent frame rates for different motives. I would believe it could have to do with some sophisticated algorithm thinking.
    Question B)
    Is there anybody out there who can tell us how to loop fluffy pyrocluster or TP clouds on/in a sky object material? I’m not afraid of Xpresso.

    c u guys I love you all.

    • Steve says:

      You would be safe working in the standard frame rate (30fps) within C4D, then when you composite in AE, you can cut than in half. Cartoon/Animation standards used to be 12 and 15fps. You would generally be safe using one of those.

  31. pedro wong says:

    Nice ! , .here is another cool giff blog
    http://thefuckingassholes.blogspot.com/

  32. Jesse says:

    WHAT THE HELL! I was making something JUST LIKE THIS with stripes right before you made this.

    Damnit. Good tut anyway…

  33. zeyad says:

    LIKE Till tomorow :D

  34. Animated gifs…. don’t forget my old site http://www.dotgif.org ;)

  35. Please nick can you do a tutorial on how to make a animated gif in c4d. Thanx

Comment Rules: I love helpful comments. We don't all have to be friends or agree, but we do have to be nice. Criticism is fine, but rude comments will be deleted. Use your real name and don't be spammy. Have fun and thanks for adding to the conversation!

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>