Introduction to course and overview of communications history.
REF: Technologies of Time and Space: A prehistory of multimedia

Brief #1: Research and critique: New forms of writing

links to online resources
http://www.a-website.org/memory/links.html

Introduction to Graphics
REF Colour on the Computer /hyperessays/05compCol.html
Perception and colour
/hyperessays/05colour.html

Scanning
HANDOUT : Resolution Solutions
HANDOUT : Digital Imaging

Folders and filing -- Naming things.
REF: http://www.labyrinth.net.au/~saul/edim/saving.html

Intro to Photoshop: The workspace, toolbar tools, selections, layers and layer blend effects.

HANDOUT: Photoshop introduction

Class exercise: Dandy Warhols

13.03.06

4

Photoshop: Toolbar tools cont. incl. brushes, colour palettes, heal, dodge/burn, gradients.
Dandy Warhols cont.

BRIEF #1 DUE

Brief 2: Create a series of at least 5 images in Photoshop that explore an event, emotion or concept.
SEE: Tell a Story in 5 Frames Flickr Group >>

5

27.03.06

Photoshop: Toolbar tools and filters, cont.

Class exercise : Sampler using scanned material

Principles of Design
REF :Fundamentals of design -- SS
REF : Composition for television http://www.cybercollege.com/tvp023.htm
REF: Basic colour theory for the web slideshow

Handout: Principles and Elements of Design

Photoshop -- text and tools, paths and compositing
REF : Typography, by John Magnik http://www.typography-1st.com/typo/txt-lay.htm
REF : Web Typography Tutorial http://webmonkey.wired.com/webmonkey/design/fonts/tutorials/tutorial3.html
REF : Typotheque: Essays, lectures & projects http://www.typotheque.com/articles/essays.html

Exercise #3 : Visual Text >

Handout: Introduction to typography

Photoshop Channels and masks, Image and concept development

Handout: Photoshop Quickstart Channels and colour

13-19.04.06

Thursday, 13 April to Wednesday 19 April 2006 : Mid-semester/Easter break

24.04.06

Vectors in Photoshop: using the path tool

Exercise 4: Monsters

REF: Vector Tutorial :Photo to Vector >
This vector tutorial gives basic step-by-step instructions on how to use the pen tool to create your own stylized piece of art from a photo.
REF: Adobe Photoshop Pen Tool >
Though this site was very short and concise, it does a good job of informing re the basic uses of the pen tool.
*** REF: Paths and the Pen Tool >
A good indepth look at the path-tool functions -- recommended

Intro to web graphics and Photoshop actions
REF: http://www.labyrinth.net.au/~saul/edim/elements.html

Web Graphics
REF: Web Graphics by Shiralee Saul
REF : Web Graphics Overview by Jason Heffel

Handout: Optimization

8.05.06

Present Brief 2

Intro to Web and Internet
REF: The Internet and How it Grew...
http://www.labyrinth.net.au/~Esaul/essays/03internet.html

INTRO TO HTML -- handcoding, concepts and basic tags, intro to Dreamweaver.
REF : Site design REF: Fresh Styles For Web Designers http://www.lab404.com/dan/
REF : Usable Web Design Tips (links to good articles etc) http://usableweb.com/topics/000445-0-0.html
REF : BAREBONES GUIDE TO HTML
http://werbach.com/barebones
REF: http://www.labyrinth.net.au/~saul/edim/elements.html
REF : Enthos Dreamweaver tutorials

Dreamweaver Interface Overview
'Love the Internet' Adrian Shaughnessy,EyeMagazine 55/05

Exercise : setting up file structure, create simple pages and links in Dreamweaver

Brief #3 Design and author hyperessay

CSS and formatting

CSS
REF: Web Page Design for Designers-- Joe Gillespie
CSS from the Ground Up
REF : CSS Zen Garden
http://csszengarden.com/
REF : Whitespace (CSS Blog)
http://9rules.com/whitespace/
REF : CSS Beginners Guide
http://www.htmldog.com/guides/cssbeginner/

Dreamweaver – structures and formats
Site maps and information architecture

REF: Graphics and Web Design Based on Edward Tufte's Principles
http://www.washington.edu/computing/training/560/zz-tufte.html
REF: User-interface Design Principles -- summary
REF : Approaches to Graphical User Interface (GUI) Design
http://www.a-website.org/hyperessays/06intertheory.html
REF : SUCKKY TO SAVVY
http://jeffglover.com/ss/ssmain.php
REF : Communication and Theory SS
REF : Human Perception SS
REF : User-interface Design Checklist SS
REF: Mnemosyne's Bones: designing On-line Content SS
REF : A Summary of Principles for User-Interface Design.by Talin
REF : Macintosh Human Interface Guidelines
REF : Designing a Graphical User Interfaceby Leslie Cortes, MD

REF : Norman, Donald. 'The Design of Everyday Things'. Doubleday, 1990.
REF : Tufte, Edward. 'Visual Explanations'. Graphics, 1997.
REF : Salen, K. + Zimmerman, E. 'Rules of Play; Games Design Fundamentals'. MIT Press, 2004

Show and Tell : Image series mini -site

Exercise #5: Good & Bad Sites

Writing for the Internet
Nielsen, Jakob, Be succinct! (Writing for the Web)
REF : http://www.useit.com/alertbox/9703b.html
Writing for the Web
REF : http://www.a-website.org/mnemosyne/advice/writing.html
10 Tips on Writing the Living Web by Mark Bernstein
REF: http://www.alistapart.com/articles/writeliving/

12.06.06

19.06.06

Navigation, interactivity and feedback

REF : Approaches to Graphical User Interface (GUI) Design SS
REF : User-interface Design Checklist SS
REF: Mnemosyne's Bones: designing On-line Content SS
REF : A Summary of Principles for User-Interface Design.by Talin
REF : Macintosh Human Interface Guidelines

Links to online interactives etc SS

REF : Norman, Donald. 'The Design of Everyday Things'. Doubleday, 1990.
REF : Tufte, Edward. 'Visual Explanations'. Graphics, 1997.
REF : Salen, K. + Zimmerman, E. 'Rules of Play; Games Design Fundamentals'. MIT Press, 2004

10.07.06

Present Brief #3

Introduction to animation

REF : Persistence of Vision SS -- history and principles of animation. Includes hints for minimizing web animations.

Brief #4: An Interaactive Animation from script to screen

17.07.06

Rotoscoping and GIF animation exercise >>

Animation proposal to SS

MAKING A SIMPLE SEQUENCE pdf >>
STORY-SHAPING AND VISUALISATION pdf >>
STORYBOARDING pdf >>

Introduction to Flash:Exercise #6: GIF animation to Flash Movie >>

REF: Using Macromedia FlashMX: a mini-manual of all Flash basics PDF >>
REF :: The Flash Toolbar >>
REF :: Learning to Draw in Macromedia Flash MX>>
REF :: Basics of Flash Animation >>
PDF REF: Using Symbols in Flash >>
PDF REF :: Flash Symbols basic Concepts >>

REF : Flash MX 2004 Movie Tutorials -- visually guides you through the basics
REF : Entheos -- Tutorials cover basics of Flash MX 2004 incl. timeline effects, animations and Flash programming. Tutorials include a live demo .swf and download .fla files. (beginner)

Multimedia production cycles and project management

REF : Kirupa.com -- basic flash drawing and animation tutorials
REF : Clandestina Dreams -- a linear series of surrealistic illustrations

Script to storyboard

Flash: Symbols and libraries, text basics

REF : Flash Symbols: Basic Concepts tutorial
REF : SmartWebby beginner Flash Tutorials
REF : Flash Tutorial on Text types, how to create & use them
REF : Squash and Stretch
REF : Animation in Macromedia Flash: Squash and Stretch
REF : Flash Animation 14: Gravity, Squash, and Stretch

Flash: motion Tweening

REF : Animation Effects in Flash MX 2004 by Steven Grosvenor
REF :: Flash Tweenings : SHAPE TWEEN
REF :: Timeline Shape Tween in Flash MX 2004
REF :: Motion Guide in Flash MX 2004
REF :: Flash Tweenings : MOTION GUIDE TWEEN
REF :: Flash Tutorial: Revolving Text
REF :: Flash Tutorial: Typewriter
REF :: Flash Tutorial: Alpha/Onion Skin FX with Text

Flash:advanced animation

Copywrite. Moral Rights + IP
REF : Australian Copyright Council, copyright law australia http://www.copyright.org.au/information/introductory.htm
Images & design -- Information for visual artists, photographers, craft workers, graphic designers, fashion designers, illustrators, galleries, museums. Also for people who want to copy or use visual images, artworks or designs http://www.copyright.org.au/information/specialinterest/visart.htm
Caslon Analytics Intellectural Property Guide -- This page builds on the introduction to key intellectual property concepts, highlighting some rationales, the history of IP and some major philosophical and historical studies. http://www.caslon.com.au/ipguide1.htm

Production models and project management

REF : Jakob Nielsen's Alertbox Top Ten Mistakes of Web Management
REF : Project Management and Multimedia Design and Production
REF : Project management FAQ
REF : Step-By-Step Site Planner By Keith Reichley
REF : Planning -- Sitemapping
REF : Storyboarding (for web projects as well as linear media)
REF : Sudio 1511 Production Development Guide

Present Brief 4#1 -- production documents

Brief 4 #2

Developing interactivity: actionscript introduction

REF : Actionscript.org --tutorials

ASSIGNMENT

%AGE

DUE DATE

Research and critique: New forms of writing

20

20

20

40