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.
http://www.emilyitskovitch.com
https://www.dropbox.com/sh/kol5v04y2ir5rxg/b_jOEx8mzo
Dropbox for Project
https://www.dropbox.com/sh/s8i9o2vaamnaxmp/pQwljXdppj
Dropbox for Do Nows
http://www.carlyagrifolio.org/ramapo-college/about/digital-media-design/
MISSING
site outline
INCORRECT
site map hierarchy
http://www.larammcnulty.org/2013/11/14/week-10-homework-due-11-15-13/
http://www.larammcnulty.org/photoshop-project-iii/
PS Project II Dropbox
https://www.dropbox.com/sh/uhbld6f2tler49p/rfavgPSKLe
Homework Week 10 Dropbox
https://www.dropbox.com/home/Homework%20Week%2010
PS Project II Dropbox
https://www.dropbox.com/sh/uhbld6f2tler49p/rfavgPSKLe
Homework Week 10 Dropbox
https://www.dropbox.com/sh/mtgtrfyv6c46ncf/36VP28rnou
MISSING
site outline
INCORRECT
site map hierarchy
http://www.katieebarnes.com/2013/11/11/week-10-homework-11-15-13/
http://www.katieebarnes.com/ramapo-college/classes-fall-2013/digital-media-design/photoshop-project-iii/
http://www.katieebarnes.com/ramapo-college/classes-fall-2013/digital-media-design/photoshop-project-iii-style-frame/
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
Week 11 Homework: http://www.benrothman.org/2013/11/11/week-11/
Week 11 Dropbox: https://www.dropbox.com/sh/wicw7gusyhr50ak/UwMJ_A6qI8
Project III Page: http://www.benrothman.org/ramapo-college/classes/digital-media-production/project-iii-styleframes/
Project III Dropbox: https://www.dropbox.com/sh/etnntd383ftirgf/OIaGk_1oBd
INCORRECT
site map hierarchy
site outline
use the horizontal line to show text
Life hacker tutorial incomplete
http://jamonlyons.com/2013/11/15/week-10-homework-due-11-15-2013/
http://www.joshuadrand.com/2013/11/15/homework-week-10-11-15-2013/
http://www.joshuadrand.com/ramapo-college/classes/digital-media-design/projects/styleframes-project/
https://www.dropbox.com/sh/y40mlq2zr3jq158/Jo33yaUtMQ
https://www.dropbox.com/sh/4cvntoo9lllp2s5/Cv8I_rVxft
https://www.dropbox.com/sh/118y721ib6exf2v/eAVQiR8OB3
INCORRECT
site map hierarchy
use the horizontal line to show text
image boxes should be represented with a box with an x through it
http://www.mymichaelfriedman.com/
MISSING
site outline
Photoshop wireframe
INCORRECT
site map hierarchy
Hacker tutorial
INCOMPLETE
Charity Water styleframe