<p>I not know how do this with AE animation software but I do this in Blender:
<div class="youtube-embed"><div>
                <iframe width="640px" height="395px" src="https://www.youtube.com/embed/2ieFJBKbtLU?start=0"></iframe>
            </div></div></p>

<p>Basic theory (see picture) for real camera or software:</p>

<p>• Want repeat image every n animation frames</p>

<p>• Assume camera view is w × h pixels</p>

<p>• For camera view w pixels wide, minimum need draw picture wide 2w pixels wide</p>

<p>• Copy picture two times and put left/right each other (draw left and right edge of image for can't see edge)</p>

<p>• Shift picture -w pixels for first animation frame relative to camera left edge</p>

<p>• Step size for each animation frame is ∆s = w/n</p>

<p>• Image position = ∆s*(animation frame number mod n), means at every n animation frames shift image back -w pixels (return to start position)</p>

<p>• Use linear interpolation for image position (need select this for Blender)</p>

<p>• Use repeat cycle (for Blender)
<a href="https://i.sstatic.net/m9FzT.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/m9FzT.png" alt="Animation Loop"></a></p>

<p>Blue dot show shift for each animation frame</p>

<p>If image is wider than camera view (R ≥ w):</p>

<p>• shift picture -R pixels for start animation frame</p>

<p>• step become ∆s = R/n</p>

<p>• shift image back -R pixels</p>

<p><strong>Reverse Direction</strong></p>

<p>• Shift picture 0 pixels for first animation frame relative to camera left edge</p>

<p>• Step for each animation frame is ∆s = –w/n (∆s = –R/n for image R ≥ w), negative direction</p>

CC BY-SA 4.0
2019-10-30T01:58:49.507Z
2019-11-01T23:32:54.570Z
2019-11-01T23:32:54.570Z
Châu
<p>My experience in AE is not so big, so I need your assistance plz.
I faced with a task I still can't solve.</p>
<p>I'm trying to make the clouds loop. I wanted if the part of cloud which disappears on the right side out of frame, at the same time seamlessly appeared on the left side in the frame.</p>
<p>Any tips are highly appreciated.</p>
<p><a href="https://i.sstatic.net/swjmR.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/swjmR.jpg" alt="enter image description here" /></a></p>

<after-effects><animation><motion>
Seamless loop animation
Victor Chernobay
# Seamless loop animation

(Asked by: username_0 on 2019-09-26)

My experience in AE is not so big, so I need your assistance plz.
I faced with a task I still can't solve.

I'm trying to make the clouds loop. I wanted if the part of cloud which disappears on the right side out of frame, at the same time seamlessly appeared on the left side in the frame.

Any tips are highly appreciated.

[![enter image description here](https://i.sstatic.net/swjmR.jpg)](https://i.sstatic.net/swjmR.jpg)

**Tags:** after-effects, animation, motion


---

## 1 answers

### Answer by username_1 on 2019-10-30. Score: 1

I not know how do this with AE animation software but I do this in Blender:

Basic theory (see picture) for real camera or software:

• Want repeat image every n animation frames

• Assume camera view is w × h pixels

• For camera view w pixels wide, minimum need draw picture wide 2w pixels wide

• Copy picture two times and put left/right each other (draw left and right edge of image for can't see edge)

• Shift picture -w pixels for first animation frame relative to camera left edge

• Step size for each animation frame is ∆s = w/n

• Image position = ∆s\*(animation frame number mod n), means at every n animation frames shift image back -w pixels (return to start position)

• Use linear interpolation for image position (need select this for Blender)

• Use repeat cycle (for Blender)
[![Animation Loop](https://i.sstatic.net/m9FzT.png)](https://i.sstatic.net/m9FzT.png)

Blue dot show shift for each animation frame

If image is wider than camera view (R ≥ w):

• shift picture -R pixels for start animation frame

• step become ∆s = R/n

• shift image back -R pixels

**Reverse Direction**

• Shift picture 0 pixels for first animation frame relative to camera left edge

• Step for each animation frame is ∆s = –w/n (∆s = –R/n for image R ≥ w), negative direction


---

