Skip to content

Google Pixel 2 XL Mockup

Phone··PSD

Google Pixel 2 XL Mockup

What's inside

  • Applications Photoshop
  • File Types PSD
  • License Free (see author's terms)
  • Author Dribbble

Presenting a mobile website? Put it on this google pixel 2 xl mockup and the client sees the real thing, not a flat file.

It’s a handy file for app developers and marketers. A small tip: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.

It’s also a quick way to make case study images look consistent: same device, same angle, different screens.

Use it for

  • A mobile website
  • A social post
  • An Android app

The file is made by a designer on Dribbble. The download button takes you to their page, where you get the original file and the licence details.

Google Pixel 2 XL Mockup: editable parts

Open it in Photoshop and you can change:

  • Screen design, placed through the smart object
  • Device colour, where the file includes it
  • Background colour
  • Screen glare and reflection layers

How to edit this Google Pixel 2 XL Mockup in Photoshop

  1. Export your screen design as a PNG at the exact size of the screen smart object.
  2. In the Layers panel, find the layer with the small smart object icon and double-click it.
  3. Drop your artwork in, fit it to the canvas, save and close. The mockup updates by itself.
  4. Change the background colour to fit your brand.
  5. Save a JPG for clients and social media, and keep the PSD for later changes.

Turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.

Best uses for this Google Pixel 2 XL Mockup

  • Make two or three colour versions of a mobile website and let the client pick.
  • Show an Android app to a client before it goes to print or production.
  • Share a social post on Instagram, Behance or Dribbble with a real-looking preview.

Quick notes on this mockup

  • Made by a designer on Dribbble. The download size and format are listed on their page.
  • Built for Adobe Photoshop. A recent CC version handles the smart objects best.
  • Check the smart object size before you design, so your artwork fits without stretching.

Browse more free phone mockups on Artistic Orbit, with new files added every day.

Questions about this mockup

What licence does it come with?

It's free to download, but the licence belongs to a designer on Dribbble. Check their page: it states whether commercial use is allowed and if attribution is needed.

How do I add my design?

Open the file in Photoshop, double-click the smart object thumbnail, paste or place your artwork in the new tab, save it (Ctrl/Cmd + S) and close. The main file updates on its own.

Which Photoshop version do I need?

A recent Photoshop CC version is best. Older versions can open the file but sometimes have trouble with smart objects and effects.

What size should my screenshot be?

Open the screen smart object and check its canvas size in Image › Canvas Size. Paste your screenshot at that size so it stays sharp.

Share:

You might also like