Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How does Dreamweaver8 create Timeline Animation

2025-01-30 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

In this article Xiaobian for you to introduce in detail "Dreamweaver8 how to create timeline animation", the content is detailed, the steps are clear, the details are handled properly, I hope this "Dreamweaver8 how to create timeline animation" article can help you solve your doubts, following the editor's ideas slowly in-depth, let's learn new knowledge.

The Timeline is an animation editing interface that displays animation effects according to the way the layer position is moved by the passage of time. The Timeline contains various functions necessary for animation.

1. Various functions of the Timeline

(1) Timeline pop-up menu: indicates the current timeline name.

(2) Timeline pointer: displays the frame of the current position on the interface.

(3) No matter where the timeline is, move to the first frame.

(4) represents the current position of the time pointer.

(5) indicates the number of frames displayed per second. The default value is 15 frames. If you increase the frame value, the animation will play faster.

(6) do not put it automatically: if this item is selected, it will run automatically after the animation is applied in the web document.

(7) LOOP (Loop): select to continue repeating the animation on the Timeline.

(8) behavior channel: select the behavior to run in the specified frame.

(9) Keyframe: a frame that can be changed.

(10) layer bar: means that objects such as "layers" are inserted.

(11) layer channel: this is the space used to edit layers.

2. Display the timeline in DW8

Select the window / Timeline of the menu bar or press the shortcut key Alt+F9 to display the Timeline.

Fourth, create a timeline animation

The timeline can only move hierarchical objects, and if you want to move objects such as text or images, you can place them in a layer.

1. Open the 09.html file

Place the cursor at the top left of the page, select layout > draw layer in the insert panel, and create six layers. Enter the words "Xiao", "Mu", "web", "Huan", "Ying" and "you" respectively to arrange the layers in the appropriate position.

2. Open the timeline. After selecting layer 1, drag to the first line of the Timeline.

3. In the same way, drag the layer containing other text to lines 2-6 of the timeline according to the order of the text.

4. In order to slow down the movement of text, expand all 15 frames in the timeline to 25 frames.

5. Select the first frame of Layer1 in the Timeline and enter (--50) in the coordinate values (T) at the top of the properties panel, so that you can place the text on the upper side.

6. After selecting the first frame of the other layers with the same method, the top coordinate value (T) is set to (--50).

7. In order to drop one text at a time, move back 5 frames from the second animation bar. Check the autoplay option.

8. Press F12 to browse the effect.

Read here, this "how to create timeline animation Dreamweaver8" article has been introduced, want to master the knowledge of this article also need to practice and use to understand, if you want to know more about the article, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report