Web design basics: Adding button elements to a wireframe

Takeaway: This tutorial shows you how to create and add button elements to your wireframe design.

Using Photoshop CS2, I will demonstrate creating button elements for your wireframe design, and then ultimately adding them to your final website design as well.  We will be creating two png image files and saving them, then converting them to gif file types when done. [Note: I have zoomed in the active window for most of the screen shots for better viewing.] This tutorial is a continuation of the post “The basics: Design a website wireframe in Photoshop.”

 Read more…