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)
- 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 **






