Can You Put a Video in a Mockup in Photoshop?

Yes, you can put a video in a mockup in Photoshop. Putting a video in a mockup is a very creative way to sell many kinds of products.

Today we will show you the process of putting a scrolling video of a website, inside a laptop inside a mockup. You can do the same process for many other products, sky's the limit.

Choosing The Image and Video

Let’s take this mockup as our starting point.

the basic image we choose to make a template and put a video inside

We will put the video on this laptop screen.

Now for the video, we will screenrecord our website while scrolling to make a scrolling video. You can make or use any other type of video content for this.

Creating Smart Object In The Screen

First, we will make a rectangle on the screen like this and make the color black.

making the rectangle

Tip: For easy processing, make the rectangular the size of your video when making the rectangle.

sizing the rectangle

Right click on the rectangle on the layer panel and choose “Convert to Smart Object”

converting the rectangle to a smart object

Then down size the rectangle a bit for easy processing but it will naturally not fit the screen. To do it - 

Go to Edit → Transform → Distort

distorting the rectangle

Now you can grab the corners and fit the rectangle on the screen like this.

fitting the rectangle inside the laptop screen

Putting The Video In The Smart Object

Now go to Window → Timeline and click the “Create Video Timeline” button. This will open up a video timeline.

Now, double-click the smart object in the layers panel and that will open the Smart Object window.

Drag and drop your premade video on the smart object and resize if needed.

Before saving it, click on the Create Timeline button again and you’ll see there’s two different layers with different sizes.

putting the video on the smart object and equalizing the rectangle with the video

Drag the rectangle layer to the very end to meet the end of the video layer and hit save.

Now, you’re done with the basic setting.

To make the mockup more realistic or to give it a look more of what you want, you can change opacity, glare or any of the fine tuning options.

The finished product will look like this.

Now click the play button and you will see this video playing inside the mockup.

Shohidur Rahman

Shohidur Rahman

Hey, I’m Shohidur, the content guy behind Bulk Mockup. In the past, I ran a print on demand tshirt store, where I learned the nitty gritty of the industry. Being in the industry for 7 years I understand the challenges faced by print on demand entrepreneurs of now. My main goal is to help print on demand sellers through the content I produce for Bulk Mockup.

Related posts

©2017-2023 Putoos Graphics LLP. All Rights Reserved