Can You Put a Video in a Mockup in Photoshop

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 ...

Shohidur Rahman
May 18, 2024
read

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.

Tip: For easy processing, make the rectangular the size of your video when making 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

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

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
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.

Subscribe to Bulk mockup
weekly updates!

Accepted payment methods
Copyright © 2024 by Bulkmockup. All rights reserved.