Enter your Sign on user name and password.

Forgot password?
Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Photoshop Designs to Code
  • Discussion

  • Study Guides

  • Table of Contents

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Creating Wireframes

  • Open Photoshop/Photoshop Elements
  • Open PSD-Design.psd
  • Create a new layer above all the other layers in the program
  • We want to put these boxes for the wirefram at the top of the layers panel so we can put them into a single folder in order to be able to turn them on/off as needed
  • It is the same process for both programs
    Rectangle marquee tool
    draw the rectangle you want to make
    Go to Edit-> Stroke
    choose 2 px, outside & Ctrl-D to deselect
  • You will see the outline of a box
  • Add text to the box