Missed The Season 3 Premiere of AskGSG? Get the Full Schedule Here!

Basics of Seamless Looping Animation Part 2 66 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

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.


  1. Guilherme Todorov

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

      • 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.”

  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 !!!

  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.

  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.

    • 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

  5. Steve From UK

    Great little tutorial Nick

    Although I’m now cross eyed 🙂

  6. german

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

    • 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.

      • 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!


  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 🙂

  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.

  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.

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

  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!

    • Slimz Dayone

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

  12. Eugene Ansah

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

  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.

  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

  15. palej

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

  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.

  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!

  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) ?

  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?

  20. pablo

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

  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?

    • litote

      I suggest not using Nick’s action in CS6 — it didn’t work for me, it was skipping a frame (hence the jerky animation).

      Instead of using the action, in Photoshop if using an image sequence check Image Sequence box and in popup select correct frame rate. If you are importing a Quicktime movie in Photoshop go to File > Import > Video Frames to Layers to convert it to frames, as in the helpful tip above.

  22. litote

    Thanks for the tutorial. I was tearing my hair out because your action was not working properly in CS6, at least for me. But I see from the comments it is not required.


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.