Difference between revisions of "Table of Contents"
(24 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | = | + | =First Steps= |
− | + | <p><b>Introduction: [[Read Me!]]</b> | |
+ | </p> | ||
− | + | *Introduction to Digital Foundations | |
+ | *Introduction to Operating Systems | ||
+ | *Introduction to Bauhaus | ||
+ | <p><b>[[Chapter 1 CS4]]: The Metaphor of Using Graphics Applications</b> | ||
+ | </p> | ||
+ | *Formal Principles: Dynamic and Static Compositions, Movement versus Stillness | ||
+ | *Visual References: Egon Schiele | ||
+ | *Technical: | ||
+ | **Welcome to the OS, Common Metaphors | ||
+ | **Opening, saving and closing files with Adobe Illustrator | ||
+ | **Creating a dynamic composition in Adobe Illustrator | ||
+ | **Rectangle Shape Tool | ||
+ | **Fill and Stroke | ||
+ | **Select Tool | ||
+ | **Master Files and Naming Conventions | ||
+ | <p><b>[[Chapter 2 CS4]]: Searching and Sampling - Becoming an Expert Web User</b> | ||
+ | </p> | ||
+ | *Formal Principles: Copyright, Fair Use, Appropriation | ||
+ | *Visual References: Marcel Duchamp, Kenneth Tinkin-Hung | ||
+ | *Technical: | ||
+ | **Searching for images: Filtering search engines | ||
+ | **Saving images from the web to the harddrive | ||
+ | **Searching for images: The public domain | ||
+ | **Licensing artwork | ||
+ | **Searching for images: Stock websites | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
=Adobe Illustrator= | =Adobe Illustrator= | ||
− | < | + | <p><b>[[Chapter 3 CS4]]: Symmetry</b> |
− | [[Chapter 3 CS4]]: | + | </p> |
− | < | + | *Formal Principles: Symmetry, Asymmetry, Focal Point, Passive and Active Negative Space |
− | Formal Principles: | + | *Visual References: The Bookman (Advertisement), Leonardo da Vinci, Adalpertus |
− | Visual References: | + | *Technical: |
− | Technical: | + | **Copy, Paste, and Move Objects with Key Commands |
− | + | **Short-cuts and Key Commands | |
− | + | **Grouping and Ungrouping | |
− | + | **Locking Layers | |
− | + | **Fill and Outline | |
− | + | **Scaling with the Selection Tool | |
− | + | **Align Palette | |
− | + | <p><b>[[Chapter 4 CS4]]: Type on the Grid</b> | |
− | + | </p> | |
− | + | *Formal Principles: Line, Plane, Balance, The Grid, Type Basics | |
− | < | + | *Visual References: Theo van Doesburg, STILL NEED ONE MORE [we wanted:Sophie Taeuber-Arp, Piet Modrian, Jan Tschichold, Wolfgang Weingart] [we found: Theo van Doesburg, El Lissitzky, Leonardo da Vinci, August Macke] |
− | [[Chapter 4 CS4]]: Type on the Grid | + | *Technical: |
− | < | + | **Repositioning Rulers |
− | Formal Principles: Line, Plane, Balance, The Grid, Type Basics | + | **Line Tool |
− | Visual References: Theo van Doesburg, STILL NEED ONE MORE [we wanted:Sophie Taeuber-Arp, Piet Modrian, Jan Tschichold, Wolfgang Weingart] [we found: Theo van Doesburg, El Lissitzky, Leonardo da Vinci, August Macke] | + | **Using the Type Tool for Headlines and Text Boxes |
− | Technical: | + | **Justification, Leading, Kerning |
− | Repositioning Rulers | + | **Zoom Tool, Hand Tool |
− | Line Tool | + | **Introduction to the Direct Select Tool |
− | Using the Type Tool for Headlines and Text Boxes | + | <br /><p><b>[[Chapter 5 CS4]]: Color Theory and Basic Shapes</b> |
− | Justification, Leading, Kerning | + | </p> |
− | Zoom Tool, Hand Tool | + | *Formal Principles: Color Models, Relationships on the Wheel, Hue, Value, Saturation |
− | Introduction to the Direct Select Tool | + | *Visual References: Johannes Itten (color wheel), Joseph Albers, Jahre Deutscher Werkbund, Edouard Manet, and Vincent Van Gogh |
− | <br> | + | *Technical: |
− | [[Chapter 5 CS4]]: | + | **Custom Document |
− | < | + | **Artboard |
− | Formal Principles: | + | **Rulers and Guides |
− | Visual References: | + | **Shape Tools |
− | Technical: | + | **Selecting Objects |
− | + | **RGB and CMYK Color Palette | |
− | + | **Creating Tints and Shades | |
− | + | **Copying and Moving shapes | |
− | + | **Tools and Palettes | |
− | + | <b>[[Chapter 6 CS4]]: Line Art and Flat Graphics</b> | |
− | + | *Formal Principles: Gesture Drawings, Line, Weight, Texture, Atmospheric Perspective | |
− | + | *Visual References: A Diagram from Harper's Bazar and Ronen Eidelman | |
− | < | + | *Technical: |
− | [[Chapter 6 CS4]]: Line Art and Flat Graphics | + | **Pen Tool |
− | < | + | **Anchor Points and Bezier Handles |
− | Formal Principles: Gesture Drawings, Line, Weight, Texture, Atmospheric Perspective | + | **Convert Anchor Point Tool |
− | Visual References: A Diagram from Harper's Bazar and Ronen Eidelman | + | **Vector graphics |
− | Technical: | + | **Selection Tool vs. Direct Selection Tool |
− | Pen Tool | + | **Clipping Mask |
− | Anchor Points and Bezier Handles | ||
− | Convert Anchor Point Tool | ||
− | Vector graphics | ||
− | Selection Tool vs. Direct Selection Tool | ||
− | Clipping Mask | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | Quick Masks | + | =Photoshop= |
− | Saving Selections | + | <p><b>[[Chapter 7 CS4]]: Scanning</b> |
− | Channel Palette | + | </p> |
− | Layer Masks | + | *Formal Principles: Photograms and Scanograms, Abstraction |
− | Shape Tool | + | *Visual References:Anna Atkins, Lemons (unknown artist) |
− | Path Palette | + | *Technical: |
− | Adjustment Layers | + | **Scanning objects |
− | Clipping Groups | + | **Photoshop Palette Basics |
− | < | + | **Pixels and Raster Images |
− | [[Chapter 12 CS4]]: Digital Output for the Web | + | **Resolution |
− | < | + | **Image File Formats: PSD, TIF |
+ | **History Palette | ||
+ | **Basic Image Adjustments | ||
+ | <p><b>[[Chapter 8 CS4]]: Tonal Scale</b> | ||
+ | </p> | ||
+ | *Formal Principles: Contrast, Value and Tonal Scale in Photography | ||
+ | *Visual References: Nicéphore Niépce, Dorthea Lange | ||
+ | *Technical: | ||
+ | **Downloading Images from the Camera | ||
+ | **Unsharp Mask | ||
+ | **Image Size | ||
+ | **Understanding the Histogram | ||
+ | **Levels and Curves | ||
+ | **Hue and Saturation | ||
+ | <p><b>[[Chapter 9 CS4]]: Layering and Collage</b> | ||
+ | </p> | ||
+ | *Formal Principles: Scale, Hierarchy, Collage, Double Exposure, Exquisite Corpse | ||
+ | *Visual References: Hippolyte Bayard, El Lissitzky, Henry Van der Weyde | ||
+ | *Technical: | ||
+ | **Free Transform, Scaling, | ||
+ | **Layer Palette | ||
+ | **Cropping | ||
+ | **Adjustment Layer | ||
+ | **Layer Groups | ||
+ | **Merging Layers | ||
+ | <p><b>[[Chapter 10 CS4]]: Repetition and Cloning</b> | ||
+ | </p> | ||
+ | *Formal Principles: Unity, Harmony | ||
+ | *Visual References: The Anti-Advertising Agency, The Billboard Liberation Front | ||
+ | *Technical: | ||
+ | **Type Tool | ||
+ | **Layer Styles | ||
+ | **Cloning | ||
+ | **Layer Groups | ||
+ | **Duplicating and Flattening | ||
+ | **Rasterizing and Creating Outlines | ||
+ | <p><b>[[Chapter 11 CS4]]: Non-Destructive Editing</b> | ||
+ | </p> | ||
+ | *Formal Principles: Chaos, Anti-Order | ||
+ | <p>Visual Examples: Philippe Halsman and Kurt Schwitters | ||
+ | </p> | ||
+ | *Quick Masks | ||
+ | *Saving Selections | ||
+ | *Channel Palette | ||
+ | *Layer Masks | ||
+ | *Shape Tool | ||
+ | *Path Palette | ||
+ | *Adjustment Layers | ||
+ | *Clipping Groups | ||
+ | <p><b>[[Chapter 12 CS4]]: Digital Output for the Web</b> | ||
+ | </p> | ||
+ | *Formal Principles: Low-fi & Dirt Style | ||
+ | *Visual References: Whitehouse.gov, Pizzahut.com | ||
+ | *Technical: | ||
+ | **Resolution | ||
+ | **Image Size | ||
+ | **Save for web | ||
+ | **File Formats: JPG, GIF | ||
+ | **File Size/Download Time | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
=InDesign= | =InDesign= | ||
− | < | + | <p><b>[[Chapter 13 CS4]]: Multiple Pages: Unity</b> |
− | [[Chapter 13 CS4]]: Multiple Pages: Unity | + | </p> |
− | < | + | *Formal Principles: Sequence, Repetition, Harmony |
− | Formal Principles: Sequence, Repetition, Harmony | + | *Visual References: NONE YET - Saul Bass, Alexey Brodovitch, Muriel Cooper, Quentin Fiore |
− | Visual References: NONE YET - Saul Bass, Alexey Brodovitch, Muriel Cooper, Quentin Fiore | + | *Technical: |
− | Technical: | + | **Creating a New Document |
− | Creating a New Document | + | **Pages Palette |
− | Pages Palette | + | **Master Pages |
− | Master Pages | + | **Rulers and Guides |
− | Rulers and Guides | + | **Type Tool |
− | Type Tool | + | **Color Palette |
− | Color Palette | + | **Linking Text Boxes |
− | Linking Text Boxes | + | **Exporting a PDF |
− | Exporting a PDF | + | <p><b>[[Chapter 14 CS4]]: Multiple Pages: Chaos, Tension, Disarray</b> |
− | < | + | </p> |
− | [[Chapter 14 CS4]]: Multiple Pages: Chaos, Tension, Disarray | + | *Formal Principles: Deconstruction, Disarray |
− | < | + | *Visual References: NONE YET - Neville Brody, Émigré Magazine (Rudy VanderLands and Zuzana Licko), Ray Gun Magazine (David Carson) |
− | Formal Principles: Deconstruction, Disarray | + | *Technical: |
− | Visual References: NONE YET - Neville Brody, Émigré Magazine (Rudy VanderLands and Zuzana Licko), Ray Gun Magazine (David Carson) | + | **Placing Images and Text |
− | Technical: | + | **Text Frame Breaks |
− | Placing Images and Text | + | **Creating a Character Style |
− | Text Frame Breaks | + | **Leading, Kerning, Hyphenation |
− | Creating a Character Style | + | **Eyedropper Tool |
− | Leading, Kerning, Hyphenation | + | **Modifying a Text Box with the Direct Select Tool |
− | Eyedropper Tool | + | **Modifying Text Box Settings |
− | Modifying a Text Box with the Direct Select Tool | ||
− | Modifying Text Box Settings | ||
=Dreamweaver= | =Dreamweaver= | ||
− | < | + | <p><b>[[Chapter 15 CS4]]: Hello World</b> |
− | [[Chapter 15 CS4]]: Hello World | + | </p> |
− | < | + | *Formal Principles: Code as Aesthetics |
− | Formal Principles: Code as Aesthetics | + | *Visual References: Jodi's wwwwwwwww.jodi.org, Heath Bunting |
− | Visual References: Jodi's wwwwwwwww.jodi.org, | + | *Technical: |
− | Technical: | + | **Hello World via TextEdit |
− | Hello World via TextEdit | + | **Hello World in Dreamweaver |
− | Hello World in Dreamweaver | + | **Editing versus Previewing |
− | Editing versus Previewing | + | **File Naming Conventions |
− | File Naming Conventions | + | **Basic Text Formatting (H1, Strong, Em) |
− | Basic Text Formatting (H1, Strong, Em) | + | **Choosing Colors (sidebar: CSS) |
− | Choosing Colors (sidebar: CSS) | + | <p><b>[[Chapter 16 CS4]]: Files and Servers</b> |
− | < | + | </p> |
− | [[Chapter 16 CS4]]: Files and Servers | + | *Formal Principles: Network Logic |
− | < | + | *Visual References: MTAA's Internet Art Diagram |
− | Formal Principles: Network Logic | + | *Technical: |
− | Visual References: | + | **Defining a Site |
− | Technical: | + | **Uploading to a Server |
− | Defining a Site | + | **Webhosting |
− | Uploading to a Server | + | <p><b>[[Chapter 17 CS4]]: Form and Content on the Web</b> |
− | Webhosting | + | </p> |
− | < | + | *Formal Principles: Appropriation and Collage Online |
− | [[Chapter 17 CS4]]: Form and Content on the Web | + | *Visual References: A List Apart, Craigslist.com |
− | < | + | *Technical: |
− | Formal Principles: Appropriation and Collage Online | + | **Images |
− | Visual References: | + | **Links |
− | Technical: | + | **Point to File |
− | Images | + | **Absolute vs Relative URLs |
− | Links | + | **Adding YouTube video V in Video should be Capitalized |
− | Point to File | ||
− | Absolute vs Relative URLs | ||
− | Adding YouTube video V in Video should be Capitalized | ||
=Flash= | =Flash= | ||
− | < | + | <p><b>[[Chapter 18 CS4]]: Elements of Motion</b> |
− | [[Chapter 18 CS4]]: Elements of Motion | + | </p> |
− | < | + | *Formal Principles: Time and Rhythm |
− | Formal Principles: Time and Rhythm | + | *Visual References: NONE |
− | Visual References: | + | *Technical: |
− | Technical: | + | **Frames and Keyframes |
− | Frames and Keyframes | + | **Shape Tween |
− | Shape Tween | + | **Document Properties |
− | Document Properties | + | **Publishing |
− | Publishing | + | <p><b>[[Chapter 19 CS4]]: Pacing</b> |
− | < | + | </p> |
− | [[Chapter 19 CS4]]: Pacing | + | *Formal Principles: Motion, Speed and Stillness |
− | < | + | *Visual References: Hans Richter, Lillian Schwartz |
− | Formal Principles: Motion, Speed and Stillness | + | *Technical: |
− | Visual References: | + | **Symbols |
− | Technical: | + | **Library |
− | Symbols | + | **Motion Tween |
− | Library | + | **Instances |
− | Motion Tween | + | <p><b>[[Chapter 20 CS4]]: Commanding the Timeline: ActionScript</b> |
− | Instances | + | </p> |
− | < | + | *Formal Principles: Game Theory, Play Logic |
− | [[Chapter 20 CS4]]: Commanding the Timeline: ActionScript | + | *Visual References: Spacewar, Trigger Happy |
− | < | + | *Technical: |
− | Formal Principles: Game Theory, Play Logic | + | **onClick |
− | Visual References: | + | **gotoAndPlay |
− | Technical: | + | **Play |
− | *onClick | + | **Stop |
− | *gotoAndPlay | ||
− | *Play | ||
− | *Stop |
Latest revision as of 10:40, 12 February 2013
First Steps
Introduction: Read Me!
- Introduction to Digital Foundations
- Introduction to Operating Systems
- Introduction to Bauhaus
Chapter 1 CS4: The Metaphor of Using Graphics Applications
- Formal Principles: Dynamic and Static Compositions, Movement versus Stillness
- Visual References: Egon Schiele
- Technical:
- Welcome to the OS, Common Metaphors
- Opening, saving and closing files with Adobe Illustrator
- Creating a dynamic composition in Adobe Illustrator
- Rectangle Shape Tool
- Fill and Stroke
- Select Tool
- Master Files and Naming Conventions
Chapter 2 CS4: Searching and Sampling - Becoming an Expert Web User
- Formal Principles: Copyright, Fair Use, Appropriation
- Visual References: Marcel Duchamp, Kenneth Tinkin-Hung
- Technical:
- Searching for images: Filtering search engines
- Saving images from the web to the harddrive
- Searching for images: The public domain
- Licensing artwork
- Searching for images: Stock websites
Adobe Illustrator
Chapter 3 CS4: Symmetry
- Formal Principles: Symmetry, Asymmetry, Focal Point, Passive and Active Negative Space
- Visual References: The Bookman (Advertisement), Leonardo da Vinci, Adalpertus
- Technical:
- Copy, Paste, and Move Objects with Key Commands
- Short-cuts and Key Commands
- Grouping and Ungrouping
- Locking Layers
- Fill and Outline
- Scaling with the Selection Tool
- Align Palette
Chapter 4 CS4: Type on the Grid
- Formal Principles: Line, Plane, Balance, The Grid, Type Basics
- Visual References: Theo van Doesburg, STILL NEED ONE MORE [we wanted:Sophie Taeuber-Arp, Piet Modrian, Jan Tschichold, Wolfgang Weingart] [we found: Theo van Doesburg, El Lissitzky, Leonardo da Vinci, August Macke]
- Technical:
- Repositioning Rulers
- Line Tool
- Using the Type Tool for Headlines and Text Boxes
- Justification, Leading, Kerning
- Zoom Tool, Hand Tool
- Introduction to the Direct Select Tool
Chapter 5 CS4: Color Theory and Basic Shapes
- Formal Principles: Color Models, Relationships on the Wheel, Hue, Value, Saturation
- Visual References: Johannes Itten (color wheel), Joseph Albers, Jahre Deutscher Werkbund, Edouard Manet, and Vincent Van Gogh
- Technical:
- Custom Document
- Artboard
- Rulers and Guides
- Shape Tools
- Selecting Objects
- RGB and CMYK Color Palette
- Creating Tints and Shades
- Copying and Moving shapes
- Tools and Palettes
Chapter 6 CS4: Line Art and Flat Graphics
- Formal Principles: Gesture Drawings, Line, Weight, Texture, Atmospheric Perspective
- Visual References: A Diagram from Harper's Bazar and Ronen Eidelman
- Technical:
- Pen Tool
- Anchor Points and Bezier Handles
- Convert Anchor Point Tool
- Vector graphics
- Selection Tool vs. Direct Selection Tool
- Clipping Mask
Photoshop
Chapter 7 CS4: Scanning
- Formal Principles: Photograms and Scanograms, Abstraction
- Visual References:Anna Atkins, Lemons (unknown artist)
- Technical:
- Scanning objects
- Photoshop Palette Basics
- Pixels and Raster Images
- Resolution
- Image File Formats: PSD, TIF
- History Palette
- Basic Image Adjustments
Chapter 8 CS4: Tonal Scale
- Formal Principles: Contrast, Value and Tonal Scale in Photography
- Visual References: Nicéphore Niépce, Dorthea Lange
- Technical:
- Downloading Images from the Camera
- Unsharp Mask
- Image Size
- Understanding the Histogram
- Levels and Curves
- Hue and Saturation
Chapter 9 CS4: Layering and Collage
- Formal Principles: Scale, Hierarchy, Collage, Double Exposure, Exquisite Corpse
- Visual References: Hippolyte Bayard, El Lissitzky, Henry Van der Weyde
- Technical:
- Free Transform, Scaling,
- Layer Palette
- Cropping
- Adjustment Layer
- Layer Groups
- Merging Layers
Chapter 10 CS4: Repetition and Cloning
- Formal Principles: Unity, Harmony
- Visual References: The Anti-Advertising Agency, The Billboard Liberation Front
- Technical:
- Type Tool
- Layer Styles
- Cloning
- Layer Groups
- Duplicating and Flattening
- Rasterizing and Creating Outlines
Chapter 11 CS4: Non-Destructive Editing
- Formal Principles: Chaos, Anti-Order
Visual Examples: Philippe Halsman and Kurt Schwitters
- Quick Masks
- Saving Selections
- Channel Palette
- Layer Masks
- Shape Tool
- Path Palette
- Adjustment Layers
- Clipping Groups
Chapter 12 CS4: Digital Output for the Web
- Formal Principles: Low-fi & Dirt Style
- Visual References: Whitehouse.gov, Pizzahut.com
- Technical:
- Resolution
- Image Size
- Save for web
- File Formats: JPG, GIF
- File Size/Download Time
InDesign
Chapter 13 CS4: Multiple Pages: Unity
- Formal Principles: Sequence, Repetition, Harmony
- Visual References: NONE YET - Saul Bass, Alexey Brodovitch, Muriel Cooper, Quentin Fiore
- Technical:
- Creating a New Document
- Pages Palette
- Master Pages
- Rulers and Guides
- Type Tool
- Color Palette
- Linking Text Boxes
- Exporting a PDF
Chapter 14 CS4: Multiple Pages: Chaos, Tension, Disarray
- Formal Principles: Deconstruction, Disarray
- Visual References: NONE YET - Neville Brody, Émigré Magazine (Rudy VanderLands and Zuzana Licko), Ray Gun Magazine (David Carson)
- Technical:
- Placing Images and Text
- Text Frame Breaks
- Creating a Character Style
- Leading, Kerning, Hyphenation
- Eyedropper Tool
- Modifying a Text Box with the Direct Select Tool
- Modifying Text Box Settings
Dreamweaver
Chapter 15 CS4: Hello World
- Formal Principles: Code as Aesthetics
- Visual References: Jodi's wwwwwwwww.jodi.org, Heath Bunting
- Technical:
- Hello World via TextEdit
- Hello World in Dreamweaver
- Editing versus Previewing
- File Naming Conventions
- Basic Text Formatting (H1, Strong, Em)
- Choosing Colors (sidebar: CSS)
Chapter 16 CS4: Files and Servers
- Formal Principles: Network Logic
- Visual References: MTAA's Internet Art Diagram
- Technical:
- Defining a Site
- Uploading to a Server
- Webhosting
Chapter 17 CS4: Form and Content on the Web
- Formal Principles: Appropriation and Collage Online
- Visual References: A List Apart, Craigslist.com
- Technical:
- Images
- Links
- Point to File
- Absolute vs Relative URLs
- Adding YouTube video V in Video should be Capitalized
Flash
Chapter 18 CS4: Elements of Motion
- Formal Principles: Time and Rhythm
- Visual References: NONE
- Technical:
- Frames and Keyframes
- Shape Tween
- Document Properties
- Publishing
Chapter 19 CS4: Pacing
- Formal Principles: Motion, Speed and Stillness
- Visual References: Hans Richter, Lillian Schwartz
- Technical:
- Symbols
- Library
- Motion Tween
- Instances
Chapter 20 CS4: Commanding the Timeline: ActionScript
- Formal Principles: Game Theory, Play Logic
- Visual References: Spacewar, Trigger Happy
- Technical:
- onClick
- gotoAndPlay
- Play
- Stop