The ad that how makes meeting shift

Complier notes: Article content is Chinese the Dreamweaver 4.0 that changes version, match a graph to be the Dreamweaver 4.0 of English version

Home page of net of the sina on you can see there is an ad that waves to wave in its page, the mouse moves go up, still can turn another conduct propaganda into the picture. This advertisement did not take up the space of the page, it is independently over the page, it is really release advertisement good method. So, this can mobile advertisement be after all how of make it? Below, learn to do step by step with me please, read teaching material, you yourself also can be done.

Make this ad, the Layer(layer in wanting to use Macromedia DreamWeaver) with Timeline(time axis) function, return so that prepare the advertisement picture with two pieces of basic and same size. We are newest already version DreamWeaver4.0 is exemple, the advertisement of the shift that make. If still do not have this software, search to Www.4u2v.com please.

One, open random with DreamWeaver a webpage, blank page also but. Choose in menu " insert Insert " - > " layer Layer " , see the webpage is much mediumer namely a blank Layer1, you also can think he names. Go to smooth punctuation again inside blank Layer1, choice " insert Insert " - > " image Image " , the advertisement that inserts you the first picture, adjust a volume, make layer as far as possible with picture size close, install picture link. Move the layer to the position of rest of animation next.

2, choose in menu column " modification Modify " - > " time axis Timeline " - > " add an object to time axis Add Object To Timeline " . After clicking, shoot a dialog box, tell you only image and layer ability add time axis. The dialog box is pressed after deciding, layer of our pitch on (click a mark or layer border, or the face plate that use a layer chooses, when a layer by pitch on when, layer border can be shown adjust size handle, press mouse Zun Jian to be not put, pull the first channel that presents hurdle of time axis animation, stand on face plate namely write 1, 2, 3 wait a moment " 1 " that, an acquiescent 15 frame animation increased immediately inside time axis. If the graph shows 1 times:

Next, click animation column mark of crucial finally frame, the layer Layer1 in the page in reelection, pull it the knot spot that uses animation, perhaps be in " the attribute face plate of the layer " change a layer " leftL" the position that property bulk will come end frame layer certainly. Right now, showed driven draws position of rest to have one line to end position in the page, this is the athletic contrail of the layer. Want to let a page open time it begins campaign, be in " time axis TimeLine " on face plate " broadcast Autoplay automatically " before dozen tick off, if the graph shows 2 times: By mid on time axis " - > " arrowhead is not put, can preview this directly linear animation, perhaps press F12 key is previewed.

Next, we should undertake a series of beautification work, because this simple sharp movement effect is not beautiful, and advertisement picture also changes without generation. 3, the property that changes time column produces mobile change

(1) in animation the circumstance with mobile changeless distance falls, speed of incognito animation shift. Because we pull a layer to eat time axis face plate,the frame number of initiative moment is acquiescent 15 frame, above preview moment to feel rate is a bit rapid. Want to change rate, we have to change animation gross frame number. Mouse left-hander pitch on " time axis face plate " medium " the first channel " end frame is not put, procrastinate right use the end frame that wants to you, for example 75 frame place, unlock a mouse. Right now, the blank roundlet that ends frame also moves reached point of the 75th frame. Preview by F12, the floating rate of animation slows apparently. But those who want an attention is we just are below the circumstance with the changeless length that maintains animation motion contrail, changed the rate with floating animation, namely the frame number on time axis. If be in the meantime change change is initiative th e position with end frame layer, can produce all sorts of different speed results, the reader is OK oneself try to try.

(2) the motion that produces a curve. The animation that does above is simple sharp movement only, if change curvilinear campaign, beautiful degree greatly strengthened. The mainest in curvilinear motion is the setting of crucial frame.

A. In " column of animation of time axis face plate " on add a crucial frame: You want to add crucial frame point in the first channel that chooses animation column, press Control key to click, immediateness is inserting bit of position to add a crucial frame. Or the mouse is right in attacking the first channel that chooses animation column, you want to add crucial frame point, playing choose inside the quick menu that go out " add crucial frame Add Keyframe " , also can join crucial frame.

B. Mobile layer is in in additive crucial frame: In assure pitch on below the crucial frame that adds later, choose the layer in the page, mobile layer reachs the place that you want. Right now sharp change became a curve. You can add a few crucial frame more, again mobile layer, make the curvilinear shift of generation more smooth. By F12 key is previewed, does curvilinear effect compare the linear result previously a lot of?

C. Eat a layer through procrastinating directly, make way, produce animation. From original insertion after a layer - > pitch on this, maintain this all the time by pitch on condition - > mobile layer arrives animation position of rest - > open bill of fare " modification Modify " - > " time axis Timeline " - > " Record Path Of Layer of method of transcribe layer shift " - > procrastinate on the page eat a layer, establish wanted athletic way - > in animation the end is in loose mouse, inside time axis built an animation fence automatically, and defined frame of certain numerary key.

4, add a mouse to spark attribute, produce the alternant change of advertisement picture

All sorts of attribute that the mouse sparks, can produce all sorts of change. What we should use here is OnMouseout and OnMouseover two attribute.
Open bill of fare " window Windows " - > choose " behavior Behaviors " - > play go out " behavior " the window - > the advertisement picture in pitch on layer - > click " behavior " in the window " + " - > playing choose inside the menu that go out " "

In " exchange image " the advertisement picture that chooses you is browsed to be in method inside the dialog box - > in " exchange image " have in acquiesce of the system in the dialog box " OnMouseout recovers from an illness image " before it is to hit tick off - > press directly " affirmatory " pushbutton

"Behavior " condition window is much mediumer the OnMouseout of respecting is mixed before us OnMouseover two mouses spark incident. Preview by F12, mobile mouse arrives on the picture, is looking picture change? Removed again mouse, restore original photograph again. Alternant behavior completed so simple picture.

5, the detail that thinks finally

1. About method length. Hypothesis animation is from go up under, webpage height exceeds one hold, if method is done not have enough long, so the webpage is browsed quickly cannot see the layer animation above until leaving one screen. Should best paint way webpage floor, install column of time axis animation next, make the layer can be moved along the method upgrade that come down slowly.
2. How to install a loop to broadcast. DreamWeaver4.0 acquiesce is ceaseless loop, and can be in in DreamWeaver3.0 " time axis " hit in condition column cancel an option. If want to circulate only a certain number of second, the parameter that should edit this behavior comes the frequency that set circulates: In doubleclicking behavior channel the frame that you think to join action, play a behavior window; Click in behavior window " ＋ " , choose in playing a menu " time axis Timeline " , reelection choose " head for Go To Timeline Frame of time axis frame " , shoot a dialog box; In " circular time Loop Times " the input inputs wanted circular time inside the country (acquiescent leave a blank shows ceaseless circulation) . If hope be being broadcasted circularly is not,begin from the first frame, can be in " jump turn Go To Frame of the a fewth frame " the input inputs frame date inside the country (acquiesce is the 1st frame) .

See here, you should the ad that can make a meeting move. Impose practice more, you still can find the careful place of axis of more concerned time, behavior and layer. Www.4u2v.com has more relevant implied meanings, if you have fun at, continue to ramble please.