Mobile Devices 2017
Mobile Devices 2017
Freebies
Current version 1.0
Current version 1.0
Quickly mock-up how your apps will look on the latest Mobile Devices from Google and Apple. Use the devices for on your website, in advertisements or in presentations.
Quickly mock-up how your apps will look on the latest Mobile Devices from Google and Apple. Use the devices for on your website, in advertisements or in presentations.
Download for Photoshop Download for Sketch
Highlights
Scalable Hi-Res Hardware Renders
Multiple Colors and Sizes
Pixel Precise Screen Resolutions
Easy to Mock Up Presentations with Smart Objects
Highlights
Multiple Colors and Sizes
Pixel Precise Screen Resolutions
Easy to Mock Up Presentations with Symbols
Compatibility
CC 15+
Compatibility
Latest Version
What's inside?
This is a Photoshop document that holds mockups of the latest Mobile Devices made by Apple and Google, including Apple Watch, iPad Pro, iPhone 8, iPhone X, Pixel 2 and Pixel 2+. Some of the devices come in multiple colors.
How do I use it?
You’ll need Photoshop CC. Open the PSD file in Photoshop. Edit directly in the template file or create a new document and drag in / copy assets from the layers pane. You can add screenshots on the devices by right clicking the layers named 'screenshot' and hitting 'Edit Contents'. This opens a .psb file - create your artwork in this canvas. After saving the .psb file, the screenshot will appear on the device render.
What's inside?
This is a Photoshop document that, through Smart Objects, automates the process of rendering the various sizes that needs to be bundled with iOS Apps. The idea is to edit the largest size and have the smaller sizes automatically rendered, enabling a much quicker workflow when designing icons. You’ll also find a selection of iOS specific colors and shapes that you can build on, enviroment previews and easy export actions that spit out the exact files you need to deliver to Apple.
How do I use it?
You’ll need Photoshop CC. Open the PSD file in Photoshop. Find and right click the layer called ‘Edit me & save’ and hit ’Edit Contents’. This opens the Icon.psb file - create your artwork in this canvas. After saving the Icon.psb, the multiple sizes in the Main PSD file should be automatically rendered. Use the Photoshop Actions bundled with the resource to export your icon files in both squared and rounded corner versions. Watch the video tutorial.
Why does it cost money?
To ensure an up-to-date and growing collection of carefully crafted designer tools, access to this resource is reserved for subscribing members. It only takes a minute to sign up and membership is as low as 5$ a month. Your support makes this resource and several other resources sustainable. Learn more about membership by signing up or read more about the decision to make sustainable resources.
Join the
Newsletter
Monthly emails with new resources
First name
Email
 
No spam. Ever. Unsubscribe with a single click.