Maxine Ferman
updated August 1, 2001

 

Web Design: Photoshop, Illustrator, ImageReady, & Fireworks Tutorials

Objective: Students will select and complete tutorials on Fireworks, Photoshop, Illustrator and ImageReady and prepare a web page with their graphics to present to the class. Be prepared to present and discuss the process of your project and answer questions from the class.

See Sample Completed Quiz Below

  1. From the Adobe Resources below choose:
  2. Work through at least 4 tutorials yourself
  3. Work through the 4 tutorials yourself
  4. Save both your original .psd and illustrator files and include a link to each on your web page.
  5. Export each file as either a .gif or .jpg to insert in your web page
  6. Create a web page to demonstrate your work to present to the class during the next Code Review.

Tips: Challenge yourself! Pick something that really interests you. Don't pick something that someone else is doing. BE ORIGINAL!

Estimated preparation time: 10 hours

Presentation Time: 15 minutes/student

This will become sample in students portfolio

Due Date: TBD

Adobe Tutorials

  1. Photoshop & ImageReady Tutorials
  2. PhotoShop Tutorials & Resources: FantasyCamera
  3. Adobe Photoshop 5 Tutorials: CrazeDesigns
  4. Designs by Mark: Photoshop Tips
  5. Designs by Mark: Illustrator Tips
  6. Adobe Illustrator Tutorials
  7. ImageReady: About.com
  8. ImageReady Animation Tutorials
  9. Adobe Evangelists
  10. PhotoShop6 Tutorials by RUKU.COM
  11. Web Monkey: One Day ImageReady Tutorial

 

Macromedia Tutorials

  1. Dreamweaver 3 Tutorials : CrazeDesigns
  2. Macromedia Fireworks Resources
  3. Playing with Fire
  4. Macromedia Flash Resources
  5. Designs by Mark: Flash Tutorials
  6. Macromedia Flash Tutorials: CrazeDesign

 

Misc

  1. Max-Inc.com: Web Developers Workshop
  2. Tutorials and Other Learning Resources
  3. Web Designer Resources

 

Sample Quiz

your name here

Designing Graphics for the Web

Date

1. PhotoShop Tutorial: Sparkles

Tutorial Resource: http://www.designsbymark.com/pstips/basic_sparkels.shtml

 

2.Illustrator Tutorial: Folder Tabs

Tutorial Resource: http://www.designsbymark.com/ai_tips/aitips_foldertabs.shtml

 

 

3. ImageReady Tutorial: Folder Tabs

Tutorial Resource: http://www.ruku.com/ir2.html

 

 

4. Fireworks Tutorial:

Tutorial Resource: http://www.playingwithfire.com/type/neon.html