Photoshop Workshop - Lesson 7

Topics in this lesson:

• Creating Square Buttons
• Creating Rounded Buttons

Creating Buttons
Buttons are often used for Web site navigation, especially for mouseovers. However, it is possible to have action (feedback) on mouseovers using Cascading Style Sheets (CSS). For this section, we'll use online tutorials.

• Square buttons - instructions
  sample - square_button.psd
• Rounded buttons - instructions
  sample - rounded_end_button.psd
• Adding text
  • Creating text on transparent background
  • Creating and slicing header

resources

• Tutorials
  • Designs by Mark - many tips/tutorials
  • Janee's PS Tutorials - many tips/tutorials
  • Sketchpad - many tips/tutorials
  • Tiem Design - many tutorials - not well ordered
• Tips
  • Creating metal text
  • Layers and channels
  • Using actions
  • Using the pen tool
  • Yahoo!s PS tutorial listing