The Quick Guide to Editing Mockups
I’m using Photoshop, but you should be able to do the following in GIMP. This tutorial is for editing PSD files. To edit the PNGs, scroll down further.
Related: 10+ Creative Ways to Use Styled Stock Photos (Includes a free photo pack!)
How to Edit PSD Mockups:
Open the PSD and the image you want to put into the mockup. Drag the desired image over to the PSD file.
The image will open as a new layer as the very top layer. Then, right click that layer and select “Create Clipping Mask.” This will insert the image into the box/layer titled “Insert…”
The image will appear too big for the box, so go to Edit > Transform > Scale.
Be sure to constrain proportions if necessary. In my version, you do this by selecting the chain icon.
Voilà! You’ve inserted your image! Now, save it as a png or jpg, so you can upload it.
You can even crop unwanted areas out so it can better fit the feeds of Instagram, Twitter, Pinterest, or Facebook.
How to Edit the PNGs:
This works in Photoshop, GIMP, Photoscape, and most online editing programs. This tutorial is shown using Photoscape.
Step one, either drag the image you want to insert onto the canvas or find the ‘insert photo’ icon and add the desired photo.
Drag the adjustment arrow from one of the corners to constrain proportions (if necessary).
Be sure none of the colored box is showing from under the image.
Then save as a png or jpg to share!
Did you download the free photo pack? How will you use the images?