PROJECT: Photoshop Project 16: Create A Realistic Mock Up

Photoshop Project 16: Create A Realistic Mock Up

This example takes a screenshot from a phone and places it into a realistic photo of a phone in a real life situation.

First we create a rectangle, convert it to a Smart Object and then position it to match the corners of the phone using the Free Transform + Distort option.

Reduce the Opacity of the rectangle to 90% to give it a more realistic look and add a Gradient Overlay from black to transparent.

Then add a triangle to the top left hand corner of the screen to give the screen a “glare effect” using the Pen Tool (Shape), drop the Opacity to 20%, add a Mask and use the Gradient Tool to give it a smooth transition.

Work Examples

My expertise spans across a plethora of disciplines. From strategy and design, to development and implementation, many people compliment me on my ability to do almost anything.

Featured Projects

CGI Clinic Website Update, Conversions Tracking And SEO
CGI Clinic Website Update, Conversion Tracking And Search Optimisation

CGI Clinic website updated including enquiry forms, conversion tracking, Google analytics, search console and search optimisation.

Learn More...
Medindie Car Vault Website And Print Brochure Package
Medindie Car Vault Website And Print Brochure Package

Website and print brochure package developed for Medindie Car Vault a car storage facility in Medindie for car enthusiasts.

Learn More...
Image by mohamed Hassan from Pixabay
Prototype Dating App Designed In Adobe XD

This is a Prototype Dating App designed in Adobe XD thanks to Luca Vavassori’s course: UI/UX design with Adobe XD: Design & Prototype a…

Learn More...
Image by Pexels from Pixabay
Modern JavaScript From The Beginning

Some sample apps developed thanks to the Modern JavaScript From The Beginning course by Brad Traversy, Traversy Media.

Learn More...
Image by Pankaj Patel on Unsplash
Website Project 5: Mastering CSS Grid

The Nexter Project is a demo website designed to explore the many benefits of using CSS Grid for website design.

Learn More...
Premiere Pro 1 Minute Video Edit
Premiere Pro 1 Minute Video Edit

This video editing in Premiere Pro project involved taking footage from an interview (A and B-Roll), adding additional footage from other…

Learn More...
Main Menu

Hello, my name is Loc Tran and I help Marketing Managers boost their confidence in Digital Marketing, Web Development and Data Analytics so that they can demonstrate a positive impact to the bottom line.

I work with Agencies, Companies and Private Individuals to:

✓ Prevent wasted ad spend through improved strategy, tracking and optimisation

✓ Integrate creative, content and data analytics to drive measurable results

✓ Better show how your work directly contributes to revenue

I do this through one-on-one coaching as well as my Digital Manager boot camp where I show you the fundamentals of Performance Based and Data Driven Integrated Marketing.