The way to Use a Mockup Template

With an ever growing development towards ecommerce and digital branding, it is important for designers to have a singular, realistic set of mockups in their arsenal. While pitching your design to a consumer, a realistic mockup template may help you outshine the competition. Put simply, the proper mockup can help the shopper visualize what the end product will look like with more clarity. Throughout this article, we’ll evaluation the way to use standalone PSD files with Smart Objects. Smart Objects are simply special layers that preserve an image’s supply content. They often comprise raster and vector image data, and are extraordinarily helpful when using mockup templates. Smart Objects isolate the unique artwork you are attempting to place within the scene from the rest of the visual effects which are utilized to it. Let’s leap to learning learn how to use a mockup template in 3 easy steps.

Step 1: Find and Download

You will find loads of PSD mockup files to work with around the web — this includes each free and paid items. As far as paid mockups are concerned, Artistic Market has a complete category devoted to them. Check it out if you’re looking for templates which are distinctive and ready to use. Earlier than we start, it’s important to get acquainted with the folder construction of a professional mockup template. While you download a PSD mockup, it is typically saved as a zipped file. When you extract its contents, take an in depth look at what the seller has included. Ideally, it should possess the next files:

.psd file of the mockup, which is the supply file you will edit

.jpg file of the mockup, a preview of the template in action

.txt or .pdf file that explains what the mockup is about, who made it, and its licensing policy.

Step 2: Open and Find the Smart Object

Unzip the file and take a look at what’s inside:

Like I mentioned before, you will usually discover a .jpg preview, a .psd supply file, and a few kind of documentation concerning the product. The next step is to open the .psd file in Adobe Photoshop and research its layers. What you will find will depend on how complex and detailed a mockup is. Understanding how the layers work on the template you’re utilizing is important because you might be finally going to interchange its default elements with your customized content. Our tote bag mockup file, for example, consists of three layers: one for the background color, one for the bag itself, and one for the small tag you see on the left. There’s additionally a layer for the white flowers coming out of the bag.

Step three: Place Your Content

The last step is to replace the template’s mockup content material with your own customized content. To do so, just click the Smart Object icon of the layer. Doing so will open a new Photoshop window displaying only the artworkwork that you are going to replace.

You’ll be able to see that the default mockup content is a set of editable layers. I am replacing it with a colorful art sample from Funderful. Just have your desired artworkwork ready and drag it into the Smart Object window you just opened. Hit the save button when you’re done.


Using mockup templates is quite easy. All you must do is comply with these three basic steps and your job is done.

When you cherished this informative article and you desire to receive details relating to Mockup PSD Set Template kindly go to the webpage.