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
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 SmithBrief 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 DeskSpot 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