INTEGRITY | ART211 | 211SYL | ART310 | 310SYL | ART311 | 311SYL | HOME
SANTIAGO ECHEVERRY

ART310 | Advanced Digital Arts| Fall 07 | PRE-REQUISITE: ART210 and/or COM 241

Section J | M - W | 4:00PM - 6:00 PM
CAS 123 | 08/27/07 - 12/15/07

secheverry at ut.edu | BAS 131 | 813 - 253 3333 x 3769
Office hours by appointment only
Week Description   Assignments
1 - ANIMATION 1

Flash: vectorial animation. Frame rate. Importing and synchronizing audio. Frames, KeyFrames, Tools, Shape and Motion tweening. Exporting swf files. Publish settings. Library. Building your project.

Readings:
Generation Flash | Lev Manovich

Explore:
Flash Documentation
Macromedia Flash Tutorials
Flash Learning Center
2 - ANIMATION 2


Movie Clips, basic properties, transformations. Converting to symbols. Scenes. Shape vs Motion tweening. Freehand and Flash, Tracing bitmaps, designing for animation, layers, advanced animation techniques. Timeline Effects. Work Area. Text control. Design panels. Graphics, Shapes, Buttons and Movie Clips. PROPERTIES.
• Create a Flash animation of your favorite song - 3 minutes max. 10fps / 320 x 240, with an INTRO scene, a CREDITS scene, and some basic play and pause buttons.
• lowmorale.co.uk Creep / Radiohead
• voozclub.com
• atomfilms.com/af/animation/flash
• goultralightsgo.com

• insertsilence.com
• whitehouseanimationinc.com
• HotWired: Animation Express
3 - NAVIGATION

Interactive Media Vs. Responsive Media. Story Board, Information architecture. navigation. User centered design.



• Create an interactive fairy tale using buttons, scenes, basic navigation. More details to be given during class.

Movie: Run Lola Run

4 - NAVIGATION

NON-LINEAR THINKING. Examples in the real world. Interactive art. Director. Laurie Anderson, Myst, Eve, Bill Seaman, ZKM, Ars Electronica, Whitney...


• Reading
The Design of Everyday Things | Donald A. Norman

 

5 - NAVIGATION
Fairy Tale workshop



 
6 - PROGRAMMING

Basics of programming, structures, functions, setInterval. Types of variables, boolean, integer, float, numeric, alpha, arrays. Repeat loops, conditionnals.
  • Create a series of practice movies where you will alter the properties of Movie Clips - _width, _height, _x, _y, _alpha, _rotation, etc - using variables, functions, repeat loops and conditionnals.
7 - PROGRAMMING


Basics of programming . Actionscript in action.



Math Nightmare Project: Use MATH formulas to transform Movie Clips on the stage, be creative and face your fear of numbers >:-)
Actionscript 2.0
actionscripts.org
WebWasp tutorials
UMBC Interactive
More tutorials

 

8 - PROGRAMMING
ARRAYS, understanding lists. Loading JPG / SWF / DATA into Movie Clips. notion of Data Bases. Interaction with Javascript. XML.



• create your own swf album loading dynamically your files locally or from a server.
9 - INTERACTIVITY
Controlling video and audio in Flash FLV vs SWF, streaming vs pre-loading

• Interactive autoscopy as a Cyborg: inspired by Steve Mann, Stelarc, Orlan, etc., Transform yourself into an Interactive Cyborg.

10 - INTERACTIVITY


Cyborg Workshop


 
11 - INTERACTIVITY
Flash and the Web. Design for Motion Graphics. Dynamic menus and Interaction Design   Start creating your own Flash based website. This is the beginning of your final project, you will need to integrate all the projects you have produced so far. If you have taken or are taking ART 311 you can explore combinations between both classes.

12 - INTERACTIVITY
Dynamic media: Integration of Live elements ( Video, Audio)



 
13 - INTERACTIVITY
Actionscript WORKSHOP  

14 - INTERACTIVITY
Actionscript WORKSHOP



 
14 - INTERACTIVITY
Actionscript WORKSHOP  

16 - FINALS

FINAL PROJECTS PRESENTATION - EVERYONE MUST BE PRESENT