Greyscalegorilla.com

Can We Have 2 Minutes of Your Time To Watch This Video?

Basics of Seamless Looping Animation Part 2 64 Comments


In part 2 of this looping series, I show you how to seamlessly loop animations in Cinema 4D. Then, I show you the process on how I compress them into an Animated GIF. I included my Photoshop Action for automatically building Animated GIFs, too.

Download my Animated GIF Action for Photoshop

Visit DVDP

Visit Tiny Animations

Watch Part 1

Signal
HDRI Studio Pack

Comment Rules

This is a friendly community. Please treat everyone with respect. We don't all have to agree, but we do have to be nice. Criticism is fine, but rude comments and name calling will be deleted. Use your real name and don't be spammy. Thanks for adding to the conversation.

64 Comments

  1. Guilherme Todorov

    My Cinema 4D timeline doesnt have the fancy icons on the panel… How can I enable it?

    Reply
      • Try clicking on the timeline tab and hitting the space bar.

        Also under the Timeline menus you can find “view” and then click “F-Curve Mode.”

        Reply
  2. Chris

    Hi Nick,
    Many thanks for your videos tutorials, they are great !
    What is the format of your videos, I try to make some, but I don’t find a correct format wich can be read either on a PC a MAC or an iPad… Can you help me ?
    Thanks !!!

    Reply
  3. Raoul

    Thanks to share your obsession :)

    If you know you want to work with linear animations it’s maybe better to go to project settings->key interpolation->interpolation=linear.

    Reply
  4. Kerry Mortensen

    I can’t figure out why you had to make an action. I’m running Photoshop CS4 extended and I just open the image sequence and it creates a video layer. It asks for the frame rate. I type in 10 and it clips the timeline to 10 frames. Then I just save for web and choose gif and set the looping in the lower right corner.

    I think you made it more complex than it needs to be. After PS7 they integrated a lot of the gif animation tools into PS. They wanted to copy some of Fireworks abilities. Now they don’t have to do that. lol.

    Reply
    • Yeah same here, I don’t understand why you need to use the Action.

      I have always just imported the quicktime into Photoshop, then Save for Web and Devices, loop forever and then Save. Easy as that

      Reply
  5. Steve From UK

    Great little tutorial Nick

    Although I’m now cross eyed :)

    Reply
  6. german

    exelente nick, queria saber si alguien puede ayudarme no logro abrir un archivo quicktime con photoshop, gracias

    Reply
    • nohc4

      En Photoshop, ve a [File]–[Import]–[Video Frames to Layers...] y en la proxima pantalla, selecciona tu archivo Quicktime y le das Open en la proxima pantalla vas a tener un preview de tu video y varias opciones a tu izquierda, asegurate de donde dice “Range To Import” de seleccionar la primera opcion que dice “From Beginning To End”, deja el resto como esta y tambien haz un check-mark en el cuadrito que dice “Make Frame Animation” y listo le das OK.
      Ojala te ayude si no lo haz descubierto ya.
      Ciao.

      Reply
      • Shawn Briscoe

        Hi Nick.

        I am a beginner at Cinema 4D R14, but I know Maya so that helps. I am having trouble seeing the checkerboard texture in my viewport as I apply it to the sphere after adjusting Luminance. I can’t see it animate interactively as you show in your tutorial. I’ve tried changing my Display settings and other settings, but nothing is working. Can you please email what you did to see the texture animate interactively. Thank you Nick!

        Shawn

        Reply
  7. Hey Nick, There’s actually an option in photoshop to automatically import video frames as layers.

    File > Import > Video Frames to Layers.

    Hope this information helps :)

    Reply
  8. Bigred

    Yet again a good tut Nick. Thanks.

    Easy way to work out your offset percent – set your tile to a whole number (not essential, but it will make everything look neat) then divide 100 by whatever number you’ve chosen. 8 = 12.5, 7=14.286, 6=16.667 and so on. Do the calculation in the OSX calculator and you can even copy/paste the number into the keyframe.

    Reply
  9. grigoris

    thanks nick. did you notice any bluriness on your projects? i heard that in photoshop we have to sharpen the layers before save as web and devices.

    Reply
  10. Thanks Nick, as always a superb tut. Great to see your inspiration for this, and love your enthusiasm, it’s so damn infective.

    Reply
  11. Optiqal

    Tip: Divide 100% between your amount of tiles and keyframe that number into your offset, e.g. in your tutorial the number of tiles is about 8.
    100 / 8 = 12,5 for offset to loop
    No need to eyeball this, just do the math!
    Great tutorial BTW!

    Reply
    • Slimz Dayone

      Full screen and its loops nicely…..THANKS NICK!!

      Reply
  12. Eugene Ansah

    Sir Nick,my photoshop cant open the animation file from c4d. any advice?

    Reply
  13. Hoogle

    If you render out your cinema 4d file as a quicktime movie or AVI you can open up photoshop go to file > Import > video frames to layers. that way all you need to do is then go to file > save for web and devices. Occassionally you may want to add an adjustment layer on top of your animation for colour or exposure correction etc.

    Reply
  14. little ape

    THX the .atn its great action, and thank you very much when you make a very good tutorials. You have taught me a lot of C4D, AE.
    I’m really grateful for the teaching.

    Thank you Nick

    I smile

    Reply
  15. palej

    thanks for inspiring me. with your help I do a lot of stuff in c4d and posting it for fotolia.

    Reply
  16. Hello,

    I tried this tutorial, however when I rendered my scene the material did not load. Does anyone know what could be the reason for this? Its ok in a static scene but when i include the animation the textures dont render…

    I appreciate any help,

    Thank you heaps.

    Reply
  17. Frank

    Know it’s almost a year later, but I just watched this now. Great tutorial! Was wondering, is it possible to keep the the 10 frame animated texture loop while increasing the amount of frames and have other things happening around it? For example have the stripe loop texture on a pyramid that is slowly revolving?

    Thank you for creating such an awesome site with such a wealth of knowledge and skills!

    Reply
  18. Sorvar

    Great tutorial, as always, and thanks for the photoshop action!
    I was wondering 1 thing tho.. I render my videos at 25 fps, is this going to mess up the timing in the gifs (created with your photoshop action) ?

    Reply
  19. Detail Vision

    Hi Nick. Thanks for this tip. Really useful. Also thank you for Photoshop animation action. But I some textures don’t render in animation. With checkerboard it’s fine, but for example if I add other textures or surfaces, in animated render they stand still. Can you help me with that?

    Reply
  20. this is my favorite action ever. i just tried downloading it for my new machine running photoshop CC. doesnt seem to work tho….

    Reply
  21. warren

    Love you stuff Nick, struggling to get this gif looking smooth, it is coming out jarring, and it looks like a slower frame rate from original render.

    I have set GIF to no delay, but yet it still looks wrong?

    Is there anyway to change frame rate in PS CS6?

    Reply

Leave a Reply

Comment Rules

This is a friendly community. Please treat everyone with respect. We don't all have to agree, but we do have to be nice. Criticism is fine, but rude comments and name calling will be deleted. Use your real name and don't be spammy. Thanks for adding to the conversation.