|
眾所周知,小孔成像是物理學中說明光是直線傳播的一個演示,而我們要用Flash來將這個效果在動畫裡做出來,這個動畫的製作過程是比較輕鬆的,而且也是形象的。其中我們用到一個簡單的ActionScridt命令:tellTarget(或著是「.」語法的使用)。下面我們就來製作這個效果。
重點精華:蠟燭、小孔成像所需的道具及電影夾的製作;用如何用action控制電影夾。 第1步,打開Flash MX,在舞台的空白處單擊右鍵,選擇「文檔屬性」,彈出「文檔屬性」對話框,對舞台的大小、背景色進行設置,設置如圖1所示。
第2步,下面我們要製作動畫中要用到的蠟燭。我們將這個蠟燭做成一個電影夾,而這個電影夾是由三部分組成的:蠟燭的火焰、燭身、燭光。
火焰的製作: (1),單擊「插入」→「新建元件」,彈出「創建新元件」對話框,在「名稱」輸入「火焰」,在「行為」區域中選擇「電影剪輯」單選鈕,單擊「確定」按鈕,如圖2所示。
(2),進入「火焰」電影剪輯的編輯區,單擊「橢圓工具」按鈕,在舞台的空白區域畫一個無邊框的圓。選中這個圓,單擊「窗口」→「設計面板」→「混色器」菜單命令,彈出「混色器面板」。在「混色器面板」中的「填充樣式」中選擇「線性」,並設置顏色塊,如圖3所示。
(3),單擊工具箱中的「選擇工具」(也叫黑箭頭工具),對圓進行變形。然後單擊工具箱中的「顏料桶工具」在變形後的圓上進行拖動,對此時的圖形進行顏色的調整,調整後的圖形如圖4所示。
(4),右擊第3幀,選擇快捷菜單的「插入關鍵幀」,再單擊工具箱中的「黑箭頭工具」,對第3幀的火焰進行稍微的變形,如圖5所示。
單擊1幀與3幀之間任意位置,單擊「窗口」→「屬性」,彈出「屬性對話框」,在「補間」的下拉菜單中選擇「形狀」。則1、3幀之間出現了綠色的箭頭,表示有了圖形的變化。 (5)按照第(4)步驟,依次在第5、7、9、11幀處分別插入關鍵幀,再分別用工具箱中的「選擇工具」對其調整,再讓它們之間形成圖形變化。如圖6所示。火焰的製作已完成,單擊「場景」按鈕,返回主場景。
燭身與燭光的製作: (1),單擊「插入」→「新建元件」,彈出「創建新元件」對話框,在「名稱」輸入「燭身與燭光」,在「行為」區域中選擇「電影剪輯」單選鈕,單擊「確定」按鈕,如圖7所示。
(2),進入「燭身與燭光」電影剪輯的編輯區,單擊工具箱中的「矩形工具」按鈕,在舞台的空白區域畫一個無邊框的矩形。選中這個矩形,單擊「窗口」→「設計面板」→「混色器」菜單命令,彈出「混色器面板」。在「混色器面板」中的「填充樣式」中選擇「線性」,並設置顏色塊,如圖8所示。右擊此層的第11幀處,在彈出的快捷菜單中選擇「插入幀」。 (3),單擊「插入圖層」按鈕,新建一個新的圖層。單擊「工具箱」的「橢圓工具」按鈕,在圖層2的第1幀處畫一個沒有邊框的圓,選中這個圓,按照上面同樣的方法,調出「混色器」面板,在面板「顏色樣式」中選擇「放射狀」,並設置其顏色塊,如圖9所示。
(4),右擊圖層2的第3幀,選擇快捷菜單中「插入關鍵幀」,再單擊工具箱中的「任意變形工具」對第3幀的圖形稍微變大或變小。再單擊第1幀和3幀之間任意位置,單擊「窗口」→「屬性」,彈出「屬性對話框」,在「補間」的下拉菜單中選擇「形狀」。則1、3幀之間出現了綠色的箭頭,表示有了圖形的變化。 (5),按照第(4)步的步驟,也依次在第5、7、9、11針分別插入關鍵針,再分別用工具箱中的「自由變形工具」對其調整,再讓它們之間形成圖形變化。如圖10所示。燭身與燭光的製作也完成了,單擊「場景1」按鈕,返回主場景中。
下面開始了蠟燭的組合: (1),單擊「插入」→「新建元件」,彈出「創建新元件」對話框,在「名稱」輸入「蠟燭」,在「行為」區域中選擇「電影剪輯」單選鈕,單擊「確定」按鈕,如圖11所示。
(2),進入「蠟燭」的編輯區域,單擊「窗口」→「庫」,彈出庫面板來。在庫中找到「燭身與燭光」,用鼠標單擊並拖到舞台的空白處,然後右擊此層的第15幀,在彈出的快捷菜單中選擇「插入幀」。 (3),單擊「插入圖層」按鈕,新建一個新的圖層。在「庫」面板中再找到「火焰」,用鼠標單擊並拖到舞台上,並調整到合適的位置。右擊層2的第15幀,在彈出的快捷菜單中選擇「插入幀」。最後如圖12所示。
到此為止,動畫的蠟燭做完了! 第3步,制步小孔成像所需要的道具。大家知道,小孔成像的實驗裡是有一塊上面打了一個小孔的不透明的掩體,而掩體的後面是一塊當作成像投影的屏幕。 (1),單擊「插入」→「新建元件」,彈出「創建新元件」對話框,在「名稱」輸入「道具」,在「行為」區域中選擇「電影剪輯」單選鈕,單擊「確定」按鈕。 (2),單擊工具箱中的「矩形工具按鈕」,在舞台的中心區域畫一個沒有邊框的、顏色為灰色的矩形,做為道具的背景,如圖13所示。並把這層的名稱設為「背景」。
(3),單擊「插入圖層」按鈕,新建一個新的圖層,並命名為「工具」。單擊工具箱中的「線條工具」,在灰色矩形的上面畫兩條黑線表示平面。再單擊工具箱中的「矩形工具」,畫上兩個黑色無邊框的矩形,在其中一個矩形中,再畫一個無邊框的、白色的圓,放在其中。然後單擊工具箱中的「任意變形工具」,在「選項」中選擇「扭曲」選項,如圖14所示。
將兩個矩形進行移動和變形成圖15所示的樣子。
(4),單擊「插入圖層」按鈕,新建一個新圖層,並命名為「蠟燭」,將「蠟燭」電影剪輯放在此層上。單擊「窗口」→「庫」彈出庫對話框,將庫中「蠟燭」電影剪輯拖在舞台的左下角。單擊此層的50幀,按F6鍵插入一個關鍵幀,並將此幀的「蠟燭」實例移到靠近有小孔的位置前面。單擊1幀與50幀的任意位置,單擊右鍵選擇快捷菜單中的「創建補間動畫」。 (5),再新建一層,並命名為「火焰」。從庫中把「火焰」實例拖到舞台被當作投影屏幕的矩形位置上,因為小孔成像中蠟燭的火焰是倒著的,所以在放置的時候,單擊工具欄上的「自由變形工具」將「火焰」旋轉 180度。選中「火焰」實例,單擊「窗口」→「屬性」,在屬性對話框中的「顏色」右側的下拉列表中選則「Alpha」,將右側的值設為0%,如圖16所示。
(6),在此層的第50幀處按F6鍵,插入一個關鍵幀。單擊50幀上的「火焰」實例,將其「Alpha」的值設為70%。單擊此層的第1幀與50幀的任意位置,單擊鼠標右鍵,選擇快捷菜單中的「創建補間動畫」。這樣做,就好像在蠟燭慢慢移動到掩體的過程中,後面蠟燭的火焰從透明度0到透明度70的變化。 (7),再新建一層,並命名為「動作」,右擊第1幀,選擇快捷菜單中的「插入空白關鍵幀」。單擊「窗口」→「開發面板」→「動作」菜單,彈出「動作」對話框,加入「stop();」,讓動畫選停止播放。單擊「場景1」返回主場景。「道具」電影剪輯完成了。 第4步,在主場景中,將層1命名為「動畫」,將庫中的「道具」電影剪輯拖到舞台上,單擊此實例,單擊「窗口」→「屬性」,彈出屬性對話框,將「道具」電影剪輯的實例命名為「candle」,如圖17所示。
第5步,單擊「插入圖層」按鈕,插入一個新層。單擊「窗口」→「其它面板」→「公用庫」→「按鈕」菜單命令,從中找到如圖18所示的兩個按鈕並拖到舞台的右下角。
單擊工具箱中的「文本工具」按鈕,在按鈕的旁邊輸入必要的文字提示,如圖19所示。這兩個按鈕就是來控制蠟燭向前或者向後移動的。
第6步,單擊「前進」的按鈕,單擊「窗口」→「開發面板」→「動作」命令菜單,彈出「動作」對話框,加入以下語句: on (press) { candle.nextFrame(); } 第7步,選擇標有「後退」的按鈕,然後加入如下命令: on (press) { tellTarget("candle") prevFrame(); } 從命令裡我們看到,tellTarget命令和「.」語法是可以互用的。當點擊按鈕的時候,作用的對象就是電影夾「candle」,然後它會按照按鈕上面的命令前進一幀nextFrame()或者後退一幀prevFrame()。這樣我們就完成了這個簡單課件的製作,檢測一下,可以看到當我們按動按鈕的時候,蠟燭逐漸向前移動,而移動的過程中,後面黑色的屏障上也從模糊到清晰的出現倒映在上面的蠟燭火苗。
|