title

Course List

Syllabi

Faculty

Projects

Sign Off Sheet

Student Examples

Tutorials

Links

Terminology

GD Home

Web Design Home

SFCC Home

 

 

Tutorial and Exercise Index

This page contains links to tutorials and exercises that have been developed for the graphic design program at Spokane Falls Community College. Most links are to pages on our WEB site. Many are also available in PDF format. Some may be available only as PDF files.


A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

A

Ad Campaign Worksheet


  

A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

B


Billing-How do you what to charge?

This article explains how your needs and expenses determine what you will need to charge your clients.




A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

C

Camera Quiz and Manuals

Before you use the digital cameras, you must know how to use the basic functions. This is a quiz with links to the camera manuals. Cascading Style Sheets-making graphic buttons from lists
Start with basic semantic HTML, a list of menu items, and use styles to make them into graphic buttons with rollover effects.CD Writer: Step by Step


Color Space
Where the light we see fits into the Cosmos.Color Separations
Printing color separations and making them into a PDF for onscreen checking.Column Inches
An explanation of newspaper column inches and how to measure ad dimensions.PDF Version
Computer Pictures

How does a computer make a picture on the monitor?

Creative Techniques
This tutorial contains specific approaches to focus design thinking on creative, unusual, and unique solutions.

A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

D


Design, Elements of
(See Elements of Design) Design, Principles of

(See Principles of Design) Dots, Spots, and Pixels Dummies (for Dummies)
Some tips for creating dummy layouts. Duotones and Spot Channels
Two ways to create spot color images in Photoshop


 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

E


Elements of Design
Brief explanations and examples of line, shape, color, value, texture, and format. PDF Version Elements and Principles of Design
M ore brief explanations and examples.Mundi Design's Elements and Priniples of Design
A very nice Flash site.

 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

F


File Formats
A listing with definitions of print and WEB file formats.  PDF Version " Fringing" on GIF images for Web pages.
How to control the unsightly fringes you get on GIFs with transparent backgrounds.FTP (File Transfer Protocol)
Using Fetch to transfer web files to a server




A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

G

Gestalt Principles 
Brief explanations and examples of similarity, anomaly, proximity, continuation, closure, and figure/ground. PDF Version Grayscale Conversion of Color Images
Several techniques to convert your color images to grayscale using Photoshop 6.Gray Levels and Halftone Dots
An explaination of imagesetters dots and how they create halftone dots to simulate gray tones.




A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

H

Halftones
Halftone Dots and Gray Levels
An explaination of imagesetters dots and how they create halftone dots to simulate gray tones.Halftones - Where and Why?
Why do we need halftones? What are halftones and how are they made?PDF Version


 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

I


Illustrator

Illustrator Basics
An Introduction to Illustrator tools for project 1.PDF Version Overprinting Colors in Illustrator
Basic description of knockouts and overprints.
Illustrator Type Formatting Exercise (.sitx file)Illustrator Pathfinder Exercise (.sitx file)

Imagemapping with Photoshop
How to create an imagemap using HTML and Photoshop.  Indexed Color-what is it, anyway?
Color tables, bit depth, indexing, rasters...the heavy tech. stuff...but, with fun pictures! 

InDesign

InDesign Exercise 1
Build a simple ad using InDesign.

InDesign Exercise 2
Demonstrate some basic type formatting in InDesign.


 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

J




 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

K


 


 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

Layout Basics
Some tips to begin your layout.

Levels
An explanation of the Photoshop levels dialogue box and how to adjust shadow, highlight, gamma, and output settings.

Logo Design 
An introduction to designing wordmark, symbol, and initial logos. PDF Version


 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

M


Mac OS Basics
A beginning level introduction to the desktop (includes worksheet). PDF Version

 
 


 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

N


Newspaper: Column Inches

An explanation of newspaper column inches and how to measure ad dimensions.PDF Version
 


 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

O

Overprinting Colors in Illustrator

Basic description of knockouts and overprints.


 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

P


Packaging


How to package, or collect, the files needed to deliver a job to a printer. Paper facts
An introduction to printing papers and resources. PDF for Screen View
Acrobat Distiller settings for the screen job option. PDF Color Separations
Printing color separations and making them into a PDF for onscreen checking. PDF VersionPage Layout Basics
Some tips on basic page design and layout. Basics of Postscript and PDF files
A look at the code inside a Postscript file and how Postscript is used to generate Portable Document files.
PDF creation exercise
How to create a simple PDF and also write a Postscript file and build PDFs with Acrobat Distiller. 

Photoshop

Adjusting Levels (PDF)
An explanation of the levels dialogue box and how to adjust shadow, highlight, gamma, and output settings. Imagemapping with Photoshop
How to create an imagemap using HTML and Photoshop.  Duotones and Spot Channels
Two ways to create spot color images in Photoshop

Poster Design Objectives Worksheet

Principles of Design by John Smith
Brief explanations and examples of balance emphasis, unity, and rhythm. PDF Version Principles and Elements of Design by Mundi DesignPrinciples and Elements of Design by Doug CrabtreePrinter Basics
How to work with printers in the graphic design lab.

 

 


 
 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

Q



 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

R


 


 
 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

S


Scanning Line Art
How to make a superior 1-bit scan of line art. Taming Your Scanner
Video Checked out at the CBE Desk
Spot Channels
      Duotones and Spot Channels

     Two ways to create spot color images in PhotoshopSpots, Dots, and PixelsScanning Manually

Using a graycard and a wire grid to do the work of the computer scanner...go John Henry!

 

 
 

A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

T


Tiled Backgrounds
Backgrounds made of tiles are most often used on web pages but tiling can be used for print and multimedia too. Repeating borders and seamless patterns are featured.


Tracing Template Exercise
How to set up a tracing template file in Illustrator. PDF Version TrappingType Quiz
Answer questions about character structure, measurements, classifications, and typefaces.PDF Version

Typography, An Introduction to
A tutorial covering type characteristics,design, history, and family classifications.Typography Elements: Created by Ron Dykes, Class of 2001.

Type Formatting Exercises

Illustrator Type Formatting Exercise (.sitx file

U



 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

V


Visual Analogies
A brief explanation of visual analogies with examples. PDF Version

 


 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

W




 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

X



 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

Y



 
 
 
A / B / C / D / E / F / G / H / I / J / K / L / M / N / O / P / Q / R / S / T / U / V / W / X / Y / Z

Z