AFFILIATEOPEN A SHOP

Mug Phone Laptop Case Scene Mockup

Creatsy in Mockups / Laptop Cases, Sleeves & Skins
ID: 1328898389 | Updated: Oct 8, 2022
PSD mockup scene featuring a marble design mug, phone case, and laptop case next to a cup of coffee and magazine.

Product Details

What Is the Mug Phone Laptop Case Scene Mockup?

The Mug Phone Laptop Case Scene Mockup by Creatsy is a digital PSD branding scene mockup for presenting logos, patterns and brand artwork on three products at once: a ceramic mug, a phone case and a laptop sleeve, styled together on one table.

The scene is a single layered PSD file, 2800 × 2100 px at 300 DPI, photographed as one view from above. An open magazine and a coffee sit in the frame as props, which makes the shot work as a lifestyle image for shop banners, brand presentations, Etsy and Amazon listings, portfolios and social media.

Each of the three products takes its own design through a Smart Object and recolors with flat colors or gradients across the full range. The background switches between five options: marble, wood in a custom color, a flat custom color, neutral and white, and the white version is Amazon-ready.

Add your artwork, adjust its scale and position, and save. The mockup keeps the photographed perspective, materials and shadows, so you can check how one identity carries across the mug's curve, the flat back of the phone case and the fabric of the sleeve before sending designs to production.

This is a digital product. No physical mug, case or sleeve will be shipped.

In the Download

  • 1 layered PSD mockup file, 2800 × 2100 px at 300 DPI

  • one styled scene with a mug, a phone case and a laptop sleeve

  • editable design on each product via Smart Objects

  • flat colors and gradients across the full color range

  • five backgrounds: marble, wood in a custom color, custom color, neutral and white, the white one Amazon-ready

  • download of 3 files: the PSD, a JPG preview and a TIF guide, 71.9 MB on Windows and 75.3 MB on macOS

  • well-organized layers for fast and straightforward editing

  • compatible with Adobe Photoshop CS6 or newer and Photopea

  • sample artwork shown in the previews is not included

Who Is It For?

The scene is designed for merch and print-on-demand brands, branding studios presenting one identity across several products, sublimation sellers with matching mug and case designs, and Etsy or Amazon sellers who need a styled hero image without arranging a photo shoot.

How to Use It

  1. Open the PSD file in Adobe Photoshop (CS6 or newer) or Photopea.

  2. Double-click the Smart Object of the mug, the phone case or the laptop sleeve.

  3. Paste your design and adjust its scale and position, then save the Smart Object.

  4. Repeat for the other two products, then set colors, gradients and the background.

  5. Export the finished scene.

File details

Compatibility
PhotopeaAdobe Photoshop
Package size
71.9 MB71.9 MB|75.3 MB75.3 MB
Files type
.psd, .jpg, .pdf
Files size
2800x2100
TEST FOR FREE
PSD mockup scene featuring a black marble mug, phone case, and laptop case with gold accents arranged on a table.
PSD mockup scene featuring a marble design mug, laptop case, and phone case on a marble background.
PSD mockup scene featuring a mug, phone case, and laptop case with diagonal rainbow stripes on a white background.
Mug, phone case, and laptop case mockup shown on various backgrounds including marble, wood, and solid colors.
PSD mockup scene featuring a white mug, phone case, and laptop arranged beside an open book on a clean white background.

Why Show the Whole Merch Line in One Shot?

A customer who buys a mug from a brand store is a click away from the matching phone case, and a scene that shows all three products wearing the same design does that selling for you. One image says the design is a collection, not a one-off print.

It also saves production time. Instead of three separate mockups with three different lighting setups, the whole line sits in one photographed scene with consistent light, shadows and styling.

What Makes a Scene Mockup Different from a Single Product Mockup?

A single product mockup isolates one item so a listing can show it from every side. A scene mockup places products in a styled environment, here with a magazine and a coffee on a table, so the shot works as a lifestyle photo rather than a catalog image.

In practice stores use both: solo shots for the product page gallery, and a scene like this one for the hero image, the homepage and social posts.

Do the mug, the phone case and the laptop sleeve share one design?

Each product has its own Smart Object, so you can repeat one design across all three or give each its own artwork. The previews show the matched look, and that's the typical use.

Can I change the background?

The background switches between marble, wood in a custom color, a flat custom color of your choice, neutral and white. The white version follows the plain-white style marketplace listings use.

Is this one scene or several views?

One PSD with one photographed view. If you need a single product from more angles, the dedicated laptop sleeve mockup set covers the sleeve on its own.

What's in the scene besides the three products?

An open magazine and a cup of coffee, photographed as props. They keep the scene looking lived-in, and your design work happens on the mug, the phone case and the sleeve.

Do I need Photoshop to use it?

The file opens in Adobe Photoshop, CS6 or newer, and in Photopea, which runs free in a browser. The workflow is the same in both.

Are the marble and stripe designs from the previews included?

They're sample artwork, display only. The file you buy arrives blank, ready for your own design.

Is anything physical shipped?

Nothing physical ships. You download the PSD, add your designs and export the images.

Can I use the exports commercially?

A license comes with the purchase: Standard covers typical product and marketing use, Extended covers high-volume and resale projects. Pick by how many end products you'll sell.

Looking for More Tech Case Mockups?

Browse the Laptop Cases, Sleeves & Skins mockup collection for sleeve, case and skin PSD mockups that pair with this scene.

MEET THE SHOP

Creatsy logo

Creatsy

Poland
4.7 (672)

Bring your ideas to life.

We're a family-run studio in Katowice, Poland, making PSD mockups by hand since 2016. Everything in this shop starts in our own studio. We shoot the photography, build the 3D, and put together every Smart Object PSD ourselves - then we test it, organize the layers, and only ship it once it actually works...
GO TO SHOP

HOW IT WORKS

3 clicks. That's it.

No tutorial needed. If you can copy-paste, you can use this.

  1. 1OpenDouble-click the smart object inside the PSD - in Adobe Photoshop, or free in your browser with Photopea.
  2. 2PasteDrop in your pattern, print, or artwork. Any design, any style.
  3. 3SaveHit save and the mockup wraps it in for you - shadows, folds, and lighting included.

FROM IDEA TO IMAGE

Built for real workflows

Skip the photo shoot Show your artwork on the real product type for approvals or listings - no studio, no model, no sample.

See it on the product, not a swatch Drop your file into the smart object and the scene's lighting and folds wrap around it, so you judge the real thing before you commit.

Smart Objects

Edit once and you're done. Your artwork drops into a smart object and the mockup updates itself - no masking, no warping by hand.

Perfectly Organized

Named layers and folders you can actually navigate. Find what you need, change what you want, and get out fast.

Print-Ready

High-resolution files built to hold up on screen and in print. Exact size and DPI are in this product's Details above.

Related Products