Using Photoshop Mockups from Adobe Stock

by Shea Molloy

posted on 05-20-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 allows you to showcase your designs in apparel, products, and billboards, as well as display them on mobile and desktop devices. 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 and Front and Back Business Card Mockup by Custom Scene, and Frames Against Walls with Cactuses Mockup by Rawpixel.

Nondestructive editing is a way of life

Adobe Stock mockups are easy-to-use, layered files that take full advantage of the nondestructive editing features in Photoshop. Nondestructive 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 customize 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 nondestructive features in Photoshop that make using mockups a breeze. Smart Objects are created by converting layer masks, another versatile nondestructive 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 by 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: Creativity, Design

Products: Stock, Photoshop, Creative Cloud