1. Home
  2. Computing & Technology
  3. Animation

Deconstructing the Paint Application I: Setup, Skins, Canvas Color, Help File

By , About.com Guide

8 of 8

Arranging the contents of the help files

I have my help file set up in a fashion similar to my skins, only nested inside a separate movie clip. Each page of help content is set up as a movie clip inside of the parent clip, layered on top of each other; each page’s has a copy of the background with text layered on top of it, and each page has its own instance name.

Set on top of that is another movie clip containing the main title text and the help navigation menu. However, this time I used invisible hotspot movie clips to create clickable areas for the menu, and assigned the following script:

on (release) {
_root.base.helptabls.helpnavi.swapDepths(5) ;
_root.base.helptabs.canvashelp.swapDepths.(4) ;
}

This brings the selected help movie clip up to a depth of 4, then drags the navigation movie clip to one depth above it, at 5. You can use the same script on each clickable option, and just change the name of the help file’s movie clip to bring up the appropriate one.

Stay tuned for the next installment, in which we tackle the brush tool. You can also check out the finished application to see the implementation of the functions that we’ve discussed in this lesson, now that you’ve a more detailed understanding of how they work.

Explore Animation
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Animation
  4. Flash Animation Tutorials
  5. Deconstructing the Paint Application I: Setup, Skins, Canvas Color, Help File

©2009 About.com, a part of The New York Times Company.

All rights reserved.