Step 1: Find and Download the Mockup Template
Choose your favorite mockup and click the Download button.
(Example: https://mcdodesign.com/apple-watch-se-mockup/)
Find the ZIP file in your 📁 Downloads folder.
Double-click to unzip it, then move the PSD file to your preferred location.
Step 2: Open Your Mockup File
Launch Adobe Photoshop on your Mac.
Click File > Open… (or press Cmd + O).
Locate and select the PSD mockup template you downloaded.
Click Open to load it into Photoshop.
Step 3: Find the Smart Object Layer
Look at the Layers Panel (if you don’t see it press F7 or Click Window > Layers).
Find the 🔲 Smart Object layer (usually labeled something like “Your Design Here” or “Replace Here”).
The Smart Object layer usually has a small page-within-a-page icon in the corner of its thumbnail.
Step 4: Open the Smart Object
Double-click on the 🔲 Smart Object layer thumbnail.
This will open a new tab in Photoshop, where you can replace the placeholder design with your own.
Step 5: Add Your Design
Drag and drop your image (JPEG, PNG, AI, PSD, etc.) into the new Smart Object tab.
If necessary, delete or hide the existing placeholder design.
Step 6: Adjust Your Design
Press Cmd + T (Transform Tool) to resize and reposition your image.
Hold Shift while resizing to maintain proportions.
Once you’re happy with the placement, press Enter/Return to apply the changes.
Step 7: Save the Changes
Go to File > Save (or press Cmd + S).
Close the Smart Object tab (click the “X” in the tab).
Your design will automatically update in the main PSD mockup. 🎉
Step 8: Close the Smart Object Tab
Close the Smart Object tab, and your design will now appear in the mockup!
Step 9: Customize Your Mockup (Optional)
Now that your design is in place, you can further customize it:
- 🟩 Change Object Color: If the PSD allows, find the Color layer in the Layers Panel and adjust it to your desired shade.
- ⬛ Change Background: If the PSD allows, select the Background layer and change its color or replace it with another image.
Step 10: Save & Share!
Click File > Export > Save for Web (Legacy)… Choose the format you need:
- PNG (for transparent backgrounds)
- JPEG (for high-quality images)
Adjust the quality settings if needed. Click Save, choose a location, and give it a filename.
Now your mockup is ready to impress! ✨
