Create a mobile mockup using Adobe Stock green screen clips

Click Videos and then search for “guy holding cell phone green screen”.

License the selection and download it to your computer.

Note: You can also search and license directly inside Premiere Pro within the Libraries panel.

In your Projects panel, or inside a Bin, right-click and choose Import.

Navigate to the location on your hard drive where you downloaded the licensed Adobe Stock clips, and select them.

In your Project panel, right-click on the video clip you intend to key into the green screen and choose New Sequence From Clip. This will place it on track V1.

Next, drag your Adobe Stock green screen shot onto track V2 above.

Nest the clips that will be placed onto the green screen.

Select all the clips on track V1 that will be keyed into the green screen of the mobile device. Next, right-click over one of them and choose Nest.

This will nest the clips together into a new sequence, and open it as the active timeline.

Now it’s time to change the aspect ratio of the nested timeline so it matches the mobile device.

Double-click the nested timeline in your sequence to open it.

Choose Menu Bar > Sequence > Sequence Settings. 

Change the Frame Size to 540 x 960. To confirm, Vertical should read 9:16.

Click OK.

Note: Once the aspect ratio has been updated to match the mobile device, you can double-click the clip in the Program Monitor and reframe it to your liking.

Open After Effects in the background, with a new, blank project.

While it’s opening, return to Premiere Pro and select your original timeline — not your nested timeline.

Select both layers in the original timeline.

Right-click on both layers, and choose “Replace With After Effects Composition.”

You’ll get a Save dialog box in After Effects. Save the project to your hard drive.

Back in After Effects, select just the top layer of your new sequence. 

Then in the Menu Bar, choose Effect > Keying > Linear Color Key

Note that the Linear Color Key defaults to the color blue, so you’ll see no change on your video track. To key out the green in our mobile device example, go to the Effects Controls panel in After Effects, and select the eyedropper to the right of the blue box. 

Then, using the eyedropper, click the green field of the mobile device in your Composition panel.

Be sure that your Tracker panel is visible in After Effects. It’s standard in the rightmost panel, but if you don’t see it, you can enable it in Window > Tracker from the Menu Bar.

In the Tracker panel, click Track Motion. In the Track Type dropdown menu, choose Perspective Corner Pin.

Placing your cursor between the two small squares in the upper left corner of the big square tracker, drag it to the upper left corner of the mobile device. After Effects will automatically pop-up a magnifier for you to fine-tune your placement. 

Repeat for the three other corners.

Reduce the size of each of the four inside boxes to fine-tune your tracking to focus just on the corner.

Expand the size of the outside box in each corner to about double the standard. 

In the Tracking panel, click Edit Target. Note that it will automatically select the nested layer below. Click OK.

Next, click Analyze Forward: it’s the right arrow button in the Tracker panel.

Finally, if you like the tracking path it recorded, click Apply. After Effects should take you back to the main composition with the green screen keyed out.

Save the AE project.

You will see your After Effects composite is dynamically linked and updated.

Export your video with a Premiere Pro preset for social media or desktop presentations.

We’re using a 1080p HD Vimeo preset that outputs a video we can drop into a PowerPoint presentation right from our computer.

You’ve set your tutorial video in a mobile device to highlight your work on your website or for a client.

Check out this curated collection from Adobe Stock with more images that you can use in your next project.