web 1 resources - Flash Workshop

 

Flash Workshop Procedure

 

Introduction - What We're Making [Annoying Huh?]

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

Part One - Illustrator

  1. Make a folder for your work today
  2. Show a sketch design
  3. Open Illustrator - make some eyes quickly - use templates
  4. Organise Layers

 

Part Two - Flash Import

  1. Import to Stage - Apple-R
  2. MovieClips/ Text/ Vectors/ Etc
  3. make Flash Stage the Size of the Art File
  4. Save the File - bannerDemoAnim.fla
  5. Examine the stage objects - names in Library
  6. Check the Layers/ Timeline - Let's keep main timeline to a single frame
  7. Lock idle layers to address the eye graphic
  8. Collect All eye Parts and turn into Mc
  9. Delete and Rename Layers Ready to start animating

 

Part Three - Animating Your Art

  1. Animate Pupil - double click Eye clip to get inside.
  2. Motion Tween - moving the Pupil
  3. Change Frame Rate - 18fps
  4. 36 frames in the TImeline - F5
  5. Select Pupil - make motion tween/ All objects are distributed to layers
  6. Rename your layers
  7. Create Motion Tween
  8. In Timeline add keyframes to do the action you want
  9. Save and test the movie
  10. The Motion Path - explain and edit to a curve/ Add some scaling
  11. Shape Tween - eyelid closing
  12. Get the raw shape in the first keyframe
  13. Create the shape tween and edit the shape with the black arrow
  14. Back to the main timeline, make two eyes and test the movie
  15. Animate the text
  16. Use the 3D tools

 

Part Four - Make A Link

  1. Make a new layer on the main timeline
  2. Drag out a rectangle
  3. Hit F8 on the KeyBd to Convert to Symbol
  4. Choose the Button option/ OK
  5. In the Properties panel give the button an instance name
  6. Double click the button to enter its timeline
  7. drag the first keyframe to the last and return to the main timeline
  8. Create one more layer - Actions
  9. Open the actions panel and type the following…
  10. Test the movie and see if it goes to the link. There may be security restrictions

 

Part Five - Publish Your Animation

  1. Explain the Publish Settings
  2. Publish - Apple F12 to open in a browser
  3. Create a new site in dreamweaver
  4. Open HTML and test in a browser
  5. Open your index.html page
  6. Add the SWF file

 

The End.