<p><a href="https://i.sstatic.net/WlTFl.gif" rel="nofollow noreferrer"><img src="https://i.sstatic.net/WlTFl.gif" alt="animation example" /></a>
(The animation above is at 15fps to reduce file size, so won't playback smoothly).</p>
<p>The example you've shown looks as though it might be from a web page, in which case it might have been made using CSS animations.</p>
<p>If you want to make something similar using After Effects, you can animate it like this:</p>
<p>Make a layer of text, centre it on the screen.</p>
<p>Right click on the position control on the text layer and check &quot;Separate Dimensions&quot;.  This makes it easier to only animate the horizontal (x-axis) position of your text, especially when working with Curves (see below).</p>
<p>Animate your position keyframe, so that it begins off-screen, then comes into your original position.  Add another keyframe to hold it there for a few seconds, then animate it off the other side.</p>
<p>With the X position control selected, click on the Curves button
<a href="https://i.sstatic.net/nYnAu.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/nYnAu.png" alt="enter image description here" /></a></p>
<p>You should be able to adjust the curve of the x-position so that it forms nice &quot;S&quot; shapes.  This will make the text slow down as it enters and leaves in a smoother more natural way.  See <a href="https://lesterbanks.com/2016/04/2-tips-super-smooth-eases-effects/" rel="nofollow noreferrer">easing</a> for more info.</p>
<p>Click the Curves button again to turn off the Curves view.</p>
<p>Now go into the Text controller and click on the &quot;Animate&quot; button
<a href="https://i.sstatic.net/ZQGHd.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/ZQGHd.png" alt="enter image description here" /></a></p>
<p>Choose Tracking.</p>
<p>Go to the beginning of your timeline.</p>
<p>Set the tracking type to &quot;Before&quot;, and keyframe it.</p>
<p>Set the tracking amount to 45 and keyframe it.</p>
<p>Move along your timeline until the text is in view.</p>
<p>Set another keyframe to adjust the tracking to zero.</p>
<p>Move along your timeline to where your next Position keyframe is.</p>
<p>Set another &quot;Tracking&quot; keyframe (at zero), and set the Tracking Type to &quot;After&quot;.</p>
<p>Move along your timeline until the text has moved off-screen, and set another tracking keyframe to &quot;45&quot;.</p>
<p>Now click on the Tracking Amount control and click the Curves button again.</p>
<p>Again, make the curves look like nice S shapes:
<a href="https://i.sstatic.net/1Kp83.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/1Kp83.png" alt="enter image description here" /></a></p>
<p>Turn off the Curves view, and tweak the positions of all the keyframes until it looks right.</p>

CC BY-SA 4.0
2022-03-30T13:12:16.763Z
2022-03-30T13:12:16.763Z
tomh
<p>I'm a beginner in video editing and I would like to apply a similar transition to my project. Do you have any suggestions on how to do it in the best way?</p>
<p>I have tried to use After Effects but I am not sure which program will do better.</p>
<p><a href="https://i.sstatic.net/eg47T.gif" rel="nofollow noreferrer"><img src="https://i.sstatic.net/eg47T.gif" alt="here's the transition" /></a></p>

<after-effects><premiere><adobe><transitions><premiere-pro>
How to achieve a smooth slide in transition in Premiere?
eva
# How to achieve a smooth slide in transition in Premiere?

(Asked by: username_0 on 2022-03-28)

I'm a beginner in video editing and I would like to apply a similar transition to my project. Do you have any suggestions on how to do it in the best way?

I have tried to use After Effects but I am not sure which program will do better.

[![here's the transition](https://i.sstatic.net/eg47T.gif)](https://i.sstatic.net/eg47T.gif)

**Tags:** after-effects, premiere, adobe, transitions, premiere-pro


---

## 1 answers

### Answer by username_1 on 2022-03-30. Score: 0

[![animation example](https://i.sstatic.net/WlTFl.gif)](https://i.sstatic.net/WlTFl.gif)
(The animation above is at 15fps to reduce file size, so won't playback smoothly).

The example you've shown looks as though it might be from a web page, in which case it might have been made using CSS animations.

If you want to make something similar using After Effects, you can animate it like this:

Make a layer of text, centre it on the screen.

Right click on the position control on the text layer and check "Separate Dimensions". This makes it easier to only animate the horizontal (x-axis) position of your text, especially when working with Curves (see below).

Animate your position keyframe, so that it begins off-screen, then comes into your original position. Add another keyframe to hold it there for a few seconds, then animate it off the other side.

With the X position control selected, click on the Curves button
[![enter image description here](https://i.sstatic.net/nYnAu.png)](https://i.sstatic.net/nYnAu.png)

You should be able to adjust the curve of the x-position so that it forms nice "S" shapes. This will make the text slow down as it enters and leaves in a smoother more natural way. See [easing](https://lesterbanks.com/2016/04/2-tips-super-smooth-eases-effects/) for more info.

Click the Curves button again to turn off the Curves view.

Now go into the Text controller and click on the "Animate" button
[![enter image description here](https://i.sstatic.net/ZQGHd.png)](https://i.sstatic.net/ZQGHd.png)

Choose Tracking.

Go to the beginning of your timeline.

Set the tracking type to "Before", and keyframe it.

Set the tracking amount to 45 and keyframe it.

Move along your timeline until the text is in view.

Set another keyframe to adjust the tracking to zero.

Move along your timeline to where your next Position keyframe is.

Set another "Tracking" keyframe (at zero), and set the Tracking Type to "After".

Move along your timeline until the text has moved off-screen, and set another tracking keyframe to "45".

Now click on the Tracking Amount control and click the Curves button again.

Again, make the curves look like nice S shapes:
[![enter image description here](https://i.sstatic.net/1Kp83.png)](https://i.sstatic.net/1Kp83.png)

Turn off the Curves view, and tweak the positions of all the keyframes until it looks right.


---

