How to Use Envato Elements Assets to Create a Product Mockup

Digital assets are a great boon to any designer's toolbox. With Envato Elements, Envato's upcoming subscription service for asset downloads, you'll have access to thousands of top quality digital assets, from add-ons to product mockups and more!

In this quick tip tutorial, we'll combine two of the freebie assets, a coffee branding mockup and a vector watercolor texture, from Envato Elements. For this tutorial we'll be using bothAdobe Illustrator CCandAdobe Photoshop CC.

1. Using Watercolor Textures

Step 1

Let's start inAdobe Illustrator CC. Using theType Tool (T), write out a quick word or two. I've chosen "LO VE &" for my type.

Step 2

Expand (underObject) your type orCreate Outlines. Doing so will convert your type to objects, making it easier to edit them.

Step 3

Arrange your type as you see fit. IScaled my ampersand up and rearranged my letters a bit for my design. When satisfied with your placement,Select all of your objects andUnite them in thePathfinder panel.

Step 4

Open thewatercolor brushes and textures file fromEnvato Elements free downloads.Copy (Control-C) one of the watercolor textures provided in the pack andPaste (Control-V) it into your document.

Place it behind your text object in theLayers panel. You may have toScale,Rotate, or edit the texture a bit.

Step 5

Select the watercolor group and the text group and create a Clipping Mask (Control-7). Now your text has a fantastic watercolor texture applied to it. Consider layering multiple textures to get a different effect.

2. Using a Product Mockup

Step 1

Let's switch over to Adobe Photoshop CC. I'll be keeping both of the programs open for this section.

Download the free coffee cup product mockup pack from Envato Elements. Open one of the files included. In theLayers panel,Double-Click one of theSmart Objects in order to open it.

Step 2

Copy your design fromAdobe Illustrator CC andPaste it into theSmart Object document inAdobe Photoshop CC. I typicallyPaste in objects asSmart Objects so they retain their scalable features.

Place or edit your object as needed so it matches up with the label already present in the file.

Step 3

Once your object is placed over the placeholder object,Hide the originalSmart Object layer in theLayers panel andSave (Control-S) the document. You can also just replace or delete this layer if it takes your fancy.

Step 4

Back in the mockup document, you'll find the coffee cup you edited has a new design on it. Repeat on any otherSmart Object layers within the document and save your file.

Great Job, You're Done!

Now that you've got the hang of combining and using these digital assets, apply your design to some of the other product mockups included in the pack to create a full set of presentation pieces. Or create different designs to create a series of portfolio pieces.

Check out more assets and sign up for Envato Elements to get some fantastic freebies!