Using Photoshop Mockups from Adobe Stock

by Adobe UK Team

Posted on 05-31-2019

Adobe Stock offers a wide variety of templates for Creative Cloud apps so you can immediately get started on your next design project with ready-to-use social media sets, infographics, event flyers, stationery sets, and much more. Once you’re done with your designs, think about elevating them to the next level by showing them off in a mockup to give your work context. Adobe Stock’s collection of Photoshop mockups allow you to showcase your designs in Mockups on Adobe Stock are reviewed and tested to guarantee high-quality files that meet best practices to easily bring your designs to life.

Featured images include 2 People with Shopping Bags Mockup_ by Rawpixel, Front and Back Business Card Mockup by Custom Scene, and Frames Against Walls with Cactuses Mockup by _Rawpixel

Non-destructive editing is a way of life

Adobe Stock mockups are easy-to-use, layered files that take full advantage of the non-destructive editing features in Photoshop. Non-destructive editing (NDE) is an industry standard for photo editing that describes the process of making changes to an image without overwriting the original image data. In addition to letting you preserve the original file, NDE techniques have the added benefit of not decreasing the image quality as you make edits. Using layers and other adjustments in a mockup allows you to apply realistic effects to your design and quickly customise your content, all while preserving the original for-placement and design files.

Smart Objects can apply all kinds of creative work to realistic imagery, with the right setup. Drawstring Bag Mockup_ by _Custom Scene

Mockup methods

Smart Objects are one of the key non-destructive features in Photoshop that make using mockups a breeze. Smart Objects are created by converting layer masks, another versatile non-destructive feature in Photoshop. Masks isolate part of an image that can are replaced with a design and then take on the angle and effects applied to the mockup file. Creating a Smart Object out of a masked layer opens another window in which only the replaceable area will be shown. Simply double-click on the Smart Object icon in the Layers panel, place and resize your design into the source content file, and save it to see the changes applied.

Show off your designs in a contextual scene. Poster on Easel Mockup_ from _Rawpixel.

Another way to replace images in Photoshop is by using the Frame Tool to convert shapes or text into placeholders that can be quickly filled with images. Frames are new to Photoshop as of October 2018, but have been widely used in InDesign for years. They are great for easy and quick image replacement – you can simply drag an image into a frame and it will automatically resize your image for you. This works best for images that have a head-on perspective, like flat lays or non-skewed device mockups.

Easily drag and drop images using the Frame Tool. Hanging Gallery Poster Frame Mockup_ by _Dennis Belmas.

Show and tell

Like most creative processes, there’s a lot of context required for making technical decisions. The Adobe Stock team takes into careful consideration new, as well as tried-and-true, features that make templates easy for Creative Cloud users – we can’t wait to see how contributors and creators help elevate each other.

Check out the Creative Mockup Collection on Adobe Stock.

Topics: Design, Content, Customise, Editing, Effects, Event Flyers, Infographics, Methods, Mockups, Original, Practice, Social Media, Stationery Sets, Techniques, Templates, UK, UK Exclusive, Creative EMEA

Products: Stock, Creative Cloud, Photoshop