Purchasing a template from Envato Market is an excellent strategy to produce high-quality materials without spending the time to design it yourself. But it may come as a surprise to learn that the photos seen in the previews of the template are often not included with the template itself.
In this Quick Tip you will learn how to insert a photo into a flyer template purchased form GraphicRiver.
1. Purchase and Download
Once the files are purchased and downloaded, the contents need to be extracted from the zipped package. This particular template includes three Photoshop .psd files and one Read-Me.txt file.
It's always a good idea to look through the Read-Me file before using the template. The author will include any important information there. Notice that this one includes a note that the preview image is not provided with the template.
Open the one of the template files in Photoshop. Here I used the Flyer-01.psd file. Notice that the photo area is just a blank gray box.
We will need a photo to go into the template. It should be a business-related photo with predominantly bright colors to match the template, and it also needs to be landscape orientation to fit the space designated for it. I chose to use this business stock image from PhotoDune.
2. Editing the Template
In the template file, look through the Layer Groups to find the variation you prefer most. In this example, we will choose the blue group called Color-01. Hide the other two groups by clicking on the eyeball icons to toggle the visibility.
Open the Color-01 group folder, then the Main-image group folder, and then click on the Shape 1 copy layer. This is the gray box that is visible in the template.
Go to File > Place Embedded and navigate to the photo to place it into the template. Photoshop inserts the photo as a Smart Object.
Move the photo into place and drag on the corner handles to scale it appropriately. Hold down the Shift key while scaling to retain the same proportions and prevent unwanted stretching. When the photo is in the correct position, apply the transformation by pressing the Enter key.
Go to Layer > Create Clipping Mask (Alt-Control-G) to clip the photo to the gray box shape. The Layers panel should show an indented thumbnail with a small arrow next to it. This ensures that the photo is only filling the space designated by the designer.
And That's It!
Congratulations! You've just updated the photo in a template of a professionally designed flyer. Nice work!
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post