Graphic Tools for designing web page, Photoshop and Illustrator

2. Index
The Design Concept
Graphic
Graphic Tools
Assignment

4. The Design Concept
1. To inform
2. To identity
3. To persuade

5. Plan
Research,
Observe
Wireframe,
Concept
Design

6. Graphic
Vector
Bitmap

7. Graphic Tools
Picture editor, Design page Vector picture editor

8. Screen of Illustrator
Artwork
Zoom in,
Zoom out
Page for Show your work

9. Selection, Crop
& Slice Tools
Retouch & Paint Tools
Drawing & Type Tools
Foreground Color &
Background Color
Screen Modes

10. Layout Design
Sketch
Digital Mockup

11. Example
http://webdesignfan.com//
http://webdesignsurvivalist.com/

12. http://vanimg.s3.amazonaws.com/
Example
http://bloomwebdesign.net/

13. Assignment#3
Design your blog 2 pages (Homepage
and About Me using Photoshop)