How to create a tutorial that can highlight a part of screen, blur the rest, and have me on cam

Question

Hi everyone,I'm working on creating a tutorial video where I want to highlight specific parts of a website or app interface. Ideally, I’d like to zoom or pan into the highlighted section while blurring out the rest of the screen to help viewers stay focused. I’d also like to add arrows pointing to key areas. I’m not sure what this effect or tool is called, but I’ve seen it used in tutorial videos—specifically from Jeff Su’s YouTube channel. I’ll upload a screenshot as an example to better explain what I mean. Any suggestions on what tools or techniques I should look into would be greatly appreciated.

Carlos Ziade · Answer

He already shared his Creator Essentials: https://www.jeffsu.org/creator-essentials/

but you can achieve the same with Premiere Pro and preferrably After Effects.

Try to look for Motion Graphics Templates on Adobe Stock, or create your own

inside After Effects and save them as mogrts, then import to Premiere Pro.

you will have to screen record at high resolution so that you don't loose quality

when scaling up.

Inside Premiere Pro you can achieve this by masking and duplicating,

then keyframing the blur effects. Rectangle Strokes can be created with shapes

and controlled in the Properties Panel. Same for arrows.

Again, I really advise After Effects use for this type of motion graphics, then

bring them to your Premier Pro timeline.

Tip: make sure to encode your screen recorded footage to constant frame rate

before importing into premiere pro, as most screen recorded footage is variable frame rate.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded