Authorware課件制作實例教程-第5章_課件中的動畫效果.ppt

1、第5章 課件中的動畫效果,學習目標： 1、熟悉“移動”圖標的基本使用方法。 2、掌握常用的移動動畫類型。 課程重點 1、指向固定路徑的終點動畫 2、定時、基點、目標、終點等概念 課程難點 1、基點、目標、終點的區別和定位 2、層的概念及移動對象的選取,5.1 移動圖標概述,Authorware是一款功能強大的動畫制作軟件，提供了多種二維動畫的制作功能，這些動畫效果可以通過使用移動圖標來實現。 移動圖標用于將一個顯示對象按一定路徑移動，從而實現動畫效果。一個移動圖標只能控制一個移動對象。 移動對象可以是文字，圖像，視屏文件，GIF小動畫等。移動圖標的移動實際上包含移動對象的圖標，所以同一圖標中的

2、所有對象都會被整體移動。如果有多個不同的移動對象那么應該把它們放在不同的移動圖標內。,在流程線上添加一個移動圖標，在窗口會自動出現移動圖標屬性對話框，如圖，通過該對話框可以實現移動圖標的屬性設置。,5.1 移動圖標概述,層文本框： 該文本框用于輸入要移動的對象在演示窗口中的層數。用于控制該移動對象和其他顯示對象的前后覆蓋關系。 定時（時間）下拉列表框： 用來設置移動對象的移動速度。選擇時間（秒）選項，定義移動對象在整個移動過程所用的時間單位為秒，選擇速率（sec/in）進項，定義移動對象在移動過程中的速度。在時間下拉列表框下邊的文本框用于輸入數值、變量或表達式確定移動時間或速度。,5.1 移動

3、圖標概述,移動圖標提供了Direct to Point （指向固定點）、Direct to Line（指向固定直線）、 Direct to Grid （指向固定區域）、Path to End（指向固定路徑的終點）、 Path to Point（指向固定路徑的任意點）等5種移動方式。,5.1 移動圖標概述,動畫屬性 該種動畫類型是“移動”圖標的默認設置。只需定義移動點的終點位置，運行程序時，移動對象將從當前初始位置沿直線運動到指定的終點位置。,5.2移動對象到固定點動畫（Direct to Point）,實例制作 制作一個卡通人物沿五角星的路線行動的小程序。 演示教學,5.2移動對象到固定點動畫

4、（Direct to Point）,動畫屬性 指向固定直線上的某點的移動方式可以實現從起始點到指定直線上某一點的移動方式。與移動到固定點方式相比，將移動的終點位置的定位由點擴展到了直線。 在移動圖標屬性對話框中，類型下拉列表中可以選擇“指向固定直線上的某點”，在基點（起始點）和終點兩個單選按鈕和其后的X文本框將被激活。由于該移動方式的終點位置被定義在一條直線上，所以基點、目標、終點3個選項都只需要一個X坐標定義就可以了，如圖所示。,5.3移動對象到固定直線上的某點動畫（Direct to Line）,“遠端范圍”（超出范圍）下拉列表框，如圖所示。該下拉列表框用于定義當“目標”單選按鈕右邊文本框

5、中的數值大于“終點”單選按鈕右邊文本框中的數值時，即當移動對象的終點位置超出結束點時，移動對象的停留位置。“遠端范圍”下拉列表框中包括以下3個選項。,5.3移動對象到固定直線上的某點動畫（Direct to Line）,循環：“目標”單選按鈕右邊的文本框中的數值在基點和終點間循環，直到目標值小于終點值。此時的目標值表示移動對象的終點位置。如果基點值為0，終點值為100，目標值為1010.那么移動對象的終點位置在所定義的直線上距離起始點距離為10的位置。 在終點停止：移動對象的目的地就在所定義的終點 到上一終點：移動對象的目的地不受終點文本框數值的限制，當目標值大于終點值時，移動對象在目的地所定

6、義的直線的延長線上。,實例制作 制作一個小手隨機選擇4種水果中一種的小程序。 演示教學,5.3移動對象到固定直線上的某點動畫（Direct to Line）,5.4移動對象到固定區域上的某點動畫（Direct to Grid）,動畫屬性 “指向固定區域”是Authorware提供的第3中移動方式，它將移動對象的終點位置由一個點或是一條直線擴展到一個二維平面。在一個二維平面中確定一個坐標點就需要X,Y兩個坐標。所以，在“指向固定區域”移動方式中終點位置的定位方式有些變化：基點、目標、終點3個單選按鈕后的文本框由原來的一個變成兩個，分別用來確定X,Y兩個坐標圖，如圖所示,實例制作 制作一個小貓跟隨

7、鼠標移動的小程序。,5.4移動對象到固定區域上的某點動畫（Direct to Grid）,演示教學,動畫屬性 在本節之前介紹的3種移動方式都是通過對終點位置的控制，完成移動。Path to End(指向固定路徑的終點)移動方式主要是控制移動的路徑，與先控制終點位置的3種移動方式有所不同。 Path to End（指向固定路徑的終點）移動方式實現移動對象沿著所定義的路徑由初始位置移動至路徑的終點。移動的路徑由用戶通過鼠標拖放路徑控制點來實現，可以包括直線和曲線。 在移動圖標屬性對話框總的類型下拉列表中選擇“指向固定路徑的終點”選項后，在該對話框中將增加“移動當”文本框，如圖5-5-1所示，當該文

8、本框中的值為真時，程序執行該移動圖標。如果該文本框為空，程序只執行該移動圖標一次。,5.5 指向固定路徑的終點的移動方式（Path to End）,實訓項目三：制作固定路徑動畫,實例制作 制作一只蝴蝶在花叢中飛舞的小程序。 分析： 注意三角形和圓形的路徑控制點產生不同的路徑動畫,5.5 指向固定路徑的終點的移動方式（Path to End）,演示教學,動畫屬性 “指向固定路徑的任意點”移動方式與“指向固定路徑的終點”移動方式相似。該移動方式的終點位置可以是移動路徑上的任意點。所以其屬性設置比“指向固定路徑的終點”方式增加終點位置的定義。 如圖所示，當我們選擇了“指向固定路徑的任意點”移動方式后，對話框中將增加“超出范圍”下拉列表框。同時基點、目標、終點3個文本框將被激活。,5.6使用對象沿特定路徑到任意點動畫,實例制作 制作一個小豬回家的小程序。,5.6使用對象沿特定路徑到任意點動畫,演示教學,實訓項目四：制作特定路徑動畫,【實訓學時】 1課時。 【實訓目的】 掌握制作特定路徑動畫。 【實訓任務】 制作一行白鷺上青天的動畫。要求：白鷺從山下飛起，飛行路線為斜上方。,本章主要是講述移動圖標以及5種移動方式的使用