<p>It looks like the contents of the bubble is a zoomed in view of a video clip or a series of still frames. </p>

<p>The animation uses manually set keyframes to alter the position of the clip to create a pan effect. The cursor is also animated using manual keyframes. The acceleration of the pan is smoothed, probably with 'Easy Ease' transitions.</p>

<p>The video is then masked using an ellipse graphic with a shadow included, which can be easily be created in Illustrator.</p>

<hr>

<p>It is possible to replicate the effect by taking a clip of a screen recording and tracking the motion of the mouse cursor to directly follow the action. This would be a lot easier to do (provided the cursor does not change and is always visible) but the results would be very rough.</p>

<p>The best way to replicate this effect would be to add manual keyframes as shown in the example video.</p>

CC BY-SA 4.0
2018-11-18T23:23:13.080Z
2018-11-18T23:23:13.080Z
Ambo100
<p>In most of the official screen-recorded <a href="https://www.youtube.com/channel/UCL0iAkpqV5YaIVG7xkDtS4Q" rel="nofollow noreferrer">Adobe CC tutorials</a>, they use a [<em>bubble kinda popping up</em>] effect as in the screenshot below.</p>

<p><a href="https://i.sstatic.net/Vq49w.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/Vq49w.png" alt="screenshot"></a></p>

<p><a href="https://www.youtube.com/watch?v=5831yFbRhho" rel="nofollow noreferrer">Video link</a></p>

<ul>
<li>How could I recreate this effect in Adobe Premiere or After Effects?</li>
<li>Is there a plugin or script involved in this?</li>
</ul>

<after-effects><premiere><editing><effects>
How to create this effect?
Clicker
# How to create this effect?

(Asked by: username_0 on 2018-11-07)

In most of the official screen-recorded [Adobe CC tutorials](https://www.youtube.com/channel/UCL0iAkpqV5YaIVG7xkDtS4Q), they use a [*bubble kinda popping up*] effect as in the screenshot below.

[![screenshot](https://i.sstatic.net/Vq49w.png)](https://i.sstatic.net/Vq49w.png)

[Video link](https://www.youtube.com/watch?v=5831yFbRhho)

* How could I recreate this effect in Adobe Premiere or After Effects?
* Is there a plugin or script involved in this?

**Tags:** after-effects, premiere, editing, effects


---

## 1 answers

### Answer by username_1 on 2018-11-18. Score: 1

It looks like the contents of the bubble is a zoomed in view of a video clip or a series of still frames.

The animation uses manually set keyframes to alter the position of the clip to create a pan effect. The cursor is also animated using manual keyframes. The acceleration of the pan is smoothed, probably with 'Easy Ease' transitions.

The video is then masked using an ellipse graphic with a shadow included, which can be easily be created in Illustrator.

---

It is possible to replicate the effect by taking a clip of a screen recording and tracking the motion of the mouse cursor to directly follow the action. This would be a lot easier to do (provided the cursor does not change and is always visible) but the results would be very rough.

The best way to replicate this effect would be to add manual keyframes as shown in the example video.


---

