Introduction. read_me! |
|
|
|
|
|
|
|
|
|
|
|
|
|
3 | (18) |
|
Formal Principles: Dynamic and static compositions |
|
|
|
Visual References: Early Computers, Egon Schiele |
|
|
|
|
|
Working with folders and files |
|
|
|
Creating a new file in Adobe Illustrator |
|
|
|
Creating a dynamic composition |
|
|
|
|
|
|
21 | (16) |
|
Formal Principles: Copyright, fair use, appropriation |
|
|
|
Visual References: Marcel Duchamp, Kenneth Tin-Kin Hung, Michael Mandiberg, xtine burrough, Packard Jennings & Steve Lambert |
|
|
|
|
|
Advanced searching in Google |
|
|
|
Searching for public domain and Creative Commons licensed content |
|
|
|
Searching in stock photography web site |
|
|
|
|
37 | (16) |
|
Formal Principles: Symmetry and asymmetry, positive and negative space, focal point, gestalt principles of proximity, continuity, and similarity |
|
|
|
Visual References: Leonardo da Vinci, The Bookman, Adalpertus |
|
|
|
|
|
Creating symmetry with your body |
|
|
|
Symmetry with passive negative space |
|
|
|
Symmetry with less passive negative space |
|
|
|
|
|
Asymmetry with imbalanced visual weight |
|
|
|
|
|
Defining a focal point within symmetric patterning |
|
|
|
|
53 | (16) |
|
Formal Principles: Line, typographic basics, using the grid in design |
|
|
|
Visual References: Two paintings by Theo van Doesburg |
|
|
|
|
|
Using guides to create a grid |
|
|
|
|
|
Using the Type tool to create a headline |
|
|
|
Creating body copy with the Type tool |
|
|
|
Directing the viewer with color |
|
|
|
Adjusting shapes with the Direct Selection tool |
|
|
|
Color Theory and Basic Shapes |
|
|
69 | (18) |
|
Formal Principles: Color models and relationships on the wheel |
|
|
|
Visual References: Johannes Itten, Josef Albers, Edouard Manet |
|
|
|
|
|
|
|
|
|
Creating foreground and background depth using hue and value |
|
|
|
|
|
|
|
Line Art and Flat Graphics |
|
|
87 | (22) |
|
Formal Principles: Gesture drawings, contour, plakatstil |
|
|
|
Visual References: Harper's Bazar, Jim Fitzpatrick |
|
|
|
|
|
Gesture drawings on a template layer |
|
|
|
Recreating straight lines with the Pen tool |
|
|
|
|
|
|
|
Tracing an image and creating a clipping mask |
|
|
|
Image Acquisition and Resolution |
|
|
109 | (14) |
|
Formal Principles: Scanograms, abstraction |
|
|
|
Visual References: Anna Atkins, Cormaggio |
|
|
|
|
|
Creating a scanogram and understanding input resolution |
|
|
|
A brief tour of tools and panels in Photoshop |
|
|
|
Image size, file size, and resolution |
|
|
|
From the camera to the computer |
|
|
|
|
123 | (18) |
|
Formal Principles: Contrast, value and tonal range in photography |
|
|
|
Visual References: Nicephore Niepce, Dorothea Lange |
|
|
|
|
|
Minor adjustments to the original file |
|
|
|
Understanding the histogram |
|
|
|
Adjusting the image with Levels |
|
|
|
Adjusting the image with Curves |
|
|
|
Targeting saturation levels |
|
|
|
|
|
|
141 | (20) |
|
Formal Principles: Scale, hierarchy, collage |
|
|
|
Visual References: Hippolyte Bayard, El Lissitzky, Henry Van der Weyde |
|
|
|
|
|
Using layers to create a double exposure |
|
|
|
Cropping and adjusting the hue |
|
|
|
Creating and manipulating layers |
|
|
|
Adding an adjustment to some layers |
|
|
|
|
161 | (12) |
|
Formal Principles: Similarity, unity, burning and dodging |
|
|
|
Visual References: The Billboard Liberation Front, The Anti-Advertising Agency |
|
|
|
|
|
Replacing part of one image using the Clone tool |
|
|
|
Adding Amelia Earhart to the image of the crew |
|
|
|
|
|
|
|
|
173 | (16) |
|
Formal Principles: Masking, ethical considerations for digital image manipulators |
|
|
|
Visual References: Philippe Halsman, Kurt Schwitters |
|
|
|
|
|
Using quick masks and alpha channels |
|
|
|
Building an image with layers, masks, and transformation |
|
|
|
Adding an adjustment layer and organizing layers with groups |
|
|
|
|
|
|
189 | (12) |
|
Formal Principles: A brief history of the web |
|
|
|
Visual References: Whitehouse.gov, Pizzahut.com |
|
|
|
|
|
From digital input to web ready |
|
|
|
|
|
|
|
|
|
Multiples: Creating Unity |
|
|
201 | (18) |
|
Formal Principles: Sequence, repetition, harmony on the grid |
|
|
|
Visual References: Johannes Gutenberg, NY Times front page |
|
|
|
|
|
Unity through repetition - master pages |
|
|
|
|
|
|
|
|
|
|
|
Multiples: Creating Tension |
|
|
219 | (20) |
|
Formal Principles: Deconstruction, disarray |
|
|
|
Visual References: David Carson, Neville Brody, The League of Imaginary Scientists |
|
|
|
|
|
Placing text and using frame breaks |
|
|
|
|
|
Using text frame options, hue, and saturation to create contrast on page two |
|
|
|
|
|
|
239 | (20) |
|
Formal Principles: Code as aesthetics |
|
|
|
Visual References: Heath Bunting, JODI |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
259 | (14) |
|
Formal Principles: Network logic |
|
|
|
Visual References: MTAA, Abe Linkoln, 0100101110101101.org |
|
|
|
|
|
Defining a site in Dreamweaver |
|
|
|
File and folder management |
|
|
|
Stylesheets: Separating Form and Content |
|
|
273 | (16) |
|
Formal Principles: Form versus content |
|
|
|
Visual References: A List Apart Magazine, Craigslist.com |
|
|
|
|
|
|
|
|
|
|
|
Creating an external style sheet |
|
|
|
|
289 | (18) |
|
|
|
Visual Reference: Viking Eggeling |
|
|
|
|
|
Visualizing time, keyframes, shape tween |
|
|
|
Adjusting the frame rate to the speed of the beat |
|
|
|
|
|
|
|
|
307 | (16) |
|
Formal Principles: Time, rhythm |
|
|
|
Visual References: Hans Richter, Lillian Schwartz |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
323 | |
|
Formal Principles: Interactivity |
|
|
|
Visual References: Martin Graetz, Stephen Russell and Wayne Wiitanen, Thomson and Craighead |
|
|
Index |
|