Samsung Galaxy Note 8 Mockup
Last Updated on July 29, 2026 by Editorial Team
A free .PSD mockup of Samsung Galaxy Note 8, created and shared by Ghassan Hani. Happy downloading!
What makes this Samsung Galaxy Note 8 mockup useful is the amount of realism it carries without overwhelming the app or logo you’re presenting.
The phone sits in a natural three-quarter front view with the S Pen pulled halfway out beside it, catching a soft highlight along its barrel and the visible Samsung branding.
The bezel, camera cutouts, and iris scanner dots at the top are all rendered with enough detail to read as a real device photo rather than a flat vector outline, and the background shows a moody magenta-toned harbor scene with a traditional outrigger boat, blurred just enough to keep focus on the screen.
That warm maroon wash over the backdrop gives the whole composition a lifestyle-photography feel rather than a sterile studio shot, which is worth noting if you’re choosing this mockup for a specific brand mood.
This kind of setup earns its keep in a lot of everyday design work.
App designers use Note 8 mockups like this one to show off a UI on a device that still has genuine market recognition, especially for anything tied to productivity, note-taking, or stylus-driven interaction, since the S Pen is right there in frame doing the storytelling for you.
It also works well for portfolio pieces, Dribbble shots, App Store preview graphics, client presentations, and social media posts announcing a new app or feature.
Because the S Pen is a visible, distinct part of the shot, this mockup is a strong pick if your product involves sketching, annotation, signatures, or any handwriting-adjacent interaction that benefits from being shown with the actual stylus rather than a bare screen.
Swapping In Your Own Screen
The screen area is the flat maroon-tinted panel where the pin-shaped logo currently sits, and that’s the layer you’ll want to target first.
In your editor, isolate the smart object or screen layer, then paste your app interface, website capture, or artwork into it and let the mockup’s perspective and lighting layers do the rest.
Keep your screen content simple and high-contrast near the center, since that’s where the eye naturally lands against the dark glass reflection.
If your composition needs a different mood, the background is easy to treat as a separate element.
You can recolor the magenta overlay, swap in a plain studio backdrop, or drop the opacity of the tint to let a different photo show through, all without touching the phone or S Pen artwork itself.
Try duplicating the file and testing a neutral gray or brand-color background next to the original moody version to see which supports your screen design better.
For layout pairing, this mockup reads well next to a few flat UI screens, a short feature-callout list, or a logo lockup, especially in a portfolio case study where you want one hero device shot before breaking down individual screens.
Because the S Pen is angled outward and slightly separated from the phone, there’s a natural pocket of negative space to the right where a short headline or CTA button can sit without crowding the device.
