Dreamweaver3 Layer Application Techniques (IV.)

dreamweaver| skills last talked about the basic timeline of the application, these times to some sites will always see a mobile netease ads, that effect is to use the timeline to do very simple, such as people do not talk, I suggest he look at this tutorial (iii), good to the end, Today I'm going to talk about a complex timeline application, which is to add some behaviors events in the process of layer movement to make your animation more unique. First look at the effect, for this map I do not know how many photos of the CD.

>> a more complex example of timeline ( take a look at the example）

Let me explain what this is about, flying's layer fires a behaviors event whenever it moves to a place name, in this case the response event is to show a hidden layer, and of course there are many kinds of special effects events that don't necessarily show hidden layers, such as jumping out of a conversation event or writing in the status bar, and so on. Here's what you need to propose: A frame can have multiple response events. Next I'll talk about how to implement this example, because with the previous basis, I might be a little rough.

1. Each layer of the example of course to insert a layer, this example inserts a smiley face layer, but also inserts an implicit layer, in order to display under the place name, in this case the hidden layer content is some text graphics convenient. No way? Hidden layers are not inserted. is to insert a layer first, the floating property panel of the Vis item selected hidden can be

2. Pull up the time axis panel (CTRUL+F9), with the mouse to drag the smiley layer to the animation track (with DW2 friends can not do), so set up a small animation section, the length of animations can be changed, you use the mouse to drag dots can add long animation time.

3. Drag the playback pointer (red) to the last frame of the animated section, and drag the smiley layer to Canada this place. A simple cartoon but it's done.

4. Has already dragged the smiley face to Canada this place, now must add a behaviors in this frame, is to show hidden layer. At the top of the timeline there is also a track, which is the place to add behaviors event, the corresponding position at the top of the frame click on the right mouse, select "Add Behavior" after jumping out of the behaviors event floating window.

5. Click symbol Add in Behaviors floating window, select show_hide layers option and then jump out of a how_hide Layers dialog box, select a hidden layer just inserted and click Show to determine.

6. Finished a little, take a break, if I went on to say I fear you are crazy, the first five steps digest, I speak very thin, lest you in that step out of the wrong, so then a lot of work is useless. I did not use the picture to assist the explanation, below adds a picture, everybody also has a control.




7. Having read this illustration, you must have a question as to why you have a poke over the timeline. I now explain, we know that when the smiling face movement to Canada this place, show hidden layer, I empty such a big chunk is to smile at Candada this place to stop for a while, leave some time to see hidden layer of content.

8. Use the mouse to drag the smiley layer to the Timeline animation track, leaving a blank distance as shown above. Put the playback pointer until the last frame, with the mouse to move to the Europe, which completes the animation from Canada to Erope, if you press F12 Preview, you will find that the previous description of the Canada hidden layer has been shown, is not a smiley-face movement to Europe No.

9. This step is the question of the decision, move the frame to the first frame of the second animated segment (frame 28th, above), click the right mouse button to select "Add behaviors" option, and then jump out of a behaviors floating panel, according to the 5th step, but this is not the election show, Instead, choose hidden. To this end a frame of the animated segment was completed. The only thing left to do is to repeat the whole effect in the first step. To make better results or more complex, to understand the fact is not too difficult.

10. Finally also wordy one step, when you have finished, must autoplaly the time axis the election, otherwise you do not see the result of your mood labor. It is best to select the loop and loop it.

The next section discusses how you can implement a slide effect with DW.