<p>You can do this in After Effects and Photoshop.</p>
<p>Bring the original image into After Effects.</p>
<p>Duplicate the layer.</p>
<p>Name one 'foreground' and the other 'background'</p>
<p>Hide the background layer for now.</p>
<p>Isolate the foreground layer. This can be achieved using a number of different tools:  Use rotobrush to isolate the foreground layer, or a mask around it manually, or use Photoshop to isolate it (eg using the Quick Selection or Object Selection tool).</p>
<p>Hide your foreground layer, and un-hide the background layer, so you can work on the background.</p>
<p>Use the same mask inverted to isolate the background layer, by inverting the mask or matte you used to create the foreground layer.</p>
<p>Use Content Aware Fill (either in Photoshop or in After Effects) to fill in the gaps inside where the foreground layer was. It doesn't matter if it doesn't look perfect, as most of it won't be seen.</p>
<p>Enable both layers.</p>
<p>Use keyframing on the Scale variable to slowly enlarge the foreground.</p>
<p>Do the same on the background layer, but start with it slightly larger than 100% and slowly reduce it in size.</p>
<p>Isolate some colours, on the foreground or background using the Lumetri plugin - the tools you need are in the 'HSL Secondary' controls.  Keyframe the saturation in the Secondary controls to zero, then slowly increase to 100% over time.</p>

CC BY-SA 4.0
2024-02-14T14:09:08.967Z
2024-02-14T14:09:08.967Z
tomh
<p>I would call this parallax-dolly-in effect, (you can combine it with Ken Burns)</p>
<p>Let me make an illustrated quick tutorial.</p>
<p><strong>1.</strong> Take your photo <strong>(A)</strong> and make a version without the background <strong>(B)</strong>. There are new AI tools to remove complex objects.</p>
<p><a href="https://i.sstatic.net/92j3N.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/92j3N.png" alt="enter image description here" /></a></p>
<p><strong>2.</strong> Now you can add both layers into actually <em>almost any video editing software</em>. You do not need AE.</p>
<p>Animate the <strong>scale</strong> of the transparent layer as you want. One important thing is to define the center of the element (green cross) <strong>(C)</strong> so the object remains covering the original location.</p>
<p><a href="https://i.sstatic.net/EMpHY.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/EMpHY.png" alt="enter image description here" /></a></p>
<p><strong>3.</strong> If the center of the animation is not working, for example, you have two people, and the &quot;zooming&quot; reveals the previous persons or objects, (like the hair in this example)</p>
<p><a href="https://i.sstatic.net/qK92r.gif" rel="nofollow noreferrer"><img src="https://i.sstatic.net/qK92r.gif" alt="enter image description here" /></a></p>
<p>you need to retouch the background. Use some content-aware removal tool on Ps
or the clone tool to &quot;remove&quot; the objects <strong>(D)</strong> if your software is primitive (like mine).</p>
<p><a href="https://i.sstatic.net/1wNWO.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/1wNWO.png" alt="enter image description here" /></a></p>
<p><strong>4.</strong> Now you can zoom with the center on a more natural-looking location <strong>(E)</strong>. Keeping the center at &quot;the center&quot; makes the dolly in effect more natural.</p>
<p><a href="https://i.sstatic.net/yv3k3.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/yv3k3.png" alt="enter image description here" /></a></p>
<p><a href="https://i.sstatic.net/vZ1wx.gif" rel="nofollow noreferrer"><img src="https://i.sstatic.net/vZ1wx.gif" alt="enter image description here" /></a></p>
<hr />
<p>You can add &quot;drama&quot; also animating some blurriness when the planes move away, (but that is more software specific) n_n</p>
<p>You can also animate the background, it does not need to stay at 100% scale.</p>
<p>You can also play with the panning instead of scaling or using both.
Zooming &amp; Panning is the Ken Burns variation.</p>

CC BY-SA 4.0
2024-02-19T20:01:48.970Z
2024-02-19T20:59:53.990Z
2024-02-19T20:59:53.990Z
Rafael
<p>How to move foreground objects forward and the background backward in one picture? I would like to recreate something similar like this in gif video. I use Adobe Aftereffects 2022. I do notice that the effects used only two pics on those two scenes but I didn't know how they were able to move foreground objects forward and the background backward in their picture. I never knew they were possible.</p>
<p>How can I do it? A simple example would suffice.</p>
<p><a href="https://i.sstatic.net/EZVAx.gif" rel="nofollow noreferrer"><img src="https://i.sstatic.net/EZVAx.gif" alt="DSWD Loop" /></a></p>
<p>Thanks!</p>

<after-effects><animation>
How to move foreground objects forward and the background backward in the picture?
Taclob012
# How to move foreground objects forward and the background backward in the picture?

(Asked by: username_0 on 2024-02-13)

How to move foreground objects forward and the background backward in one picture? I would like to recreate something similar like this in gif video. I use Adobe Aftereffects 2022. I do notice that the effects used only two pics on those two scenes but I didn't know how they were able to move foreground objects forward and the background backward in their picture. I never knew they were possible.

How can I do it? A simple example would suffice.

[![DSWD Loop](https://i.sstatic.net/EZVAx.gif)](https://i.sstatic.net/EZVAx.gif)

Thanks!

**Tags:** after-effects, animation


---

## 2 answers

### Answer by username_1 on 2024-02-14. Score: 1 | Accepted answer

You can do this in After Effects and Photoshop.

Bring the original image into After Effects.

Duplicate the layer.

Name one 'foreground' and the other 'background'

Hide the background layer for now.

Isolate the foreground layer. This can be achieved using a number of different tools: Use rotobrush to isolate the foreground layer, or a mask around it manually, or use Photoshop to isolate it (eg using the Quick Selection or Object Selection tool).

Hide your foreground layer, and un-hide the background layer, so you can work on the background.

Use the same mask inverted to isolate the background layer, by inverting the mask or matte you used to create the foreground layer.

Use Content Aware Fill (either in Photoshop or in After Effects) to fill in the gaps inside where the foreground layer was. It doesn't matter if it doesn't look perfect, as most of it won't be seen.

Enable both layers.

Use keyframing on the Scale variable to slowly enlarge the foreground.

Do the same on the background layer, but start with it slightly larger than 100% and slowly reduce it in size.

Isolate some colours, on the foreground or background using the Lumetri plugin - the tools you need are in the 'HSL Secondary' controls. Keyframe the saturation in the Secondary controls to zero, then slowly increase to 100% over time.


---

### Answer by username_2 on 2024-02-19. Score: 1

I would call this parallax-dolly-in effect, (you can combine it with Ken Burns)

Let me make an illustrated quick tutorial.

**1.** Take your photo **(A)** and make a version without the background **(B)**. There are new AI tools to remove complex objects.

[![enter image description here](https://i.sstatic.net/92j3N.png)](https://i.sstatic.net/92j3N.png)

**2.** Now you can add both layers into actually *almost any video editing software*. You do not need AE.

Animate the **scale** of the transparent layer as you want. One important thing is to define the center of the element (green cross) **(C)** so the object remains covering the original location.

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

**3.** If the center of the animation is not working, for example, you have two people, and the "zooming" reveals the previous persons or objects, (like the hair in this example)

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

you need to retouch the background. Use some content-aware removal tool on Ps
or the clone tool to "remove" the objects **(D)** if your software is primitive (like mine).

[![enter image description here](https://i.sstatic.net/1wNWO.png)](https://i.sstatic.net/1wNWO.png)

**4.** Now you can zoom with the center on a more natural-looking location **(E)**. Keeping the center at "the center" makes the dolly in effect more natural.

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

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

---

You can add "drama" also animating some blurriness when the planes move away, (but that is more software specific) n\_n

You can also animate the background, it does not need to stay at 100% scale.

You can also play with the panning instead of scaling or using both.
Zooming & Panning is the Ken Burns variation.


---

