Difference between revisions of "Table of Contents"

From Digital Foundations
Jump to: navigation, search
(PhotoShop)
 
(14 intermediate revisions by 2 users not shown)
Line 10: Line 10:
 
</p>
 
</p>
 
*Formal Principles: Dynamic and Static Compositions, Movement versus Stillness
 
*Formal Principles: Dynamic and Static Compositions, Movement versus Stillness
*Visual References: Amedeo Modigliani, Egon Schiele
+
*Visual References: Egon Schiele
 
*Technical:
 
*Technical:
 
**Welcome to the OS, Common Metaphors
 
**Welcome to the OS, Common Metaphors
Line 22: Line 22:
 
</p>
 
</p>
 
*Formal Principles: Copyright, Fair Use, Appropriation
 
*Formal Principles: Copyright, Fair Use, Appropriation
*Visual References: Marcel Duchamp, Kenneth Ti
+
*Visual References: Marcel Duchamp, Kenneth Tinkin-Hung
 
*Technical:     
 
*Technical:     
 
**Searching for images: Filtering search engines
 
**Searching for images: Filtering search engines
Line 29: Line 29:
 
**Licensing artwork
 
**Licensing artwork
 
**Searching for images: Stock websites
 
**Searching for images: Stock websites
 +
 
=Adobe Illustrator=
 
=Adobe Illustrator=
<p><b>[[Chapter 3 CS4]]: Color Theory and Basic Shapes</b>
+
<p><b>[[Chapter 3 CS4]]: Symmetry</b>
 
</p>
 
</p>
*Formal Principles: Color Models, Relationships on the Wheel, Hue, Value, Saturation
+
*Formal Principles: Symmetry, Asymmetry, Focal Point, Passive and Active Negative Space
*Visual References: Johannes Itten (color wheel), Joseph Albers, Edouard Manet
+
*Visual References: The Bookman (Advertisement), Leonardo da Vinci, Adalpertus
 
*Technical:
 
*Technical:
**Custom Document
+
**Copy, Paste, and Move Objects with Key Commands
**Artboard
+
**Short-cuts and Key Commands
**Rulers and Guides
+
**Grouping and Ungrouping
**Shape Tools
+
**Locking Layers
**Selecting Objects
+
**Fill and Outline
**RGB and CMYK Color Palette
+
**Scaling with the Selection Tool
**Creating Tints and Shades
+
**Align Palette
**Copying and Moving shapes
+
**Tools and Palettes
+
 
<p><b>[[Chapter 4 CS4]]: Type on the Grid</b>
 
<p><b>[[Chapter 4 CS4]]: Type on the Grid</b>
 
</p>
 
</p>
Line 55: Line 54:
 
**Zoom Tool, Hand Tool
 
**Zoom Tool, Hand Tool
 
**Introduction to the Direct Select Tool
 
**Introduction to the Direct Select Tool
<p><b>[[Chapter 5 CS4]]: Symmetry</b>
+
<br /><p><b>[[Chapter 5 CS4]]: Color Theory and Basic Shapes</b>
 
</p>
 
</p>
*Formal Principles: Symmetry, Asymmetry, Focal Point, Passive and Active Negative Space
+
*Formal Principles: Color Models, Relationships on the Wheel, Hue, Value, Saturation
*Visual References: The Bookman (Advertisement) and Leonardo da Vinci
+
*Visual References: Johannes Itten (color wheel), Joseph Albers, Jahre Deutscher Werkbund, Edouard Manet, and Vincent Van Gogh
 
*Technical:
 
*Technical:
**Copy, Paste, and Move Objects with Key Commands
+
**Custom Document
**Short-cuts and Key Commands
+
**Artboard
**Grouping and Ungrouping
+
**Rulers and Guides
**Locking Layers
+
**Shape Tools
**Fill and Outline
+
**Selecting Objects
**Scaling with the Selection Tool
+
**RGB and CMYK Color Palette
**Align Palette
+
**Creating Tints and Shades
<p><br />
+
**Copying and Moving shapes
 +
**Tools and Palettes
 
<b>[[Chapter 6 CS4]]: Line Art and Flat Graphics</b>
 
<b>[[Chapter 6 CS4]]: Line Art and Flat Graphics</b>
</p>
 
 
*Formal Principles: Gesture Drawings, Line, Weight, Texture, Atmospheric Perspective
 
*Formal Principles: Gesture Drawings, Line, Weight, Texture, Atmospheric Perspective
 
*Visual References: A Diagram from Harper's Bazar and Ronen Eidelman
 
*Visual References: A Diagram from Harper's Bazar and Ronen Eidelman
Line 79: Line 78:
 
**Selection Tool vs. Direct Selection Tool
 
**Selection Tool vs. Direct Selection Tool
 
**Clipping Mask
 
**Clipping Mask
**Live Trace (I DIDN'T GET TO THIS - WE CAN ADD IT HERE IF WE HAVE TO)
+
 
=PhotoShop=
+
=Photoshop=
 
<p><b>[[Chapter 7 CS4]]: Scanning</b>
 
<p><b>[[Chapter 7 CS4]]: Scanning</b>
 
</p>
 
</p>
Line 93: Line 92:
 
**History Palette
 
**History Palette
 
**Basic Image Adjustments
 
**Basic Image Adjustments
<p><b>[[Chapter 8 CS4]] : Tonal Scale</b>
+
<p><b>[[Chapter 8 CS4]]: Tonal Scale</b>
 
</p>
 
</p>
 
*Formal Principles: Contrast, Value and Tonal Scale in Photography
 
*Formal Principles: Contrast, Value and Tonal Scale in Photography
Line 104: Line 103:
 
**Levels and Curves
 
**Levels and Curves
 
**Hue and Saturation
 
**Hue and Saturation
<p><b>[[Chapter 9 CS4]] : Layering and Collage</b>
+
<p><b>[[Chapter 9 CS4]]: Layering and Collage</b>
 
</p>
 
</p>
 
*Formal Principles: Scale, Hierarchy, Collage, Double Exposure, Exquisite Corpse
 
*Formal Principles: Scale, Hierarchy, Collage, Double Exposure, Exquisite Corpse
*Visual References: Hippolyte Bayard, El Lissitzky
+
*Visual References: Hippolyte Bayard, El Lissitzky, Henry Van der Weyde
 
*Technical:
 
*Technical:
 
**Free Transform, Scaling,  
 
**Free Transform, Scaling,  
Line 115: Line 114:
 
**Layer Groups
 
**Layer Groups
 
**Merging Layers
 
**Merging Layers
<p><b>[[Chapter 10 CS4]] : Repetition and Cloning</b>
+
<p><b>[[Chapter 10 CS4]]: Repetition and Cloning</b>
 
</p>
 
</p>
 
*Formal Principles: Unity, Harmony
 
*Formal Principles: Unity, Harmony
*Visual References: The Anti-Advertising Agency, Bansky, The Billboard Liberation Front, The Bubble Project (depending on who gives us rights)
+
*Visual References: The Anti-Advertising Agency, The Billboard Liberation Front
 
*Technical:
 
*Technical:
 
**Type Tool
 
**Type Tool
Line 129: Line 128:
 
</p>
 
</p>
 
*Formal Principles: Chaos, Anti-Order
 
*Formal Principles: Chaos, Anti-Order
<p>Visual Examples: Theo Van Doesburg (presumed) and Kurt Schwitters [we wanted: F.T. Marinetti, Hannah Höch, Martha Rossler]
+
<p>Visual Examples: Philippe Halsman and Kurt Schwitters
 
</p>
 
</p>
 
*Quick Masks
 
*Quick Masks
Line 139: Line 138:
 
*Adjustment Layers  
 
*Adjustment Layers  
 
*Clipping Groups
 
*Clipping Groups
<p><b>[[Chapter 12 CS4]] : Digital Output for the Web</b>
+
<p><b>[[Chapter 12 CS4]]: Digital Output for the Web</b>
 
</p>
 
</p>
 
*Formal Principles: Low-fi &amp; Dirt Style
 
*Formal Principles: Low-fi &amp; Dirt Style
*Visual References: Michael Bell-Smith, Olia Lialina, Marisa Olson, Nasty-Nets
+
*Visual References: Whitehouse.gov, Pizzahut.com
 
*Technical:
 
*Technical:
 
**Resolution  
 
**Resolution  
Line 151: Line 150:
  
 
=InDesign=
 
=InDesign=
<p><b>[[Chapter 13 CS4]] 1313: Multiple Pages: Unity</b>
+
<p><b>[[Chapter 13 CS4]]: Multiple Pages: Unity</b>
 
</p>
 
</p>
 
*Formal Principles: Sequence, Repetition, Harmony
 
*Formal Principles: Sequence, Repetition, Harmony
Line 164: Line 163:
 
**Linking Text Boxes
 
**Linking Text Boxes
 
**Exporting a PDF
 
**Exporting a PDF
<p><b>[[Chapter 14 CS4]] 1414: Multiple Pages: Chaos, Tension, Disarray</b>
+
<p><b>[[Chapter 14 CS4]]: Multiple Pages: Chaos, Tension, Disarray</b>
 
</p>
 
</p>
 
*Formal Principles: Deconstruction, Disarray
 
*Formal Principles: Deconstruction, Disarray
Line 177: Line 176:
 
**Modifying Text Box Settings
 
**Modifying Text Box Settings
 
=Dreamweaver=
 
=Dreamweaver=
<p><b>[[Chapter 15 CS4]] 1515: Hello World</b>
+
<p><b>[[Chapter 15 CS4]]: Hello World</b>
 
</p>
 
</p>
 
*Formal Principles: Code as Aesthetics
 
*Formal Principles: Code as Aesthetics
*Visual References: Jodi's wwwwwwwww.jodi.org, Superbad
+
*Visual References: Jodi's wwwwwwwww.jodi.org, Heath Bunting
 
*Technical:
 
*Technical:
 
**Hello World via TextEdit
 
**Hello World via TextEdit
Line 188: Line 187:
 
**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]] 1616: Files and Servers</b>
+
<p><b>[[Chapter 16 CS4]]: Files and Servers</b>
 
</p>
 
</p>
 
*Formal Principles: Network Logic
 
*Formal Principles: Network Logic
*Visual References: JODI's 404, MTAA's Internet Art Diagram, Lisa Jevbratt, RSG/Alex Galloway's Carnivore
+
*Visual References: MTAA's Internet Art Diagram
 
*Technical:
 
*Technical:
 
**Defining a Site  
 
**Defining a Site  
 
**Uploading to a Server  
 
**Uploading to a Server  
 
**Webhosting
 
**Webhosting
<p><b>[[Chapter 17 CS4]] 1717: Form and Content on the Web</b>
+
<p><b>[[Chapter 17 CS4]]: Form and Content on the Web</b>
 
</p>
 
</p>
 
*Formal Principles: Appropriation and Collage Online
 
*Formal Principles: Appropriation and Collage Online
*Visual References: Heath Bunting's "Own, Be Owned or Remain Invisible", Mark Napier
+
*Visual References: A List Apart, Craigslist.com
 
*Technical:
 
*Technical:
 
**Images
 
**Images
Line 207: Line 206:
 
**Adding YouTube video  V in Video should be Capitalized
 
**Adding YouTube video  V in Video should be Capitalized
 
=Flash=
 
=Flash=
<p><b>[[Chapter 18 CS4]] 1818: Elements of Motion</b>
+
<p><b>[[Chapter 18 CS4]]: Elements of Motion</b>
 
</p>
 
</p>
 
*Formal Principles: Time and Rhythm
 
*Formal Principles: Time and Rhythm
*Visual References: Oskar Fischinger, 4/4 Time
+
*Visual References: NONE
 
*Technical:
 
*Technical:
 
**Frames and Keyframes
 
**Frames and Keyframes
Line 216: Line 215:
 
**Document Properties  
 
**Document Properties  
 
**Publishing
 
**Publishing
<p><b>[[Chapter 19 CS4]] 1919: Pacing</b>
+
<p><b>[[Chapter 19 CS4]]: Pacing</b>
 
</p>
 
</p>
 
*Formal Principles: Motion, Speed and Stillness
 
*Formal Principles: Motion, Speed and Stillness
*Visual References: Lotte Reiniger, Walter Ruttmann
+
*Visual References: Hans Richter, Lillian Schwartz
 
*Technical:
 
*Technical:
 
**Symbols  
 
**Symbols  
Line 228: Line 227:
 
</p>
 
</p>
 
*Formal Principles: Game Theory, Play Logic
 
*Formal Principles: Game Theory, Play Logic
*Visual References: Space Invaders, Natalie Bookchin's Intruder, McVideoGame (www.mcvideogame.com), Eric Zimmerman's SissyFight 2000
+
*Visual References: Spacewar, Trigger Happy
 
*Technical:
 
*Technical:
 
**onClick  
 
**onClick  

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