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

Basic Actionscripting for
running Flash Movies

   
Assignment:  Work on your 4th website--
"Flash Banner ad," which is due on Friday, April 21st

Your final, revised Design Portfolio will be due
during the final exam period Monday, May 8th,
at 10:30. a.m. Be thinking about revising the five
websites in your Design Portfolio:

1) Portfolio page, 2) Web genre website, 3) Image website, 4) Flash Banner ad, and 5) Flash website

a). Basic elements of a webpage
b).
Elements of a basic Flash Banner Ad
c). Elements of a Basic Flash website

d
). Web Design Criteria for Final Design Portfolios 

1.   Web Design Portfolio Site ( due Jan. 30)


2.      Web genre Site (due March 3 )


3.      Image Site (due March 24)


4.      Flash Banner ad (due April 21
)

5. Flash Site (Due May 8th)


1. Criteria for Web Design websites

  1. a). Basic elements of a webpage
    b) .Elements of a basic Flash Banner Ad
    c) Elements of a basic Flash movie webpage
    d
    ). Web Design Criteria for Final Design Portfolios 


2. Examples of four basic Flash Banner Ads.

  1. Moetad 1 Flash Banner ad

  2. Moetad 2 Flash Banner ad

  3. Moetad 3 Flash Banner ad

  4. Moetad 4 Flash Banner ad ,

    --See moetbanner.fla

3. Example Flash File to use in class for
examples:

moet4.fla and sewflash2.fla


4. See example of Sewall Flash Banner Ad

5. .Students' Favorite Flash websites

  1. Colorado.com

  2. Macromedia Flash Showcase

  3. Business Power: Flash Showcase

  4. TheNorthFace.com

  5. Drive the Mars Rover

  6. Bacardi.com

  7. PeelPub.com

  8. ByMarkdowntown.com

  9. HomeStarRunner.com

  10. CatieCurtis.com

  11. Macrocosmetics.com

  12. Courvoiser.com

  13. Hennessy Cognac.com

  14. Moet.com

 

4. Creating Invisible Buttons that when you click anywhere on a Flash Banner Ad the button takes
your to a URL

  1. See Invisible button Flash movie

  2. On the very top layer, create a white box that fills your entire Flash movie stage.

  3. Select this white box and make it a symbol by pressing F8, now make this symbol a button.

  4. Place this symbol at the start and ending of your movie in keyframes.

  5. Now select these buttons and make it work
    on release--get URL:


    on (release) {
    getURL("http://www.colorado.com");
    }

  6. Make sure you motion tween between these
    two buttons.

  7. Now go in and make the alpha states on these
    buttons "0". This will cause the button to
    be invisible.

  8. This trick will only work if you first make these
    white boxes symbols and then select "button."
    And then set the actions for these buttons in Actions.

  9. Put these invisible buttons in Flash Banner Ads
    so that a user can click on it to go to the website
    the Ad advertises.

3.The Fading Picture within a Picture Flash trick

  1. See Fading Pictures within Pictures example

  2. Use Alpha to make one image fade out into
    another image fading in.

4. A simple Flash Pre-loader

  1. See Flashkit.com tutorials for Flash .fla files that
    demonstrate how to do certain actions in
    flash.

  2. Basic Pre-loaders and Bar Pre-loaders:Tutorials

3. Pre-loaders

  1. Allmen Pre-loader

  2. Simple Pre-loader

  3. One-Moment Please Pre-loader

  4. See Top 100 Flash "fla" downloads

5. Use common flash libraries to build Flash
movies from older Flash movies

  1. Go to the "File" menu and select "open as
    library" to open a Flash library for another
    Flash movie.

  2. You can have several different Flash libraries
    open at the same time when you are
    creating a new Flash movie.

  3. Flash libraries are easy ways to share symbols,
    movie clips, and object and images across
    different Flash movies

6. Starting Flash movies inside Flash movies.

  1. See Flashmov1.html for an example of
    a Flash movie that loads and plays
    4 other Flash movies inside itself.

  2. In order to load Flash movies inside other
    Flash movies you need to use "actionscript."

  3. You need to create a button in your first
    Flash movie that when pressed will play
    another Flash movie.

  4. The Actionscript code for this button is:



    on (release) {
    loadMovieNum("shapetween.swf", 0);
    }



  5. You create this code using the "Actions Panel"

  6. The first action you choose is "on release" which
    will cause the button to act when it is pressed.

  7. The second action is to choose "load Movie" and
    type in the "flash.swf" file that you want to run.

  8. In order for this to work properly, you must choose
    "0" for the level in the "load movie" box. This causes
    Flash to open up the new movie and replace the old movie that the button is on.

  9. In order for this to work, you must put some
    actionscript code in the second Flash
    movie you are running. The code says that after
    this Flash movie is played, Flash should go back
    and load and play the first Flash movie you started
    with.

  10. Here is the actionscript code that you need to
    put at the end of the second Flash movie in
    a "blank keyframe":



    loadMovieNum("flashmov1.swf", 0);



  11. This trick is based on looping. Flash is told to
    open one movie from another movie and when
    that second movie is run, it is told to re-open
    the first movie.

  12. In order for this to work you must put this
    actionscript code in the last frame of the
    second movie in a "blank keyframe." The
    blank keyframe causes the second Flash movie
    to disappear and not "re-play."

  13. So after the second movie is played the
    first movie with the "play movie" button is
    re-opened and reappears on the screen.

  14. The actionscript command in the second Flash
    movie is simply to "load Movie" and choose

    level 0, which will cause flash to close the
    second flash movie and then re-open the
    first Flash movie.

7.Using "frame labels" to make only certain parts
of a Flash movie loop instead of having the whole
Flash movie loop again and again.

  1. See loop.html as an example of a movie
    that loops the last two actions of the movie.


  2. Choose the exact frame you want to label
    in your Flash movie. This will cause the
    Properties box to open the Frames panel.

  3. In the Frames panel, type the name you want
    to give the Frame.

  4. After typing this frame name, and clicking on the
    Frames panel, you will see the Frame name
    added to the Movie timeline.

  5. Having named the frame, you can now use
    actionsript code to cause Flash to loop back
    and replay certain frames by using the
    "goto" command.

  6. The actionscript code for this action is:


    gotoAndPlay("rest");



  7. Notice using the "goto" action you can select
    either "go to and play" or 'go to and stop"

  8. In order for this to work, you must choose
    "frame label" and the named frame you
    want to go back to.

  9. You can order the Flash movie to loop back to
    another named frame in another scene in that
    movie.

  10. The "goto" command is another example
    of how Flash movies can use 'looping"
    to control actions.


8. Basic Actionscript commands for Flash are:

  1. "stop" to stop the Movie

  2. "play" to play the Movie

  3. "Goto" to have a Flash movie go to a specific
    frame in the Flash movie.

  4. "On" which adds actions to buttons to
    get them to work when pressed. The
    default action for buttons is "on release."

  5. You can select various states for "On"
    such as "mouse over" or "mouse out."

  6. "Load Movie" causes Flash to load and
    play the Flash movie selected. Remember
    to choose "level 0" if you want the loaded
    Flash movie to replace the first Flash movie.

  7. "GetURL" causes Flash to find, load, and
    play a webpage. Use this command to cause
    Flash movies to open webpages.

  8. In "getURL" you must specific the exact URL
    address and choose to open the page in
    either self, blank, parent, or top window.

  9. The window variable in 'getURL" refers to
    whether you open the webpage in the same
    or a new window in your webbrowser. These
    are the same options for opening html
    files in Dreamweaver.

8. Learning new tricks while during the last
two weeks of class

  1. If there are basic web design tricks that I haven't
    covered so far in class, please let me know so that
    I can make sure I cover them in the last two weeks
    of class.

  2. If,  while you are working on revising your Design
    Portfolios you need some refresher tips on 
    doing certain web design tricks, please let me know.

9. Helpful Flash websites

  1. Macromedia Flash support center

  2. Flashkit.com

  3. The Flash Academy

  4. Flash Guru

  5. Flash Easy.com

10. Flanders' Two-Step Recovery Program for Web Designers

  1. "There's a tendency to add graphics, frames,
       bevels, etc. to a site because it can be
       added."

  2. "Just because you can add a technology to your
       page doesn't mean you should....So ask yourself this:   'Does adding this new technology really enhance your website?' "

  3. "Two-Step Recovery Program for Web Designers:

             1.  We admit we are powerless over new Web
                   technologies and our Web sites have 
                   become unmanageable.

              2.  We will only add design elements to a page
                    if they help the site make money or if they
                    are appropriate to the theme of the site.

12.  Paul Ingram, Flash Web Designer,  on when to use Flash:

  1. "The main appeal of Flash is its capability to combine and manipulate objects to make animations called  "movies" with astonishingly small file sizes."

  2. See Paul Ingram's website: www.ingramlabs.com/

  3. "We got tons of resistance from customers, but now people come to us wanting Flash. We have to
    protect clients from themselves sometimes--
    Flash isn't always appropriate."

  4. "Many websites are more informational than an
       entertaining..
    ..Because Flash is difficult to update,
       if you need a fully database-driven site, then it's
       more difficult to use Flash."

  5. "We use Flash as a major website element only
    when the audience is expecting an extraordinary
    visual experience
    ."

  6. If you use Flash in your webpages, always give the
    user a choice between a "Flash version" and a
    "non-Flash version" of a page.

  1. Flashkit.com
  2. Macromedia Flash Support Center
  3. Flash Bible.com
  4. Flash Easy.com
  5. Flash Tools and Software
  6. Flash Jester: Flash Tools
  7. Action Script.com: Flash Tools
  8. A Photo Tour of Sewall

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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: 
13938      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: 26 April, 2006
E-mail: cclewis@spot.colorado.edu
URL:    http://www.colorado.edu/AmStudies/lewis/Design/allto.htm

Digital Design Course homepage