Parkland Graphic Design Exercises
Archive of in-class exercises and lessons from various graphic design classes
Design
Principles
- Design Principles: Unity
- Design Principles: Unity & Tiles
- Design Principles: Emphasis
- Design Principles: Balance
- Design Principles: Rhythm
- Design Principles: Depth
- Design Principles: Color
Photoshop
- Level 1: Layers
- Level 1: Selections
- Level 1: Animation Demo
- Level 1: Animated Logo
- Level 1: Animated Banner
- Level 1: Animated Type
- Level 1: Background Blur
- Level 1: Background Swap
- Level 1: Book Cover Layout
- Level 1: Extract
- Level 1: Blending
- Level 1: Web Mockup
- Level 1: Channels
- Level 1: Painting
- Level 1: Distressed Type
- Level 1: Chrome Type
- Level 1: Pixels & Resolution
- Level 2: Spot Channels
- Level 2: Textures
- Level 2: Brushes
- Level 2: Displacement Map
- Level 2: Remote Rollovers
- Level 2: GIF Animation
- Level 2: Web Design (Part 3 of 5): Advanced Web Mockup
- Level 2: Web Design (Part 4 of 5): Slicing for Web Production
Illustrator
- Level 1: Map (Mass Transit Schematic)
- Level 1: Map (Ad Club Judges Guide)
- Level 1: Type Portrait
- Level 1: Grid (Garamond)
- Level 1: Historical Type (Cafe)
- Level 1: Missing Characters
- Level 1: Type Recognition
- Level 1: Type Selection
- Level 1: Typographic Unity (Celebrate)
- Level 1: Wordmark (Lubalin)
- Level 1: Wordmark (Seafood)
- Level 1: Identity (One Beacon Court)
- Level 1: Quote
- Level 1: Type on Curve (Wisegarver)
- Level 1: Type Distortion (On A Clear Day)
- Level 1: Hand-Generated Type (Aloe)
- Level 1: Curves (Colossus)
- Level 1: Lines (Tessler)
- Level 1: Joining Primitives (Horse)
- Level 1: Pathfinder (Matrix)
- Level 1: Live Trace
- Level 1: Art Brushes
- Level 1: Graph
- Level 1: Envelope Distort (Design History)
- Level 1: Type Studies (Movie Titles)
- Level 1: Balance Systems (Stamp)
- Level 1: Symbols (Bathroom Icons)
- Level 1: Logo (Auditor Assistant)
- Level 1: Logo (Hot Times)
-
Level 1: Lines (Cars)
- Level 2: Coffee Illustration
- Level 2: Isometric Art
- Level 2: Custom Blends (Design Banner)
- Level 2: Blending Basic (Airplane)
- Level 2: Gradient Mesh
- Level 2: Zen Clouds
- Level 2: Custom Alphabet
InDesign
- Level 1: Text Type
- Level 1: Choosing Text Type
- Level 1: Editorial Layout (Goudy)
- Level 1: Proofreading (Tibor)
- Level 1: Combining Typefaces
- Level 1: Foreign Accents
- Level 1: Flyer (Weiss)
- Level 1: Newspaper Ad (First Federal)
- Level 1: DVD Package (Craig Russo)
- Level 1: Brochure (HRBR)
- Level 1: Brochure (Champaign Park District)
- Level 1: Form
- Level 1: Small Space Ad (Carlyle)
- Level 1: Identity (One Beacon Court)
- Level 1: Tables Two Ways
- Level 1: Lists & Drop Caps
- Level 1: Two Page Spread (Mabry)
- Level 1: Dashes and Kerning (Kandinsky)
- Level 1: Size, Leading, Length (Kandinsky)
- Level 1: Importing and Editing Art (ICE)
- Level 1: New Document (Mary Kay)
- Level 1: Paragraph Styles (ICE)
- Level 1: Chart and Tables (OLLI)
- Level 1: Special Characters (WCBR)
- Level 2: Catalog (Art Gallery)
- Level 2: Catalog (CPD Fitness)
- Level 2: Metaphors
Dreamweaver
- Level 1: Reverse Engineering
- Level 1: Webmaster Basics
- Level 1: Personal Projects Page for GDS 108 (Simple)
- Level 1: Personal Projects Page (Typographic)
- Level 1: Personal Process Page (Fun)
- Level 1: Personal Process Page for GDS 293 (Advanced)
- Level 1: Publishing
- Level 1: Web Design (Part 1 of 5): Developing the Content
- Level 1: Web Design (Part 2 of 5): Optimizing Web Images
- Level 1: Web Design (Part 5 of 5): CSS and Javascript
- Level 1: Dreamweaver Templates (Mourning Dove)
- Level 1: Advanced CSS (Happy Cog)
- Level 1: CSS Floats (Résumé)
- Level 2: Full Image Background
- Level 2: Rounded Corners
- Level 2: Responsive Web Design
- Level 2: Portfolio Web Site Template
- Level 2: HTML/Javascript Slideshow (JQuery Lightbox)
- Level 2: XML Slideshow with SimpleViewer
- Level 2: Picasa Slideshow with JQuery
- Level 2: Cargo CMS
Flash
- Level 1: Introduction (Clock)
- Level 1: Animated Logo (Ad Club)
- Level 1: Basic Animation (Beethoven)
- Level 1: Tweening Symbols (Cirque)
- Level 1: Animated Symbols (Shockzone)
- Level 1: Animated Movie Clips (40 North)
- Level 1: Animated Movie Clips (Dance)
- Level 2: Menu (Heartland Spa)
- Level 2: Flash Site (Copenhagen)
- Level 2: Dynamically loading text and images
- Level 2: Portfolio Web Site
- Level 2: Drag-and-Drop (ActionScript 2)
- Level 2: Interactive Map
- Level 2: Zoom & Drag
After Effects
- Level 2: Trailer (Typeface)
- Level 2: TV Spot (Frozen)
- Level 2: Video (Armide)
- Level 2: Video (Student Show)
Integrated
- Level 1: Personal Process Page for GDS 120
(Photoshop, Dreamweaver) - Level 1: Personal Process Page for GDS 122
(Illustrator, Dreamweaver) - Level 1: Personal Process Page for GDS 222
(Illustrator/Photoshop, Dreamweaver) - Level 1: Personal Process Page for GDS 273/274
(Illustrator, Dreamweaver) - Level 1: Personal Process Page for GDS 220 (Part A)
- Level 1: Personal Process Page for GDS 220 (Part B)
- Level 1: Personal Process Page for GDS 230 (Photoshop, Dreamweaver)
- Level 1: Miko Ad (Photoshop, InDesign)
- Level 1: Winona Book Cover (Photoshop, Illustrator, InDesign)
- Level 1: Holiday Inn Billboard (Photoshop, InDesign)
- Level 1: Family Services Flyer (Illustrator, InDesign)
- Level 1: Miko Menu (Photoshop, InDesign)
- Level 1: Colt Brochure Cover Layout (Photoshop, InDesign)
- Level 1: Madama Butterfly Poster (Photoshop, Illustrator)
- Level 1: Ameritech Newspaper Ad (Photoshop, InDesign)
- Level 1: Simplicity Package Design (Illustrator, Photoshop)
- Level 1: Henneman Identity (Illustrator, InDesign)
- Level 1: Spring Dining Guide Cover (Illustrator, Photoshop)
- Level 1: Web Buttons (Photoshop, Dreamweaver)
- Level 1: Web Icon (Illustrator, Photoshop)
- Level 1: Michael Schwab Poster (Photoshop, Illustrator)
- Level 1: Layer Styles (Illustrator, Photoshop)
- Level 2: Dance Poster (Photoshop, InDesign)
- Level 2: Joni Laurence CD Cover (Illustrator, Photoshop)
- Level 2: Perspective Drawing (Photoshop/Illustrator)
- Level 2: Armide Photomontage (Photoshop/Illustrator)
- Level 2: Fireworks Slideshow (Fireworks/Dreamweaver)
