Week 11


The Elements of Design

Photoshop Project II 

  • Critiques
  • Large group critiques

DO NOW

Buttons, Bars & Tabs
Techniques for creating navigation elements.

Watch video and complete button tutorial. View it here.


DO NOW

Watch video and complete tutorial.


Ribbons and Banners

DO NOW

Tiled Backgrounds and Seamless Textures

Watch video and complete tutorial.


DO NOW

Shadows

Watch video and complete icon tutorial.


Week 11 | Homework


Delicious

On your del.icio.us account tag three Web Sites that focus on Photoshop

  • Photoshop Buttons, Bars, and Tabs in Web Design
  • Creating Photoshop shadows  
  •  Tiled Backgrounds and Seamless Textures

Photoshop Project III 

  • Using the techniques learned in ALL THREE VIDEO tutorials, design/create at a minimum three different items (one from each of the three videos) and use  them in your final iterations of your three style frames.
Photoshop Project III – Following Items Due  – Week 12 Monday
  • The COMPLETED style frames for the NEW homepage  and TWO additional pages with new layouts, color scheme, fonts, and images .
  • Updated wire frames iterations in Photoshop for all three pages you designing – both hand drawn and created in Photoshop
  • Updated site map and site outline
  • Research and Inspiration
  • Print out of all three pages for critique’s
  • DropBox link with all files, including PSD’s for all you work on this project.
  • Updated wire frames iterations in Photoshop for all three pages.
  • Research
  • Inspiration
  • Site outline
  • Site map
  • Hand drawn wireframes for the three pages you designed.
  • Photoshop designed wireframes for the three pages you designed.
  • The COMPLETED revised homepage template with new color scheme, fonts, your images.
  • Two additional pages designed in Photoshop
  • Print out of all three pages for critique’s

 All project files including Word document and DropBox link.

15 thoughts on “Week 11

    1. INCORRECT
      site map hierarchy
      images missing from wire frame
      the bottom of the page is called the footer, not foot
      image boxes should be represented with a box

    1. INCORRECT
      site map hierarchy
      site outline
      use the horizontal line to show text

      Life hacker tutorial incomplete

    1. INCORRECT
      site map hierarchy
      use the horizontal line to show text
      image boxes should be represented with a box with an x through it

  1. MISSING
    site outline
    Photoshop wireframe

    INCORRECT
    site map hierarchy
    Hacker tutorial

    INCOMPLETE
    Charity Water styleframe

Comments are closed.