COAP:COAP-2110: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 35: Line 35:


; Elements of the Flash Desktop
; Elements of the Flash Desktop
* See [[Flash CS3 desktop tutorial]]
* Handout: [[Flash CS3 desktop tutorial]]


; Creating simple Drawings
; Creating simple Drawings
Topics: Stage size, Drawing modes, Selecting objects, Drawing and painting tools, Erasing and alignment, Colors, Adding text
Topics: Stage size, Drawing modes, Selecting objects, Drawing and painting tools, Erasing and alignment, Colors, Adding text
* See [[Flash drawing tutorial]]
* Handout: [[Flash drawing tutorial]]


; Simple use of Layers
; Simple use of Layers
* See [[Flash layers tutorial]]
* Handout: [[Flash layers tutorial]]


; Importing clipart and textures
; Importing clipart and textures
* [[Clipart]] and [[texture]] (in particular to find such resources)
* Handout:[[Clipart]] and [[texture]] (in particular to find such resources)


=== Week 2 ===
=== Week 2 ===


; Frame-by-frame animation
; Frame-by-frame animation
* See [[Flash frame-by-frame animation tutorial]]
* Previews: [http://tecfa.unige.ch/guides/flash/ex/frame-by-frame-intro/flash-cs3-shaking-hello.swf Shakin hello], [http://tecfa.unige.ch/guides/flash/ex/frame-by-frame-intro/flash-cs3-rocket-uncompressed.swf Rocket]
* Handout: [[Flash frame-by-frame animation tutorial]]


; Introduction to motion animation
; Introduction to motion animation
* See [[Flash motion tweening tutorial]]
* Previews: [http://tecfa.unige.ch/guides/flash/ex/motion-tweening-intro/flash-cs3-motion-tweening.swf Moving cat], [http://tecfa.unige.ch/guides/flash/ex/motion-tweening-intro/flash-cs3-motion-shape-tweening.swf Moving, changing cat], [http://tecfa.unige.ch/guides/flash/ex/motion-tweening-intro/flash-cs3-motion-guide-tweening2.swf Flying Rocket]
* Handout: [[Flash motion tweening tutorial]]


=== Week 3 ===
=== Week 3 ===


; More about drawing / Transformation of graphic objects
; More about drawing / Transformation of graphic objects
See [[Flash object transform tutorial]]
* Handout: [[Flash object transform tutorial]]


; Shape tweening
; Shape tweening
See [[Flash shape tweening tutorial]]
* Previews: [flash-cs3-shape-tweening-intro.swf Simple shape morph], [http://tecfa.unige.ch/guides/flash/ex/shape-tweening-intro/flash-cs3-shape-tweening-tear.swf Simple shape and motion morph], [http://tecfa.unige.ch/guides/flash/ex/shape-tweening-intro/flash-cs3-shape-picture-morphing.swf traced bitmaps morph]
* Handout: [[Flash shape tweening tutorial]]


=== Week 4 ===
=== Week 4 ===

Revision as of 10:15, 2 September 2007

Introduction

I use materials I developed in this wiki for my Fall I 2007 Webanimation course (COAP 2110) at Webster University, Geneva.

This page does not replace the official syllabus file, but it allows students to navigate more efficiently through the materials

  • Alternatively, start from the Flash article
Course level learning outcomes (roughly)
  1. Know the organization and tools of the Macromedia CS3 Flash Desktop
  2. Create simple drawings
  3. Frame-by-frame animations
  4. Creating and using layers
  5. Using motion and shape tweening to create animations
  6. Reusable Flash: symbols, instances and templates
  7. Incorporating non-Flash media files (graphics, sound and video)
  8. Create animated Splash pages in Flash
  9. Simple interactivity in Flash, e.g. image maps and menus
Teaching materials
  • This wiki (see the program below)
  • Veer, E.A. Vander and Chris Grover (2007). Flash CS3: The Missing Manual. ISBN 0596510446 - 527 pages.
  • Flash Tutorials on the Internet
    • See the Flash article for some good links

Program

The program will be ajusted according to students' progress. However, grading scheme, homework policy and such will remain stable.

Week 1

Elements of the Flash Desktop
Creating simple Drawings

Topics: Stage size, Drawing modes, Selecting objects, Drawing and painting tools, Erasing and alignment, Colors, Adding text

Simple use of Layers
Importing clipart and textures

Week 2

Frame-by-frame animation
Introduction to motion animation

Week 3

More about drawing / Transformation of graphic objects
Shape tweening

Week 4

(later)