Digital Design for the Arts and Humanities website

Digital Design homepageDaily Readings for Digitial Design courseDigital Design Course syllabusE-Mail Digital Design StudentsTechnology, Arts, and Media Program homepageSewall Academic Program homepageCU-Boulder homepage

Creating and Editing Flash Movies
   
Assignment for Monday, April 10: come to class with
URLs to the Flash websites and Flash banner ads
that you want to use as models for designing your
Flash projects.

Assignment: Practice creating short Flash movies
using motion tweens, symbols, and sound. Practice
rotating, easing, and changing the tint and alpha
of symbol objects.


1. Image Websites

  1. Image websites were due on Friday. Some of
    you still need to put links to your image websites
    on your portfolio pages.

  2. See Basic Elements of a Web page for
    Digital Design
    .

2. Your 4th website, a Flash Banner Ad, is
due on April 21st.

  1. ENN Flash banner ad

  2. USAToday Flash banner ad

  3. LATimes Flash banner ad

2 Flash Banner Ads websites

  1. Tips for Making Flash Banner Ads

  2. Flash Banner Ads Example

  3. Additional Flash Banner Ads

  4. Flash Banner Ads -- a Portfolio

  5. Google: Flash Ad Banners

2. Students' Favorite Flash sites

  1. Macrocosmetics.com

  2. Nike.com

  3. Advanced Studios.com

  4. The Void.com

  5. ESfootware.com

  6. Bluehaus.com

  7. Xeo Freestyle Design

2. Examples of simple Flash Movies

  1. Sewall Hall

  2. Spot lighting a scene

  3. Introduction to Sewall

2.Easing In and Out movement in Flash

  1. See ease.swf

  2. Look at ease.fla

  3. Ease In (-100) -- means that the motion starts off
    slow and then speeds up.

  4. Ease Out (+100) --means that the motion starts out going fast and then slows down

  5. Notice that you get set easing between -100 and
    +100.
  6. You can use easing to make some objects
    seem to go faster than other objects.

3. Creating Flash Movies 

  1. Use sewflash.fla for in-class example .

  2. Create a Flash Movie and create a few layers.
    use images from A Photo Tour of Sewall

  3. Create a number of shape symbols that we are
    going to store in the Flash Library.
  4. Make sure you give each of these symbols 
    identifiable names so that you can tell them
    apart.

  5. Now open the Flash library for this individual movie.Each movie has its own unique Flash library of symbols.

  6. You can drag and drop various instances of the
    symbols in new layers.

  7. The Flash library is an easy, efficient way to
    store and edit flash symbols for your Flash movies.

  8. In addition to storing flash symbols in your Flash library, you can edit Flash symbols in the library that will effect every instance of that symbol in your Flash movie.

  9. By using various effect, shape, and motion tweens on symbols in different layers, you can create a complex Flash movie with only a few symbols, which cuts down on the final size of the Flash movie.

3. Editing and choreographing Flash movies

  1. Just as in a real movie, in Flash we have a stage
    upon which the director needs to choreograph
    the actions in each frame.

  2. We can add sound and movies as elements in a
    Flash movie.

  3. How the director organizes and lays out the 
    elements across the layers of a Flash movie
    determines the action and artistry of the movie.

  4. In Flash, just like in real movies, the stage consists
    of moving symbols and elements that move in
    relation to each other.

  5. The real skill involved in Flash is choreographing
    these elements into a coherent action that tells
    a story.

  6. Without organization and choreography, a Flash
    movie would be a bunch of jumbled elements that
    move in an incoherent mass.

  7. The real power of Flash lies in the choreographed
    movements of each scene.

  8. Like a director, a Flash producer must create a
    set of symbols, lay out their actions, and then
    choreograph them with each other.


4. Using Macromedia Exchange to add "Extentions"
to Flash MX

  1. Macromedia Exchange

  2. Download extenstions to your computer and
    put these files in your download folder


  3. In Flash, go to the "Help" Menu and select
    "Manage Extensions

  4. In Macromedia Extensions Manager , select
    install extensions.

  5. You can use Macromedia Extensions Manager to
    add extensions to Fireworks and Dreamweaver.


5. Publishing your Flash Movie to the web

  1. In Flash, go to "Publish Settings" and determine
    the settings for your Flash movies.

  2. Now select "Publish" and Flash will create two
    files: 1) flash.swf file and a 2) flash.html file

  3. Copy both the "swf file" and the "html" file onto
    the web.

  4. The Flash movie plays on the web by playing
    in the "html file" created by Flash.

  5. You can edit the name and features of this
    "html file" using Dreamweaver.


5. Inserting Flash movies into existing Webpages

  1. In Dreamweaver, create a layer to put your
    Flash movie in.

  2. Select "Insert" and choose "Media" and then
    select "Flash."

  3. Notice that in Dreaweaver, you can modify the
    way your Flash movies runs within this webpage.

  4. I want you to create a Flash banner ad that will
    go into one of your webpages.

  5. See OAR webpage with moving Flash banner.

  6. See my OAR Flash movie webpage



  1. Flashkit.com
  2. Macromedia Flash Support Center
  3. Flash Bible.com
  4. Flash Tools and Software
  5. Flash Jester: Flash Tools
  6. Action Script.com: Flash Tools

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Good Web Design Sites
Award-winning Web Designs
Great Web Design Books
Sewall Class Web Designs

| Home Page  | Readings | Syllabus | Web Resources | Top of Page |

Number of Visitors to this site: 
16674      by Chris H. Lewis, Ph.D.

© 2000 by Chris H.  Lewis, Ph.D.
Sewall Academic Program; University of Colorado at Boulder
Created 1 June 2000:  Last Modified: 10 April, 2006
E-mail: cclewis@spot.colorado.edu
URL:    http://www.colorado.edu/AmStudies/lewis/Design/flashfm.htm

Digital Design Course homepage