Creating a Mockup - Exercise

Contact Us or call 1-877-932-8228
Creating a Mockup - Exercise

Creating a Mockup

Duration: 15 to 25 minutes.

In this exercise, you will create a mockup using Photoshop.

  1. Open Adobe Photoshop.
  2. Using tools available and an idea (sketch seen below) create a detailed mockup.
  3. Spare resources and artwork are available if you choose not to build a custom project. mock-ups/Exercises. The Layout.psd file is a completed version of one idea you may build.
  4. Organize the layers for better use of the design later on.
  5. Save and close the file.


  1. Open Photoshop.
  2. Create a new file. File > New. Click OK.
  3. Create the visual layout using unique custom components that you create from scratch or use the ones provided with the class files. Make sure to create layer folders to organize.
  4. Save and close.