How To Insert Picture In Psd Template

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

Envato Marketplace is an fantabulous resources for stock photos, graphic templates, and product mock-ups. These resources are a keen way to produce high-quality marketing shots in a very short amount of fourth dimension.

Alternatively, if you lot don't have the correct software or are not confident using information technology, consider using Placeit, an online product mockup generator.

Follow along with us over on our Envato Tuts+ YouTube channel, video created past Andrei Stefan.

1. How to Select a Product

I of the advantages of using a purchased template is that the creators normally provide a very clean, organized file that makes it easy to insert your own imagery. And so for example, if y'all are promoting a new app that uses the device'due south camera and GPS to provide street view directions, what better way to market the app than by showing information technology being used on a device?

Stride 1

At that place are lots of product mock-ups bachelor on the market. The one I chose to use includes a hand property the device.

Step two

Download the zipped binder and extract the separate files from the package. Open the file named Hand1_Transparent.psd in Photoshop. Find that the file has multiple layers and this easily accommodates the process of updating the file to include your own custom imagery.

two. How to Supersede the Background

Footstep one

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

example of entering a smart object layer

The file opens—it's called Layer1.psb. Observe that it only has a single layer, the current background image.

example of entering the background layer

Step 2

Get to File > Place Linked and select a new photo as the background for the advertizing. I've called a street view from my ain photos.

example of changing the default background

Footstep 3

Go to File > Relieve and and then close the file. The contents of the groundwork in the initial file update to reverberate the new groundwork. Observe that the file automatically adds a blur and colorization effect to the new groundwork also.

three. How to Replace the App Interface

Footstep 1

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

Stride two

That file, chosen Camera.psb, includes two layers. There's a subconscious layer for a white version of the device, and the currently visible black version. Both of these are too Smart Objects. So they are smart objects within smart objects—that's like Smart-Object-ception! Double click the thumbnail for the darker-colored device to dig another level deeper and open that file.

Pace 3

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

example of using the replace contents layer

Step four

This new file, chosen Screen11.psb, contains the bodily screen prototype. Insert the new app interface image with File > Place Linked.

example of changing the app interface image

Step 5

Save and close each of the open smart object files. At that place should be three 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's It!

It actually is that elementary! Merely updating the smart objects within the template hands creates a customized marketing shot. Keep in heed that the file is still editable, so you lot tin swap out the contents of the smart objects at any time to update the image with new backgrounds and new app interfaces.

Placeit: The Toolless Alternative

Placeit is a simple and easy-to-apply online mockup generator with over11,000 Smart Templates to pick from. No Photoshop skills needed because everything you lot demand to practise is on the online tool. It doesn't get any quicker than this.

Phone Mockup on Placeit

Homo Playing Games in an iPhone X While Taking a Coffee

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

Expand Your Artistic Skills!

Merely finished going through this quick tutorial, and experience like learning more than of what it takes to go a visual creative? Well, if that'due south the case, then you're in luck since I've put together a trivial list which should get you up and going in no time!

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

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

If you need chapeau mockups to showcase your artwork and logos simply want to avoid the expensive and time-consuming process of hiring models and arranging photo...
nineteen All-time Magazine Cover Designs You Tin Personalise (With a Magazine Generator)

If you lot want to know how to brand a magazine cover from scratch, this article will requite you lot plenty of magazine comprehend ideas and testify you how you tin can make your...
How to Brand a Rap Album Encompass Fine art (Using an Album Cover Maker)

If you want to know how to apply an album cover maker online, to create rap album covers, read on to discover the power of the Placeit Album Embrace Maker.
How to Make a Flyer Online With a Flyer Creator (Without Photoshop!)

In this short 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, y'all can hands create a web log mail service teaser video to promote your content. In this commodity, we volition expect become through the steps of...
How to Make a Quick Tutorial Video (Blithe Slideshow) With Placeit

Are you lot a cracking cook, a makeup marvel or a pinnacle traveller? Whatever skill y'all accept to share, excite and engage your viewers with an insightful and...
How To Make a YouTube Intro Video Online With Placeit Templates

Build your video intro in less fourth dimension than always before, and yous don't need to have any software installed: you lot can easily and apace create bully YouTube...
xx 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 team to life!
25 Best iPhone Mockups & Templates

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