JWCo. Basic Devices Mockup
Say hello to the Basic Devices Mockup Pack by Jen Wagner Co. – the perfect solution for designers seeking minimal, high-quality device mockups. This pack includes one high-resolution Photoshop mockup for both laptop and iPhone, plus easy-to-use empty-screen .png images for easy integration into programs like Canva. Ideal for showcasing your work in brand guides or simple design contexts, this minimal mockup pack is designed to easily help you present your designs while working alongside whatever context you’re working in. Perfect for designers who need quick, simple solutions without sacrificing quality.
Includes:
• One high resolution iPhone mockup (Photoshop .psd)
• One high resolution Laptop mockup (Photoshop .psd)
• High resolution empty screen .png files for each device (perfect for creating in Canva!)
TEMPLATE LICENSE is for use in one template you’d like to sell. So, if you’re creating a brand guide and you’d like to include a section with a mockup, you can purchase a Template License and use either of these mockups in that particular template for sale.
select the LICENSE that works for you:
INDIVIDUAL
AGENCY
Any kind of sharing template files, for free or resale, in templates, websites, etc.
Agencies, social media managers, designers, marketers creating content on behalf of clients
Unlimited commercial use for brands you represent (includes social media, advertising, web use)
Use for any clients or third parties you may be designing for (only one brand per license is covered)
Brands, designers, videographers, freelancers, business owners creating their own content/showcasing their work
Unlimited commercial use for your brand (includes social media, advertising, web use)
View Individual License
View Agency License
1. OPEN IN PHOTOSHOP
2. ENABLE "TIMELINE" WINDOW (for video)
3. DOUBLE CLICK & REPLACE VIDEO/image
4. SAVE AND EXPORT!
Watch the Tutorial
how it works
Start off by opening your mockup in Adobe Photoshop.
Double click the thumbnail of the smart object layer named, "Double Click to Replace." In the new window, drag and drop your video or new artwork, and delete the placeholder. Then save and go back to the main mockup document.
Once your mockup is looking great with your artwork, either Render your video (File > Export > Render Video...) or Save As an image!
Then, click Window > Timeline to enable the timeline for video files (if you're just using an image mockup, you can skip this step!)
That brand deck you finished? A new site?
what will you show off?
That brand deck you finished? a new site? check out how these creators used their mockups!
(check out how these creators used their mockups)
FAQ:
Both the still-image and video mockups are designed to use in Adobe Photoshop.
Not at all! The most you'll need is a screen recording or whatever video you want to be seen on screen. You just drag and drop your video into the Smart Object layer of the mockup, like any other mockup template!
It depends! They range from 8-15 seconds, so quick highlight-style clips.
If you're just using these mockups to showcase your work, you'll need an Individual license. But if, for example, you're an advertising agency wanting to use these for video ads for your suite of web-designer clients, you'll need the Agency License. So the individual license is for you; the Agency license is for you and any brands you represent/create content for/etc. If you're sending the exported files to clients to use on their website/ads, you'll need an Agency license. If you're only uploading to your own website/social channels, you'll need an Individual license. Make sense?
READY TO set your work in motion?
These mockups have completely changed the way I think about video content and presenting my work – I think they'll do the same for you too!
Buy Now
