How To Add Video To A Photoshop Template

In this Quick Tip, I'll bear witness you how to use Adobe Photoshop to add your own custom imagery to a product mock-up purchased from Envato Market.

Envato Market is an excellent resource for stock photos, graphic templates, and product mock-ups. These resources are a not bad fashion to produce loftier-quality marketing shots in a very short amount of time.

Alternatively, if you don't have the right software or are not confident using it, consider using Placeit, an online product mockup generator.

Follow along with united states over on our Envato Tuts+ YouTube aqueduct, video created by Andrei Stefan.

i. How to Select a Product

One of the advantages of using a purchased template is that the creators unremarkably provide a very make clean, organized file that makes it easy to insert your own imagery. And then for case, if you are promoting a new app that uses the device'southward camera and GPS to provide street view directions, what better way to market place the app than by showing it being used on a device?

Step ane

At that place are lots of product mock-ups available on the marketplace. The i I chose to use includes a paw holding the device.

Pace 2

Download the zipped binder and extract the carve up files from the packet. Open up the file named Hand1_Transparent.psd in Photoshop. Notice that the file has multiple layers and this easily accommodates the procedure of updating the file to include your own custom imagery.

2. How to Supplant the Background

Stride ane

In our hypothetical ad, the app should testify what the device's photographic camera is seeing. The groundwork image is within the Smart Object layer labeled EDIT Background. Double-click on the thumbnail to open up the contents in its ain document.

example of entering a smart object layer

The file opens—it's chosen Layer1.psb. Find that information technology only has a unmarried layer, the current background image.

example of entering the background layer

Step ii

Go to File > Identify Linked and select a new photograph every bit the background for the ad. I've called a street view from my own photos.

example of changing the default background

Footstep three

Go to File > Salvage and so close the file. The contents of the background in the initial file update to reflect the new groundwork. Detect that the file automatically adds a blur and colorization effect to the new background too.

3. How to Replace the App Interface

Step 1

The interface is updated with the same method. Double click on the EDIT OBJECT layer thumbnail to open that Smart Object.

Step ii

That file, called Photographic camera.psb, includes two layers. There's a hidden layer for a white version of the device, and the currently visible black version. Both of these are also Smart Objects. So they are smart objects inside smart objects—that's similar Smart-Object-ception! Double click the thumbnail for the darker-colored device to dig another level deeper and open up that file.

Pace 3

That file, called Camera1.psb, contains the different layers used to illustrate the device and some other Smart Object named REPLACE CONTENTS for the screen. Double-click on that thumbnail to open that file.

example of using the replace contents layer

Stride 4

This new file, called Screen11.psb, contains the actual screen image. Insert the new app interface epitome with File > Place Linked.

example of changing the app interface image

Step five

Save and shut each of the open smart object files. There should exist iii of them: Screen11.psb, Camera1.psb, and Camera.psb. The original file is now updated with the new interface seamlessly incorporated into the shot.

That'due south It!

It really is that simple! Merely updating the smart objects within the template hands creates a customized marketing shot. Proceed in mind that the file is still editable, and then you can swap out the contents of the smart objects at whatever time to update the image with new backgrounds and new app interfaces.

Placeit: The Toolless Alternative

Placeit is a simple and piece of cake-to-utilise online mockup generator with overeleven,000 Smart Templates to choice from. No Photoshop skills needed because everything you lot need to do is on the online tool. It doesn't become any quicker than this.

Telephone Mockup on Placeit

Man Playing Games in an iPhone X While Taking a Coffee

Mockup of a Black Human Holding a White iPhone with Both Easily

Expand Your Creative Skills!

Just finished going through this quick tutorial, and feel like learning more of what it takes to become a visual creative? Well, if that's the case, so you're in luck since I've put together a little list which should go you up and going in no time!

10 Free Mockups Bachelor on Placeit (T-Shirt, iPhone, and More!)

Looking for a free mockup to evidence off your T-shirt design, new iPhone app, or business organization logo? Well, we've got ten gorgeous free mockup templates simply for you.
22 Best Hat Mockups (Using a Hat Mockup Generator)

If you need hat mockups to showcase your artwork and logos just want to avert the expensive and time-consuming process of hiring models and arranging photograph...
19 All-time Mag Cover Designs You lot Can Personalise (With a Magazine Generator)

If you want to know how to make a magazine embrace from scratch, this article volition give you enough of magazine cover ideas and show y'all how you lot tin make your...
How to Brand a Rap Album Cover Art (Using an Anthology Encompass Maker)

If you desire to know how to use an album embrace maker online, to create rap album covers, read on to observe the ability of the Placeit Album Cover Maker.
How to Make a Flyer Online With a Flyer Creator (Without Photoshop!)

In this brusque tutorial, I'll show you how to create a flyer online, without using Photoshop, in just a few steps.
How to Create a Quick Teaser Video for a Blog Post (With a Placeit Template)

Using a Placeit template, you lot tin can easily create a blog post teaser video to promote your content. In this commodity, nosotros will wait go through the steps of...
How to Brand a Quick Tutorial Video (Animated Slideshow) With Placeit

Are you a cracking melt, a makeup marvel or a top traveller? Whatever skill you accept to share, excite and appoint your viewers with an insightful and...
How To Brand a YouTube Intro Video Online With Placeit Templates

Build your video intro in less time than always before, and you don't need to have whatsoever software installed: you lot tin can easily and chop-chop create great YouTube...
20 Cool Gaming Logos: Team + Video Games (Online Design Creator)

Learn to build your video game logo in less time than always before by using Placeit or Envato Elements to bring your squad to life!
25 Best iPhone Mockups & Templates

Create compelling designs for apps and websites with iPhone mockups. Check out this list of premium iPhone templates from Envato Elements and Placeit.