Griffin | Web Design 2
 
Resume Table of Contents  

Web Design 2

Flash 5
Creating Special Effects

 
State Standards
 
  • WD 3.1 Content Standard: Students demonstrate the principles of good design and graphics utilizing commercial based software. (e.g. Adobe Photoshop, Microsoft Paint, Macromedia Fireworks, Macromedia Flash) (H.9.1)
Chapter Objectives
 
  • Create shape-tweened animations.
  • Create a mask effect.
  • Add sound.
  • Add scenes.
  • Create an animated navigation bar.
1. Flash 1A Assignment
Duration: moments
 
  1. Within your last name folder create a NEW folder called "FLASH5". Save all future Flash Chapter 5 assignments in this folder. Remember, no spaces or extra periods in filenames.
2. Read Chapter 5
3.

Print, staple, and complete the Chapter 5 Questions.

Chapter 5 Questions

Grading:
1. Questions

 ___ 20 points

Total  
 ___ 20 points

4.

Lecture CH5 /CH5 PowerPoint

  • Intro (F5-1: 5-3)
  • Create a Mask Effect (F5-4 - F5-7)
  • Add Sound (F5-8 - F5-11)
  • Add Video (F5-12 - F5-17)
  • Create an Animated Navigation Bar (F5-18 - F5-27)
  • Create Character Animations using Inverse Kinematics (F5-28 - F5-35)
  • Create 3D Effects (F5-36 - F5-41)
  • Use the Deco Tool (F5-42 - F5-45)

5. Create Special Effects
Duration: 2 Periods
 
 

Complete the assignments outlined in Chapter 5.

  1. Open fl5_1.fla and save it as classicCC.fla. Complete the assignment that begins on page 5-6 and ends on 5-7. Don't forget your name.
  2. Create a new Flash 5 section at the top of your index.
  3. Link the classicCC.swf file to your index.

    tools

  4. Open fl5_2.fla and save it as rallySnd.swf. Complete the assignment that begins on page 5-7 and ends on 5-8. Don't forget to add your name and link it to your index.

    tools

  5. Open fl5_3.fla and save it as fireworks.swf. Complete the assignment that begins on page 5-8 and ends on 5-8. Don't forget to add your name and link it to your index.

    tools

  6. Open fl5_4.fla and save it as navBar.swf. Complete the assignment that begins on page 5-12 and ends on 5-13. Don't forget to add your name and link it to your index.

    tools

  7. Open fl5_5.fla and save it as kickerMC.swf. Complete the assignment that begins on page 5-16 and ends on 5-17. Don't forget to add your name and link it to your index.

    tools

  8. Open fl5_6.fla and save it as kickerRT.swf. Complete the assignment that begins on page 5-20 and ends on 5-23. Don't forget to add your name and link it to your index.

    tools

  9. Open fl5_7.fla and save it as puzzle.swf. Complete the assignment that begins on page 5-26 and ends on 5-33. Don't forget to add your name and link it to your index.

    tools

  10. Open fl5_8.fla and save it as decoLand.swf. Complete the assignment that begins on page 5-26 and ends on 5-33. Don't forget to add your name and link it to your index.

    tools
Grading:
1. classicCC.swf
 
2. rallySnd.swf  
3. fireworks.swf
4. navBar.swf
5. kicker.swf
6. kickerRT.swf
7. puzzle.swf  
8. decoLand.swf
Total  
 ___ 20 points 


6.

Flash Skills Review
Duration: 1 Period

 
 

SkillsDemo5 - EC

  1. Open fl5_9.fla and save it as skillsDemo5.fla. Complete the assignment that begins on page 5-46 and ends on 5-50.
  2. Create an extra layer that includes your name, period and date. Make sure the name layer extends across all frames.
  3. Link the file to your index.
  4. Show the following files to the instructor:
    1. skillsDemo5.swf
    2. skillsDemo5-video.swf
    3. skillsDemo5-TLF.swf
    4. skillsDemo5-navBar.swf
    5. skillsDemo5-deco.swf

    tools tools tools

    tools tools
Grading:
1. skillsDemo5.swf  
2. skillsDemo5-video.swf  
3. skillsDemo5-TLF.swf  
4. skillsDemo5-navBar.swf  
5. skillsDemo5-deco.swf  
6. Name, period, Date  
Total  
 ___ 20 points

7.

Project Builder
Duration: 2 Periods

 
 

Ultimatetours5

  1. Open ultimatetours4.fla and save as ultimatetours5.fla. Complete the assignment outlined on pages F5-36 & F5-37.
  2. Open g_ship to cut and paste the ship symbol for the shape tween.
  3. You may just complete and link the lighthouse Scene for 12 - 15 points.
  4. Create an extra layer that includes your name, period and date. Make sure the name layer extends across all frames.
  5. Link the file to your index.
  6. Show the index link to the instructor.

light ultimate

Grading:
1. Mask  
2. Sound  
3. EC: The Whole Enchilada  
4. Name, period, date  
Total  
 ___ 15 points

8.

Design Project
Duration: 1 Period

 
 

dpc5

  1. Complete a design analysis of a web site of your choosing
  2. Use the design template to complete a design analysis of the site. Include the questions from the template and type the answers in MS Word. Here is a super good example. Include the print screens of the web site you are analyzing as described.

    1. Whose Web site is this?
    2. What is the goal(s) of the site?
    3. Who is the target audience?
    4. Briefly describe the Contrast. Include a few sentences on what draws your eye to the page. Make sure to talk about text size and color.
    5. Briefly describe the Repetition. Include a few sentences on how design is used to add visual interest. What colors and shapes are repeated on the page or in the site?
    6. Briefly describe the Alignment. Include a few sentences on the visual connections from one element to the next. Talk about horizontal and vertical alignments of elements as well as if text is left, right, centered, or full. What is the primary text alignment?
    7. Briefly describe the Proximity. Include a few sentences on how design is used to organize the web page. How many visual elements are on the page? Explain why each section is separated.
    8. What may be animated on this homepage?
    9. Do you think this is an effective design for the company, its products, and its target audience?  Why or why not?
    10. What suggestions would you make to improve on the design, and why?

  3. Link the file file to your index.
  4. Print and hand into the instructor
Grading:
1.

Complete Answers for dpc5

 
2.    
3.    
Total  
 ___ 10 points
10. Optional – Complete the Online Practice Test, Study Guide  
11.

CH5 Quiz Part 1
CH5 Quiz Part 2

Grading:
1.    
2.    
3.    
4. name, period, date  
Total  
 ___ 10 points

 

 

Additional Resources

A. Online Textbook Resource

top