• getting started with Photoshop
• information design
• function design
• putting it together
• readings

• designing the presentation of information
  content
  • text
  • graphics
  visual design
  • colour
  • shape
  • layout
• examples:
  • transit map
  • restaurant menus
  • magazine story
• example: start page => finished page

• designing features that allow customers to accomplish tasks
  
  • information architecture: organization, labelling, etc.
  • interaction design: facilitating actions
• essentially we're identifying what people can do and how we're going to help them do it
• in web design we have the added challenge of designing the presentation of functional elements - buttons, navigation, interactive forms, tools, etc. - so that the site is useable
• putting it all together:
  the interface of a site is all of the things we've been talking about:
  • features
  • content
  • visual design
  • layout
  • usability
• users interact with your site because of the content, not the design
• an interface should be simple, clear and intuitive

Sample images to use in these exercise. (or google for your own).

• Orientation to Photoshop Screen and Tools. In class. See also: Life Hacker "Learn basics of photoshop
• Zooming and Panning
• Layers. In-class exercise. See also: Introduction to Layers
• Resizing, Free Transform, Cropping, Changing data format. Walk through exercises in class.
• Save for the Web. Walk through exercises in class.
• Selections. Walk through exercises in class. See also: Example of selecting apple
• Layer Mask
• Curves tools color ajustment video

Sample images used in these exercise. (or google for your own).

• Dino beach. Add images with transparent backgrounds to background.
• Coloring book. Use your skills to color the dragon, using layers.
• Finger nail replacement operation. Make all the finger nails the same.
• Separate the cartoon beach into separate layers and use filters to give each piece texture etc.
• Work through the wedding photo mask example.
• Try the curves adjustment on a photograph.

Note: You will need the skills learned this week to do the photoshop homeowork next week.