Graphics 12

Course Description

Graphics 12 is a course with two focuses: Graphic Design, and Web Site Design. Students will be taught layout and design principles. They will also be taught how to critique and identify what makes a design look good. In the second half of the year, they will learn how to make a professional web page using the same techniques professional web designers use. High-end, industry standard software including Adobe Photoshop, Macromedia Flash and Corel Draw, are used throughout the course.

Term 1 Assignments

CorelDraw Assignments

  • Beginner Tutorials
  • Napster Redraw
  • Gator Redraw
  • All Type Logos (2)
  • Combine Typefaces (2)
  • Tweak a Letterform (2)
  • Add Elements (2)
  • Add Clipart (1)
  • Add Illustration (1)

Photoshop Assignments

Introduction to Photoshop

Photo Editing

Selections/Image Extract WOW Book pp162
Making, Cleaning Up...
Photo Collage  Photoshop 7 Image Effects - Project 10
Framing with Masks WOW Book pp128
Making, Cleaning Up...
   
Engraving Collage  Photoshop 7 Image Effects - Project 7  
 

Special Effects (Pick 3)

Working with Color

Realistic Flame Photoshop 7 Image Effects - Project 12
Woodcut Style Photo Photoshop 7 Image Effects - Project 3 A Cube Mosiac Photoshop 7 Image Effects - Project 15
Duotone WOW Book pp 87
Working with color
Charcoal Drawing Photoshop 7 Image Effects - Project 17
Recoloring (quick & dirty) WOW Book pp 93
Working with color
Cubic Pipe Photoshop 7 Image Effects - Project 19
  Blue Distortion Photoshop 7 Image Effects - Project 22

Combining Photos

Bacteria Liquid Photoshop 7 Image Effects - Project 23
Making Montages WOW Book - Collaging with Masks    
       


Term 2 Assignments

Before & After Assignments


  • Design a business card (BA0612OpenSpace.pdf) using this information

  • Design a coupon (BA0622UnleashTheAction.pdf) for ALL ABOUT MUD

  • Study colour theory (BA0646OurColorWheel.pdf)

  • Design a magazine article usingMany from One (BA0603ManyFromOne.pdf)

  • Build a picture path (BA0625PicturePath.pdf)
  • Picture it Twice (BA0640PictureItTwice)

  • Get ready for the Internet with (BA0601SqueezePlay.pdf)

Final Design Assignment

  • Using what you've learnt from the Before and After (B&A) assignments, you are to design a brochure for a company. This company can be fictional or real. The brochure needs to have a cover, plus 6 inside pages. The text can be real or lipsum based, but it must look good (the titles should be real text). I would recommend the following areas: car brochure, spa brochure, a ski/snowboard brochure - really, anything that is VERY visual and that you'll be able to find high quality images for on the net.
  • Use Photoshop for any image editing you need to do, but the brochure should be layed out and finalized in Corel Draw.
  • In addition to the Before and After topics we've covered already, I want to see the following articles integrated also - BA0652PanoramicBooklet.pdf, BA0657BigBoldBeautiful.pdf, BA0661ACatalogOfRectangles.pdf, BA0636DesignBelowTheLine.pdf and BA0609SimplyBorderless.
  • Your criteria will be: how professional it looks and how well you've integrated the (B&A) topics into your brochure.


Resources

  • Colour Wheel - Click here

Website Assignments

  • AVNET - A study in cutting up an image for Frontpage (PDF)
  • AVNET - Project file (PSD)
  • Follow the instructions in this Before and After file (BA0645WebHeader) to design a Web Header
  • Designing a "Small Site" - Following the instructions from (BA0648SmallSite) design a 2 page website.
  • Designing the "Big Picture" - Teacher instruction and examples, followed by a 3 page website (2 designs, front page and following pages) on a topic of your choice. Text is the focus of this assignment.

  • STRATEGIC - A study in cutting up a complex image for Frontpage (PDF)
  • STRATEGIC - Project file (PSD)

 

Term 3 Assignments

Design Assignments

  • Get a Job (Logo, Business Card, Website) Assignment (PDF)

Flash MX Assignments

Animation

  • Kirupa - Basic Animation (link)
  • Kirupa - Fading Text (link)
  • Macromedia "How Do I" Create Symbols & Instances  (see Mr.G)
  • CBT Cafe Flash Tutorials - Motion Guide (link)
  • CBT Cafe Flash Tutorials - Animated Masks (link)
  • ** Assignment - Create an animated Ad for one of your websites **

Menus

  • "Built in" Flash Button Tutorial (see Mr.G)
  • CBT Cafe Flash Tutorials - Animated Buttons (link)
  • ** Assignment - Redo the navigation on one of your sites with a Flash animated menu **