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.Pencil Sketch 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.New Dialog Box
  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.Detailed Visual Mockup
  4. Save and close.