打造精製的首頁 Loading 等候動畫

http://www.flag.com.tw/book/cento-5105.asp?bokno=FT421&id=503

網頁彈跳選單

http://www.flag.com.tw/book/cento-5105.asp?bokno=FS431&id=374

我們這個例子要製作的下拉選單不會是以傳統動畫的方式來製作，而是全部都以 actionScript 程式來完成，這個範例中的選單被分成四個大項，每次當滑鼠 Rollover 到按鈕大項時，選單就會向下彈跳出現。此外我們還要介紹如何來載入外部的文字內容以做 Flash 的網頁內容。

範例效果的要求

如何製作出具有發光特效的文字?

http://www.flag.com.tw/book/cento-5105.asp?bokno=F5413&id=82

本技巧適用於：製作出具有閃爍發光特效的文字，讓參訪者留下深刻印象。

本問題只適用 IE 5 或更新版本瀏覽器

在本問題我們學習如何製作閃爍發光特效的文字，這樣的文字最常使用於網頁最上方的大標題上，而且可以讓參訪者留下非常深刻的印象，下面我們就來學習如何製作。

速度變化─搖擺盪鞦韆

本章範例結合了更改變變形點的位置、實體旋轉角度的設定、移動補間動畫的旋轉效果，以及音效的應用。 現在我們就來回憶一下玩盪鞦韆的景象吧！

如果您無法看到範例檔案，請安裝「Macromedia Flash Player」最新版

動畫元件流程說明

http://www.flag.com.tw/book/cento-5105.asp?bokno=FS420&id=353

快速套用移動補間動畫－淡藍色氣泡水

建立好移動補間動畫之後, 如果想要套用在其它元件上, 怎麼做才好呢？若採用土法煉鋼一個一個的設定導引線、移動補間, 那就太沒有效率了。本文我們要教您一個快又好用的方法, 將建立好的移動補間動畫一次套用到其它元件上。

Flash CS3 可以將我們辛苦建立的移動補間動畫, 轉換成 ActionScript 3.0 的語法並複製下來, 只要指定欲套用的元件名稱, 再將程式碼貼入正確的位置, 元件就會依語法的設定進行移動及變化, 快速又方便。 如果你是 Flash 的初學者, 倒也不用看到 ActionScript 就害怕, 因為實際做一遍之後, 你會發現, 本文的範例不用知道語法的結構、函式, 一樣可以輕鬆做出令人眼睛為之一亮的動畫。

速度變化─搖擺盪鞦韆

本章範例結合了更改變變形點的位置、實體旋轉角度的設定、移動補間動畫的旋轉效果，以及音效的應用。 現在我們就來回憶一下玩盪鞦韆的景象吧！

如果您無法看到範例檔案，請安裝「Macromedia Flash Player」最新版

動畫元件流程說明

打造精製的首頁 Loading 等候動畫

http://www.flag.com.tw/book/cento-5105.asp?bokno=FT421&id=503

先前的範例都是利用 Flash 的補間動畫來表現下載的進度。如果想要自己安排不同下載進度展示的畫面, 來增加動畫的精緻度, 可以利用製作逐格影格動畫的方式, 繪製各個下載階段的畫面。

隨滑鼠移動的射擊遊戲瞄準器

利用 mouseX、mouseY 屬性取得滑鼠指標的座標位置, 並利用該座標位置設定影片片段的X、Y 軸座標位置, 讓影片片段隨滑鼠指標而移動。

製作步驟

完美網頁的基本構成要素

http://www.flag.com.tw/book/cento-5105.asp?bokno=F5450&id=46

頁面組成的基本原理
網頁設計中最常採用的設計風格是幾何形式。若採用幾何形式的設計, 即使只是把頁面組成或 版面稍作調整都能呈現出完全不一樣的感覺。接下來就讓我們來學習頁面組成(composition work)吧。

網頁的組成要素

潺潺流水的動畫效果

設計說明

本例為運用遮色片動畫和透明度做出一個會不斷流動的小河流水。

製作時間 : 30分鐘

打造精製的首頁 Loading 等候動畫

先前的範例都是利用 Flash 的補間動畫來表現下載的進度。如果想要自己安排不同下載進度展示的畫面, 來增加動畫的精緻度, 可以利用製作逐格影格動畫的方式, 繪製各個下載階段的畫面。

製作時間進度動畫

我們已經先在繪圖軟體 Illustrator 中畫好下載完成時要顯示的圖片, 並且匯入到元件庫中了。在製作這個範例的 loader 元件時, 要將完整的圖片插入到影格中, 再用橡皮擦工具 一一擦掉圖片中的特定範圍, 製作成不同下載階段顯示的畫面。

用Flash製作數位相框場景轉換效果

學習重點：

設定透明度變化形成轉場效果

導引線與遮色片應用－網頁開頭動畫

http://www.flag.com.tw/book/cento-5105.asp?bokno=FS420&id=359

本文要結合先前說明過的導引線與遮色片功能, 來製作網頁開頭動畫, 讓您學習整合應用 Flash 的不同功能, 讓動畫更出色！

本範例要整合導引線動畫和濾鏡特效這 2 種功能製作一個網頁開頭動畫。我們會將背景圖加上不停轉動的遮色片動畫, 再利用導引線功能, 製作一個圍繞遮色片移動的物件, 讓網頁開頭動畫更生動有趣, 吸引眾人的目光。

運用形狀漸變做出海浪效果

在形狀補間動畫中, 您會先在某個關鍵影格繪製形狀, 然後在另一個關鍵影格更改該形狀或繪製另一個形狀。 Flash 會自動補上兩者之間的影格, 藉以建立動畫。只要指定好起始和結束的關鍵影格內容, 然後設定起始關鍵影格為形狀漸變動畫, 物件就會由開頭影格的樣子變為結束影格中的樣子。

TIP: 若要將形狀補間動畫套用到群組、實體或點陣圖影像上, 請先打散這些元素。執行 Ctrl + B 鍵 (此組合鍵可快速打散元素)。如果你要製作文字的形狀漸變動畫, 必須將文字打散, 才能將文字轉換成圖像。但如果文字是 2 個中文字、或 2 個英文字母以上, 就必須打散 2 次。例如 (下圖)：執行第一次將 HELLO 這個單字打散為 H、E、L、L、O 五個分離的字母 （每個字母外圍仍是藍框）；執行第二次才能將 H、E、L、L、O 五個字母打散為「形狀」 （外圍沒有藍框）。

學習 Flash 資料庫應用不可不知的 5 件事

第 1 件事：為何要讓 Flash 與資料庫做溝通？

Flash 提供了網頁高度的互動與精緻美麗的畫面效果, 但以往大家卻一直以為 Flash 的網頁無法與伺服器端溝通, 因此無法處理真正由伺服器端技術與資料庫提供的動態資料。

事實上, 利用 ActionScript 和其他輔助的技術, 我們就可以讓 Flash 和伺服器、資料庫做進一步溝通, 讓 Flash 網頁更具實用性, 而不再只是空有美麗表皮的動畫效果！

利用「骨塊工具」建立出長頸鹿奔跑的動作

本節我們就要透過骨塊工具 將長頸鹿各部位的元件實體組成一組骨架, 骨架會將這些實體「綁」在一起, 讓長頸鹿的全身產生 「連動」關係, 不管您怎麼拉曳都不會分開喔！之後我們就可以運用這種特性, 操控長頸鹿的身體各部位來模擬出奔跑的姿勢。

觀賞完成的長頸鹿動畫

重設各元件實體的變形點

 FLASH動畫講義

單元一 FLASH的世界
http://www.nlps.tyc.edu.tw/~info/94/6/flash_1.html

單元二 FLASH的繪圖功能