PhotoImpact第1堂(970520)

- 1 -
投影片 1. 啟動PhotoImpact
1 按下視窗左下角的「開始」功能表，並在「程式集 /Ulead PhotoImpact 10」選單中啟動PhotoImpact 10。
投影片 2. PhotoImpact工作區
2 若要簡化PhotoImpact的工作環境，可在選單列執行「工作區 /基本模式」：基本模式僅提供最常使用之影像編輯功能，同時會顯示較大的圖示按鈕。
3若要還原PhotoImpact的工作環境，可執行「工作區 /標準模式」。 投影片 3. PhotoImpact 工具箱
4 「工具箱」提供了影像編修最常使用的工具：工具箱可藉由拖曳頂端來任意移動位置，移動時亦可依附在畫面的左、右兩側。
5 工具箱內的工具圖示右下角若更「三角形」，則代表該按鈕內仍更其它隱藏工具：按住按鈕不放便可顯示這些隱藏工具。
6 顯示隱藏工具時，若將滑鼠游標移至隱藏按鈕選單之頂部灰色區塊，則可將選單獨立成一子面板。  亦可執行「工作區 /工具」來顯示完整工具面板。
投影片 4. 面板基礎操作
7 執行「工作區 /面板」：在選單中的面板名稱若為勾選狀態，即表示該面板已出現在視窗中。
8 若在面板名稱區塊按兩下滑鼠左鍵、或點選面板右上角的「放大 & 還原」按鈕可展開、收合面板。
9 若使用滑鼠拖曳面板的左側邊框，則可調整面板的寬度；若點選面板邊框上的「開關箭號」則可顯示或隱藏整組面板。
投影片 5. 浮動式面板
10 若使用滑鼠拖曳面板頂端的淺藍色區塊，則可將面板轉為浮動式的面板。
11 浮動式面板可藉由拖曳其頂端來在視窗中任意移動位置；或拖曳至視窗右、下、左側來變為常駐狀態。
投影片 6. 重設介面
12 若在選單列執行「工作區 /重設回預設狀態」可將PhotoImpact的面板、工具列等皆還原至預設狀態。 投影片 7. Windows圖片和傳真檢視器
13 一般在Windows XP環境下開啟圖檔時，會使用Windows內建的「圖片和傳真檢視器」來檢視圖片。
14 「Windows圖片和傳真檢視器」僅可用來快速瀏覽圖片，但並不具備編輯影像的功能。
投影片 8. 變更圖片開啟的預設程式
15 若要變更圖片開啟的預設程式，可先選取任意圖檔後，執行「右鍵 /開啟檔案 /選擇程式」。
16 接著，在對話框中反白「PhotoImpact」，並勾選「永遠用選取的程式來開啟這種檔案」，再按「確定」。  如果在對話框中找不到要用來編輯影像的軟體，則可點選「瀏覽」按鈕來手動指定該軟體執行檔（.exe）的位置。
投影片 9. 在PhotoImpact內開啟圖檔
17 在PhotoImpact內可執行「檔案 /開啟舊檔」來開啟要編輯的圖片。  亦可在工具列點選「開啟舊檔」圖示按鈕。
18 若執行「檔案 /瀏覽」（Shift +O）：可則使用PhotoImpact的「瀏覽管理員」來瀏覽、開啟圖檔。
19 若要將瀏覽管理員做為預設的圖片開啟方式，則可執行「檔案 /偏好設定 /一般」：在對話框中反白「開啟與儲存」類別，再勾選「使用瀏覽管理員來開啟影像」即可。
投影片 10. 縮放影像檢視比例
20 執行「檢視 /顯示比例」：在選單中若點選「拉近」則會放大影像；點選「拉遠」則會縮小影像。  亦可按鍵盤的＋或－來縮放影像。
21 若按住鍵盤的Ctrl鍵不放，再滾動滑鼠的滾輪亦可縮放影像的檢視比例。
- 2 -
投影片 11. 放大鏡工具
22 在PhotoImpact 1練習檔資料夾內開啟「天空.jpg」圖檔。
23 在工具箱切換至「放大鏡」工具：在影像上可利用點擊、或拖曳方式來放大圖片檢視比例；若按滑鼠右鍵則可縮小檢視比例。
24 若在工具列上的點選「1:1」按鈕，則影像會以原圖大小（100%）來呈現在視窗內；若點選「1:1」右側的「」按鈕則影像會縮放至與工作區同樣的大小。
投影片 12. 調整視窗選項
25 使用放大鏡工具時，若在工具列勾選「調整視窗」，則影像放大時視窗亦會跟著放大；若取消勾選此選項時，則影像放大時視窗仍維持原來大小。
投影片 13. 全圖顯示區
26 若影像大小超出視窗大小時，視窗右下角會自動顯示一青色的矩形區塊：在此區塊內按住滑鼠左鍵不放可顯示「全圖顯視區」，在顯示區內可藉由拖曳方式來移動視窗內的影像。
投影片 14. 建立選取區
27 開啟「汽車.jpg」圖檔。
28 在工具箱啟用「選取工具」。在工具列內將形狀設為「矩形」，並將柔邊設為0；接著在頁面內利用拖曳方式來框選汽車。
29 若要取消選取區，可執行「右鍵 /取消選取」（Shift +G）。
投影片 15. 將選取區轉成物件
30 選取區建立後，若再繼續使用「選取工具」拖曳選取區便可將選取區轉為物件。  亦可在選取區上執行「右鍵 /轉成物件」
投影片 16. 物件基礎操作
31 使用「選取工具」或「挑選工具」在物件上方拖曳可移動物件；若按鍵盤的Delete鍵則可刪除目前選取的物件。
32 若要刪除部份的物件影像，可啟用工具箱的「物件繪圖橡皮擦工具」，再於物件上塗抹即可。
33 在視窗右側開啟「圖層管理員」面板，此處可針對物件進行以下操作：  點選物件的「眼睛」圖示可隱藏物件。  點選物件眼睛圖示右側的方格可「鎖定」物件。  在面板內使用滑鼠上、下拖曳物件圖層可改變物件在頁面內的前後順序。
投影片 17. 步驟復原
34 執行「編輯 /復原」（快速鍵Ctrl +Z）可還原至上一步驟。
35 執行「編輯 /重做」（快速鍵Ctrl +Y）可重做先前還原的步驟。  執行「檔案 /偏好設定 /一般」可指定復原功能的層數（即還原的次數上限）。
36 執行「檔案 /還原」則可將檔案還原至上一次儲存的狀態。
投影片 18. 聚光燈效果
37 開啟「小女孩.jpg」圖檔。
38 在工具箱啟用「選取工具」，並在工具列內將形狀設為「圓形」，柔邊值設為50；接著在頁面內利用拖曳方式來在小女孩臉龐上建立出一圓形選取區。  若要移動選取框，則可在工具列點選「選項」按鈕，再勾選「只移動圈選框」選項。  若要調整剪裁區的大小，可先在工具箱啟用「變形工具」；再至工具列按下「選取範圍」按鈕。  若選取區已建立，則可執行「選取區 /柔化」來套用指定柔邊值。
投影片 19. 聚光燈效果
39 此時若要選取小女孩以外的範圍，可執行「選取區 /改選未選取部份」來反轉選取區。
40 接著，執行「相片 /高亮度、中間值、陰影」：在對話框內將「高亮度」數值調低來將影像變暗，再按「確定」。
投影片 20. 儲存檔案
41 執行「檔案 /另存新檔」：在檔案名稱欄鍵入「園遊會簡章」，並將存檔類型指定為UFO（友立
- 3 -
物件檔案），按「儲存」按鈕。  UFO為PhotoImpact的專屬儲存格式，此格式可保留全部物件之獨立設定與屬性。
投影片 21. 儲存為JPEG
42 JPEG是目前最普遍的影像格式之一，其高壓縮率可以更效縮小圖檔，使其方便在網路上被快速傳遞與下載。
43 若要在PhotoImpact內將影像存成JPEG格式，可執行「檔案 /另存新檔」：在對話框內指定存檔檔名，再將存檔類型設為JPEG，最後按「儲存」按鈕。  注意：JPEG格式無法儲存物件圖層。 投影片 22. 單色影像
44 開啟「花朵.jpg」圖檔。
45 將游標移至圖層管理員內基底影像的上方，並執行「右鍵 /再製」。
46 接著，執行「相片 /增強 /單色」來將影像轉為灰階。
投影片 23. 單色影像
47 在工具箱啟用「標準選取工具」，並在工具列內將形狀設為圓形，柔邊設為150。
48 在工具列點選「選項」按鈕，並勾選「由中央展開」選項。
49 在工具列按下「在物件上選取」按鈕，接著花朵中央拖曳出一個圓形選取區來圈選花朵；再按下鍵盤的Delete按鈕。
50 最後，按Enter鍵取消物件選取，再執行「右鍵 /取消選取」來移除選取區。
投影片 24. 基底影像
51 基底影像觀念：  一個圖檔只能更一個「基底影像」，但可以擁更多個「圖層物件」。  基底影像圖層無法被「刪除」，但是可以在圖層管理員中被「隱藏」。  若刪除基底影像的像素，則會透露出影像的背景色：而背景色可在工具箱中進行設定。
投影片 25. 保留基底影像
52 使用選取工具時，若在工具列按下「選項」按鈕，並勾選「保留基底影像」；則影像在剪貼、或套用特效時仍會保留基底影像之完整。
53 若取消勾選「保留基底影像」選項，則基底影像更可能會在編輯時被破壞，而顯露出影像的背景色。 投影片 26. 使用選取區剪裁影像
54 在工具箱啟用「標準選取工具」，並在工具列形狀設為矩形；接著在頁面內拖曳出欲剪裁的區域。  若要移動剪裁區的位置，可在工具列點選「選項 /只移動圈選框」。  若要調整剪裁區的大小，可先在工具箱啟用「變形工具」；再至工具列按下「選取範圍」按鈕。
55 最後，在選取工具的工具列內按下「剪裁」按鈕便可完成影像剪裁。
投影片 27. 固定選取區大小
56 若要在影像內裁剪出特定的長寬比例，可在工具列啟用「標準選取工具」，並在工具列勾選「固定」選項。
57 接著在工具列的長、寬欄位內鍵入剪裁數值（例：手機桌布的240*320），再至頁面內拖曳出選取區；最後在工具列內按下「剪裁」按鈕。
投影片 28. 擴大底框
58 （應用一）在小女孩影像中執行「調整 /擴大底框」，並在對話框內鍵入以下數值來產生相框的效果：  在上、下、左、右欄輸入要擴大的像素（例：10像素）  擴散色彩：指定要延長像素的顏色（例：白色）。  等距地擴大邊長：勾選後像素會等距延長。
投影片 29. 擴大底框 5
9 （應用二）將小女孩影像中執行「調整 /擴大底框」。
60 在對話框內取消勾選「等距地擴大邊長」選項，
- 4 -
並將上、左、右設為20像素、下方則設為150像素、擴散色彩設為黑色。按「確定」。
61 底框擴大後，可使用「文字工具」在影像右下角按一下滑鼠左鍵，並鍵入攝影者的簽名文字（在工具列可設定文字的顏色、字型等外觀）。 投影片 30. 變焦模糊特效
62 開啟「汽車.jpg」圖檔。
63 在工具箱啟用「標準選取工具」，並在工具列將形狀設為圓形，柔邊設為5；接著按下「選項」按鈕，並在選單中勾選「由中央展開」。
64 接著，在影像內利用拖曳方式從前輪的輪胎中心向外拖曳來建立圈選框（接續下頁…）。  亦可按住鍵盤的Ctrl鍵不放，再於影像內拖曳出選取區。
投影片 31. 變焦模糊特效
65 將選取的前輪執行「相片 /模糊 /變焦模糊」：在對話框內確認縮圖中的紅點位於輪胎中心，並將類型設為順時針，品質設為100。
66 接著，將其它選項設定如下，完畢後按下「確定」按鈕：  不模糊區域半徑：50（設定最外圈的紅框大小，紅框內為不模糊區域）  往內模糊：100（設定外圈紅框向內的模糊距離與程度）  周圍模糊：50（設定外圈紅框周圍的模糊程度）。  扭曲 & 扭轉寬度：1（設定模糊效果旋轉的程度）。
67 最後，按Enter鍵取消前輪之選取；並重複上步驟來將後輪套用變焦模糊特效。
投影片 32. 套索工具
68 在頁面內執行「右鍵 /全部合併」來將已套用特效的輪胎物件合併至基底影像
69 在工具箱啟用「套索工具」，並在工具列將柔邊值設為20、並勾選「智慧型套索」選項：接著在影像內沿著汽車邊緣點擊滑鼠左鍵來選取汽車（接續下頁…）。  按Backspace可以回到上一錨點；按ESC可取消選取。
投影片 33. 編輯套索選取區
70 使用套索圈選汽車後，選取周圍會出現節點以供範圍修正之用；編修完畢可在選取範圍內按兩下滑鼠左鍵來將節點轉為選取區。
71 選取區建立後若仍需要編輯節點，則可在工具列點選「編輯」按鈕來切換回路徑編輯模式；待路徑編輯完後可再按「編輯」按鈕來將路徑再切換回選取區。
投影片 34. 選取區加選 & 減選
72 若圈選汽車時更選取不完整、或選到多餘區域的情形；可在工具箱先按下「+」號或「-」號來啟用加選或減選功能，並取消勾選「智慧型套索」；接著再於影像內利用點擊滑鼠左鍵的方式來框選要增加或刪除的範圍。 投影片 35. 儲存選取區
73 若要儲存目前的選取範圍，可執行「右鍵 /儲存選取區」；而若要載入先前儲存的選取區，可執行「右鍵 /載入選取區」，在對話框內選取要載入的選取區，再按「確定」即可。  亦可開啟「選取區管理員」面板，並在儲存的選取區上按兩下滑鼠左鍵來載入選取區。
74 若要刪除先前儲存的選取區，可在「選取區管理員」點選選取區圖層後，再於面板上方按下「刪除選取區」按鈕。
投影片 36. 動態攝影
75 啟用「套索工具」，在工具列內先按下「－」號按鈕來啟用「減選」功能，同時確認「智慧型套索」已取消勾選。 76 接著，在影像內利用點擊滑鼠左鍵的方式來框選汽車尾端，如此可減去此範圍。 77 將目前選取區執行「選取區 /柔化」：在對話框中將柔邊寬度設為50像素，按「確定」（接續下頁…）。 投影片 37. 動態攝影 78 執行「選取區 /改選未選取部份」來選取汽車以外的背景部份。
- 5 -
79 最後，執行「相片 /模糊 /動態攝影」：在對話框內先按「選項」按鈕，再至彈出的對話框內按下「振動」按鈕，接著將移動量設為500，角度為0。按「確定」。
80 最後，按下Enter鍵來取消目前物件的選取。
投影片 38. DM製作
81 執行「檔案 /開新檔案 /開新影像」：在對話框內將影像大小設為網頁750*550像素，並勾選「自訂色彩」選項來將底色設為淺橘黃色。按「確定」。
82 執行「檔案 /儲存檔案」：在對話框內將檔案名稱指定為「園遊會海報」，存檔類型設為「UFO」，按「儲存」。
投影片 39. 影像移動
83 開啟「小女孩.jpg」圖檔。
84 在工具箱啟用「標準選取工具」，並在工具列將模式設為「建立新的選取區」，形狀設為圓形。
85 在工具列按下「選項」按鈕，並確認「由中央展開」為勾選狀態，同時「只移動圈選框」的選項為取消勾選狀態。
86 接著，從小女孩臉部的中央拖曳出一個圓形選取區；接著再將此選取區直接拖曳至「園遊會海報」的頁面內（接續下頁…）。
投影片 40. 變形工具
87 在「園遊會海報」圖檔內點選剛建立的圓形小女孩影像物件來將其選取。
88 在工具箱啟用「變形工具」，並在工具列切換至「調整大小」模式；接著按住Shift鍵向內拖曳小女孩影像的邊框控制點來將其略為等比例縮小。
89 接著在工具列切換至「任意旋轉」模式，再將滑鼠移至小女孩邊框控制點的外側拖曳來略為旋轉圖片至適當角度。  若按住Shift鍵不放可將物件旋轉至45度或90度等特定角度。
投影片 41. 百寶箱相框特效
90 在園遊會海報頁面內點選小女孩的圖形。
91 在百寶箱的「影像增強 /相片邊框圖庫」內任一相框特效上按兩下滑鼠左鍵，便可將該相框特效直接套用至小女孩的影像上。
投影片 42. 相片邊框指令
92 在園遊會海報頁面內點選小女孩的圖形。
93 執行「相片 /相片邊框」，並在對話框內將相框屬性設定如下：  樣式：設為相片邊框（2D）。  不合併邊框：取消勾選（若勾選則相框和影像會各自成為一個獨立物件）。  寬度：10像素、往外。  單色：設為白色。  內側形狀：圓形。  外側形狀：圓形。  陰影：按下「選項」按鈕後，將X、Y位移皆設為5像素。
94 最後，按「確定」來套用相框效果。

96資訊月

第一名 林爾軒
創作理念
　　自數位化時代至今，不過才短短十幾年，就整個人類生活來說只佔了一小部份。數位生活的地球，就像是一個剛新生的寶寶一般，需要我們細心去體認，進一步去感受數位生活的美好。而圖中象徵的USB插頭象徵連結著地球寶寶肚臍的臍帶，數位生活和我們的愛給地球寶寶活力，期待他慢慢的長大!而就因為我們與數位生活戀愛了，創造出了這樣數位化的地球寶寶，是我們身為他的半個父母－人類來說，更要去愛惜跟珍惜他的!數位和生活的結合，藉由這條"臍帶"，讓我們生活的地球，更有生命力與活力!


得獎理由
　　以USB和一條象徵環保概念的青綠物連繫著台灣，就像地球寶寶的肚臍，因為母愛養分的輸入充滿了生氣、歡樂並逐漸茁壯，象徵數位生活，快速、無限量及無遠弗屆；多媒體廣泛應用在無線網路上，讓介面更為人性，內容充滿人文藝術並寓教於樂，使人們在“愛上數位生活”的歡愉中逐漸成長，同時也象徵數位生活步入的另一個階層。

網頁教學文件下載區

網頁教學文件下載區

免費空間網址 　 hinet so-net seednet 台灣固網 免費圖庫 　 MyChat.to 染布坊  麻辣圖庫  新空間圖庫  Maggy圖庫 音樂midi下載

教你如何防範：伺服器緩存投毒和域名劫持

教你如何防範：伺服器緩存投毒和域名劫持 （1）

發佈時間：2008.06.19 04:59 來源：賽迪網 作者：左邊

【賽迪網-IT技術報道】談到網路安全，你可能熟悉網頁欺詐的危險，但是知道域欺騙（pharming）威脅嗎？對於一家線上公司來說，這種風險是致命的!

簡單來說，域欺騙就是把原本準備訪問某網站的用戶，在不知不覺中，劫持到倣冒的網站上，例如用戶準備訪問某家知名品牌的網上商店，駭客就可以通過域欺騙的手段，把其帶到假的網上商店，同時收集用戶的ID資訊和密碼等。

這種犯罪一般是通過DNS伺服器的緩存投毒（cache poisoning）或域名劫持來實現的。最近幾個月裏，駭客已經向人們展示了這種攻擊方式的危害。今年3月，SANS Institute發現一次將1300個著名品牌域名改變方向的緩存投毒攻擊，這些品牌包括ABC、American Express、Citi和Verizon Wireless等；1月份，Panix的域名被一名澳大利亞駭客所劫持；4月，Hushmail的主域名伺服器的IP地址被修改為連接到一家駭客粗製濫造的網站上。

跟蹤域欺騙事件的統計數據目前還沒有。不過，反網頁欺詐工作組（APWG）已經把域欺騙歸到近期工作的重點任務之中。

專家們說，緩存投毒和域名劫持問題早已經引起了相關機構的重視，而且，隨著線上品牌的不斷增多，營業額的不斷增大，這一問題也更加突出，人們有理由擔心，騙子不久將利用這種駭客技術欺騙大量用戶，從而獲取珍貴的個人資訊，引起線上市場的混亂。

雖然，域欺騙在技術上和組織上解決起來十分複雜。但是在目前情況下，我們還是可以採取一些措施，來保護企業的DNS伺服器和域名不被域名騙子所操縱。

破解困境

DNS安全問題的根源在於Berkeley Internet Domain （BIND）。BIND充斥著過去5年廣泛報道的各種安全問題。VeriSign公司首席安全官Ken Silva說，如果您使用基於BIND的DNS伺服器，那麼請按照DNS管理的最佳慣例去做。

SANS首席研究官Johannes認為：“目前的DNS存在一些根本的問題，最主要的一點措施就是堅持不懈地修補DNS伺服器，使它保持最新狀態。”

Nominum公司首席科學家、DNS協議原作者Paul Mockapetris說，升級到BIND 9.2.5或實現DNSSec，將消除緩存投毒的風險。不過，如果沒有來自Cisco、F5 Networks、Lucent和Nortel等廠商的DNS管理設備中提供的介面，完成這類遷移非常困難和耗費時間。一些公司，如Hushmail，選擇了用開放源代碼TinyDNS代替BIND。替代DNS的軟體選擇包括來自Microsoft、PowerDNS、JH Software以及其他廠商的產品。




教你如何防範：伺服器緩存投毒和域名劫持 （2）

發佈時間：2008.06.19 04:59 來源：賽迪網 作者：左邊


不管您使用哪種DNS，請遵循BlueCat Networks公司總裁Michael Hyatt提供的以下最佳慣例：

1、在不同的網路上運行分離的域名伺服器來取得冗余性。

2、將外部和內部域名伺服器分開（物理上分開或運行BIND Views）並使用轉發器（forwarders）。外部域名伺服器應當接受來自幾乎任何地址的查詢，但是轉發器則不接受。它們應當被配置為只接受來自內部地址的查詢。關閉外部域名伺服器上的遞歸功能（從根伺服器開始向下定位DNS記錄的過程）。這可以限制哪些DNS伺服器與Internet聯繫。

3、可能時，限制動態DNS更新。

4、將區域傳送限制在授權設備上。

5、利用事務簽名對區域傳送和區域更新進行數字簽名。

6、隱藏伺服器上的BIND版本。

7、刪除運行在DNS伺服器上的不必要服務，如FTP、telnet和HTTP。

8、在網路週邊和DNS伺服器上使用防火牆服務。將訪問限制在那些DNS功能需要的端口/服務上。

讓註冊商承擔責任

域欺騙的問題從組織上著手解決也是重要的一環。不久前，有駭客詐騙客戶服務代表修改了Hushmail的主域名伺服器的IP地址。對於此時，Hushmail公司的CTO Brian Smith一直忿忿不已，駭客那麼容易就欺騙了其域名註冊商的客戶服務代表，這的確令人惱火。

Smith說：“這件事對於我們來說真正糟透了。我希望看到註冊商制定和公佈更好的安全政策。但是，我找不出一家註冊商這樣做，自這件事發生後，我一直在尋找這樣的註冊商。”

Panix.com總裁Alex Resin在因註冊商方面的問題，導致今年1月Panix域名遭劫持時，也感受到了同樣強烈的不滿。首先，他的註冊商在沒有事先通知的情況下，將他的域名註冊賣給了一家轉銷商。然後，這家轉銷商又把域名轉移給了一個社會工程人員——同樣也沒有通知Resin。

Resin說：“域名系統需要系統的、根本的改革。現在有很多的建議，但事情進展的不夠快。”

等待市場需求和ICANN領導階層迫使註冊商實行安全的轉移政策，還將需要長時間。因此，Resin, Smith和ICANN首席註冊商聯絡官Tim Cole提出了以下減少風險的建議：

1、要求您的註冊商拿出書面的、可執行的政策聲明。將如果需要轉移域名的話，要求他們及時與您聯繫的條款寫在書面文件中。

2、鎖定域名，要求註冊商在得到解鎖的密碼或其他身份資訊後才允許轉移。

3、使您保存在註冊商那裏的正式聯繫資訊保持最新狀態。

4、選擇提供24×7服務的註冊商，這樣他們可以在發生違規事件時迅速採取行動。

5、如果發生未經授權的轉移，立即與有關註冊商聯繫。

6、如果您的問題沒有得到解決，去找您的域名註冊機構（例如，VeriSign負責.com和.net的註冊）。

7、如果您在拿回自己的域名時仍遇到問題，與ICANN聯繫（transfers@ICANN.org）。

8、如果擁有一個大型域，那就像Google那樣，成為自己的註冊商或者自己的轉銷商，利用TuCows.com的開放API，OpenSRS，來控制您的所有域名。

(責任編輯:董建偉)

Flash8第5堂 (970624)

- 1 -
投影片 1 反光效果

1 開啟「反光效果.fla」檔。
2 在時間軸按下「插入圖層」按鈕，並將新圖層命名為「遮色片」。
3 在工具箱啟用「鋼筆工具」，將筆畫設為紅色、填色為無，並在屬性面板將筆畫粗細設為2。接著在舞台內沿著太空衣邊緣勾勒出數條輪廓線。
 繪製貝茲曲線時，若按鍵盤的ESC鍵可結束目前繪製的路徑。
4 接著，在舞台內使用選取工具框選所更的輪廓線，並執行「修改 /形狀 /將線段轉換成填色」；完畢後將遮色片圖層鎖定（接續下頁…）。
投影片 2 反光效果

5 在時間軸按下「插入圖層」按鈕，並將新圖層命名為「反光」；接著將反光圖層拖曳至遮色片圖層的下方（保持反光圖層為選取狀態）。
6 在工具箱啟用「矩形工具」，並將筆畫設為無。
7 開啟「調色盤」面板，先在面板內點選「填色」色盤，再將填色類型設為線性。
8 在調色盤左下角的色標按兩下滑鼠左鍵，將顏色設為白色，並將Alpha值設為0；接著再點選調色盤右下角的色標，並同樣設為白色、Alpha值為0（接續下頁…）。
投影片 3 反光效果

9 在兩個色標的中間按一下滑鼠左鍵來新增色標，並將新色標設為白色、Alpha值為100。
10 接著，使用目前顏色設定來在舞台內繪製一橫條矩形。
11 在工具箱啟用「填色變形工具」：在舞台內點選剛繪製的橫條矩形，並將漸層方向轉動為上、下兩側為透明色。
12 最後，將矩形執行「修改 /轉換成元件」：在對話框的名稱欄鍵入「反光」，類型為圖像，按「確定」（接續下頁…）。
投影片 4 反光效果

13 在舞台內使用選取工具將橫條矩形移至舞台下側。
14 在時間軸反光圖層的影格15按F6來新增關鍵影格；接著在舞台內使用選取工具來將橫條矩形
移至舞台上側。
15 在反光圖層的影格1-15之間執行「右鍵 /建立移動補間動畫」。
16 在時間軸選取「遮色片」圖層，並執行「右鍵 /遮色片」。
17 在時間軸內反白所更圖層的影格40，並按F5來插入影格。最後按Ctrl +Enter來測試動畫效果。
投影片 5 按鈕製作

18 開啟「按鈕製作.fla」檔。
19 在工具箱啟用「矩形工具」：將筆畫為無，圓角半徑設為約20。
20 開啟「調色盤」面板，先在面板內點選「填色」色盤，再將填色類型設為線性。
21 在調色盤左下角的色標按兩下滑鼠左鍵，將顏色設為灰色（#666666）；接著再點選調色盤右下角的色標，並設為白色。
22 顏色設定完畢後，在舞台內繪製出一圓角矩形（接續下頁…）。
投影片 6 按鈕製作

23 在工具箱啟用「填色變形工具」，將圓角矩形的漸層方向調整為垂直方向（上灰下白），並將漸層範圍縮小至與按鈕同高。
24 在舞台內使用選取工具點選圓角矩形，並執行「修改 /轉換成元件」：在對話框的名稱欄鍵入「按鈕」，類型為影片片段，按「確定」。
25 在舞台內點選按鈕實體，並在屬性面板的濾鏡標籤內按下「＋」號來新增「光暈」濾鏡：將光暈設為深灰色（#333333），品質設為高。
26 接著，再按「＋」號來新增「投影」濾鏡：將投影設為深灰色（#333333），品質設為高，距離設為2（接續下頁…）。
投影片 7 按鈕製作

27 在舞台內點選按鈕實體，並依序執行「編輯 /剪下」及「編輯 /在原地貼上」。
28 接著，點選剛複製的按鈕實體，並在屬性面板的濾鏡標籤內按兩次「－」號來移除原先套用的兩個濾鏡。完畢後再執行「右鍵 /重製元件」：將元件名稱設為「光澤」，按「確定」。
29 開啟「變形面板」，在面板內取消勾選「限制」
- 2 -
選項；再將光澤實體的寬度欄設為95，高度欄設為90（接續下頁…）。
投影片 8 按鈕製作

30 在舞台內光澤實體的上方按兩下滑鼠左鍵來進入元件編輯模式。
31 在調色盤左下角的色標按兩下滑鼠左鍵，將顏色設為白色、Alpha值設為85；接著再點選調色盤右下角的色標，將Alpha值設為0。
32 在工具箱啟用「文字工具」：將屬性面板內將色彩設為黑色、字型設為Arial、套用置中對齊；接著在按鈕上方按一下滑鼠左鍵，再鍵入HOME字樣（接續下頁…）。
 可根據按鈕大小來在屬性面板自訂文字大小、字距等外觀選項。
投影片 9 按鈕製作

33 使用選取工具框選舞台上所更的按鈕圖形，並執行「修改 /轉換成元件」：在對話框的名稱欄鍵入「HOME」，類型為「按鈕」，按「確定」。
34 在舞台內按鈕實體的上方按兩下滑鼠左鍵來進入元件編輯模式：先在時間軸的「滑入」影格按F6來新增關鍵影格（接續下頁…）。 投影片 10 按鈕製作
35 在舞台內使用選取工具點選按鈕最底部的圖形，並利用屬性面板的顏色下拉選單來套用任意色調，著色量則設為約20%。
36 在時間軸的「按下」影格按F6來新增關鍵影格，並在舞台內框選整個按鈕後，使用鍵盤方向鍵略向右下角移動。
37 在時間軸的「感應區」影格按F5插入一般影格；再於時間軸左上角點選「場景1」來回到主要舞台，並按Ctrl +Enter來測試按鈕功能。
 亦可啟用「控制 /啟動簡易按鈕」功能。
投影片 11 影片按鈕製作

38 開啟「按鈕動作設定.fla」檔。
39 執行「插入 /新增元件」：在對話框的名稱欄鍵入「青蛙」，類型設為按鈕，按「確定」。
40 將「青蛙1」影片元件從元件庫拖曳至舞台，並依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
41 在時間軸點選「滑入」影格，並執行「右鍵 /
插入空白關鍵影格」（快速鍵F7）；接著將「青蛙2」影片元件從元件庫拖曳至舞台，並依序執行「編輯 /剪下」及「編輯 /在中央貼上」（接續下頁…）。
投影片 12 影片按鈕製作

42 在時間軸點選「按下」影格，並按F7來插入空白關鍵影格；接著將「青蛙3」影片元件從元件庫拖曳至舞台，並依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
43 在時間軸點選「感應區」影格，按F7來插入空白關鍵影格；再點選時間軸下側的「描圖紙」按鈕來以半透明方式顯現其它影格的影像。
44 接著，在舞台內使用「鋼筆工具」沿著青蛙實體繪製一多邊形。
45 在時間軸左上角點選「場景1」來回到主要舞台；再從元件庫內將製作好的「青蛙」按鈕元件拖曳舞台的中心圓內。
投影片 13 影格動作

46 在時間軸左下側點選「插入圖層」按鈕，並將新圖層重新命名為「動作」。
47 執行「視窗 /動作」來開啟動作面板（快速鍵F9）；接著在面板內按下「Script助理」按鈕。
48 在動作面板內按下「+」號按鈕，並執行「全域函數 /時間軸控制項 /stop」來插入stop語法。
投影片 14 按鈕動作設定

49 在舞台內使用選取工具點選「青蛙」實體；接著在動作面板內按下「+」號按鈕，並執行「全域函數 /時間軸控制項 /goto」：在影格欄鍵入10。
50 在時間軸動作圖層的影格25按F6來插入關鍵影格；接著在動作面板內按下「+」號按鈕，並執行「全域函數 /時間軸控制項 /goto」：在影格欄鍵入1，並勾選「前往並停止」選項。
51 最後，按Ctrl +Enter測試動畫：此時按下中央的青蛙按鈕後，影片會跳到影格10並繼續播放（產生火焰動畫），最後又回到影格1停止。
投影片 15 沿向路徑設定

52 開啟「火箭猴.fla」檔。
53 將「火箭猴」影片片段元件從元件庫拖曳至舞台內，並使用「自由變形工具」將其略為等比例縮
- 3 -
小（按Shift鍵拖曳邊框控制點）。
54 在時間軸確認火箭猴圖層為選取狀態，再按下時間軸左下角的「增加導引線」按鈕。
55 在工具箱啟用「鉛筆工具」，並在工具箱下側指定為「平滑化」模式；接著在舞台內繪製一橫向曲線來做為火箭猴的飛行路線（接續下頁…）。
投影片 16 沿向路徑設定

56 執行「檢視 /貼齊」，並確認「貼齊物件」選項為勾選狀態。
57 在舞台內使用選取工具拖曳火箭猴的中心圓點，使其放置在導引線的右側開端。
58 在時間軸火箭猴圖層的影格120按F6來插入關鍵影格，接著在舞台內拖曳火箭猴的中心圓點至導引線的左側尾端。
59 在火箭猴圖層的影格1-120之間執行「右鍵 /建立移動補間動畫」；接著反白其它圖層的影格120，並按F5來插入一般影格（接續下頁…）。
投影片 17 沿向路徑設定

60 點選火箭猴圖層的關鍵影格1，並在舞台內使用「自由變形工具」來將火箭猴實體的角度旋轉至與導引線的開端平行。
61 點選火箭猴圖層的關鍵影格120，並同樣在舞台內使用「自由變形工具」來將火箭猴實體的角度旋轉至與導引線的尾端平行。
62 點選火箭猴圖層的關鍵影格1，並在屬性面板內勾選「沿向路徑」選項：如此火箭猴在飛行時會沿著導引線來改變飛行角度。
投影片 18 火焰動畫

63 在舞台內點選火箭猴實體，並執行「右鍵 /編輯」來進入元件編輯模式。
64 在舞台內框選「火焰」圖案，並執行「修改 /轉換成元件」：在對話框的名稱欄鍵入「火焰」，類型設為「影片片段」，按「確定」。
65 在舞台內點選火焰實體，並在屬性面板的濾鏡標籤下按「+」號來新增「模糊」濾鏡：將模糊X、Y分別設為10與20，品質設為為高（接續下頁…）。
投影片 19 火焰動畫

66 在時間軸火焰圖層的影格3按F6來插入關鍵影
格，接著再至影格4按F5來插入一般影格。
67 在舞台內點選火焰實體，並使用「自由變形工具」按住Alt鍵不放來向下拖曳火焰的下邊框控制點，使火焰能向下延長高度。
68 在時間軸猴子圖層的影格4按F5來補齊影格（接續下頁…）。
投影片 20 觸發按鈕設定

69 在時間軸左上角點選「場景1」來回到主要舞台。
70 在時間軸左下角按下「插入圖層」按鈕，並將新圖層重新命名為「按鈕」：接著在元件庫內將「發射按鈕」元件拖曳至舞台內。
71 在時間軸左下角按下「插入圖層」按鈕，並將新圖層重新命名為「動作」；接著在動作面板內按下「+」號按鈕，並執行「全域函數 /時間軸控制項 /stop」來插入stop語法。
72 最後，在舞台內點選發射按鈕實體，並在動作面板內按下「+」號按鈕，並執行「全域函數 /時間軸控制項 /play」。
投影片 21 按鈕音效

73 執行「檔案 /匯入 /匯入至元件庫」：在對話框內點選「Beep.wav」，再按「開啟」；接著重複此步驟來將Explode.wav檔匯入至元件庫內。
74 在舞台內對著「發射按鈕」實體按兩下滑鼠左鍵來進入元件編輯模式。
75 在時間軸左下角按下「插入圖層」按鈕，並將新圖層重新命名為「音效」：先在「滑入」影格按F6來插入關鍵影格，再至屬性面板的「聲音」下拉選單點選Beep.wav。
76 在「按下」影格按F6來插入關鍵影格，再至屬性面板的「聲音」下拉選單點選Explode.wav。
77 最後，按Ctrl +Enter來測試按鈕效果。

Flash8第4堂 (970619)

- 1 -
投影片 1 輪胎旋轉動畫
1 開啟「機車猴.fla」檔。
2 執行「插入 /新增元件」：在對話框的名稱欄鍵入「輪胎影片」，類型為「影片片段」。按「確定」。
3 進入編輯模式後，將圖層1重新命名為「輪胎」，接著將輪胎元件從元件庫拖曳至舞台內。
4 點選舞台內的輪胎實體，先執行「編輯 /剪下」，再執行「編輯 /在中央貼上」。
5 在輪胎圖層的影格10按F6插入關鍵影格，並在影格1-10之間執行「右鍵 /建立移動補間動畫」。
6 在時間軸內點選輪胎圖層的關鍵影格1，並在屬性面板中將「旋轉」欄設為逆時針、自轉1次。
投影片 2 輪胎影子製作

7 在時間軸左下角按下「插入圖層」按鈕，並命名為影子；接著將此圖層拖曳至輪胎圖層的下方。
8 在工具箱啟用「橢圓形工具」，填色為深灰色、筆畫為無；在舞台內繪製一扁平的橢圓形來預備做為輪胎陰影。
9 使用選取工具點選橢圓形，並執行「修改 /轉換成元件」：在對話框的名稱欄鍵入「輪胎陰影」，類型為「影片片段」。按「確定」。
10 在舞台內點選橢圓形實體，並在屬性面板的濾鏡標籤內按「+」號來新增「模糊」濾鏡；接著將模糊X、Y值提高來產生模糊效果。
11 最後，在舞台內將製作好的影子移至輪胎下方。
投影片 3 柔化填色邊緣

12 若在Flash MX 2004或更早的版本，可針對需要柔化邊緣的圖形執行「修改 /形狀 /柔化填色邊緣」來產生柔邊效果。此指令可設定以下的參數：
 距離：柔化邊緣的寬度。
 步驟數目：數值愈高，則柔化效果愈平滑；但也會造成檔案變大。
 擴展或內加：指定向外或向內來產生柔化邊緣。 投影片 4 機車與猴子動畫製作
13 執行「插入 /新增元件」：在對話框的名稱欄鍵入「機車與猴子」，類型為「影片片段」。按「確
定」。
14 進入編輯模式後，將圖層1重新命名為「機車」；接著在元件庫內將「機車」元件拖曳至舞台內，並依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
15 在時間軸左下角按下「插入圖層」按鈕，並將新圖層命名為「猴子」；接著在元件庫內將「猴子」元件拖曳至舞台內，並使猴子的手部放置在機車的手把處。
16 在舞台內點選猴子實體；並使用自由變形工具來將猴子實體中央的圓點拖曳至機車的手把處（接續下頁…）。
投影片 5 機車與猴子動畫製作

17 在時間軸猴子圖層的影格2、4、5依序按F6來插入關鍵影格；接著在機車圖層的影格5按F5來補齊影格。
18 執行「視窗 /變形」來開啟變形面板，並依序將以下關鍵影格的猴子改變旋轉角度：
 影格2：設為-2度（負值為逆時針旋轉）。
 影格4：設為-3度。
 影格5：設為2度，。
19 最後，按Enter鍵來測試動畫設定結果。
投影片 6 機車合成製作

20 執行「插入 /新增元件」：在對話框的名稱欄鍵入「機車合成」，類型為「影片片段」。按「確定」。
21 進入編輯模式後，將圖層1重新命名為「機車」；接著在元件庫內將「機車與猴子」元件拖曳至舞台內，並依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
22 在時間軸左下角按下「插入圖層」按鈕，並命名為輪胎；接著將此圖層拖曳至機車圖層的下方。
23 在元件庫內將「輪胎影片」元件拖曳至舞台內兩次，並放置在機車前輪與後輪之位置。
24 在工具箱啟用選取工具，並按住Shift鍵來同時選取前輪與後輪；接著開啟「對齊面板」，在面板內先取消「對齊舞台」之功能，再點選「對齊下邊緣」按鈕（接續下頁…）。
投影片 7 機車合成製作

25 在時間軸輪胎圖層的影格2, 3, 4, 5依序按F6;
- 2 -
來插入關鍵影格，並在機車圖層的影格5按F5補齊影格。
26 接著，利用鍵盤方向鍵依序調整每一個關鍵影格的輪胎位置，以便製作出顛簸效果（設定如下）：
 影格2：按向上1次。
 影格3：按向下2次。
 影格4：按向上1次。
 影格5：按向下1次。
27 在時間軸標題處點選「場景1」來回到舞台。確認「機車」圖層為選取狀態，再從元件庫內將「機車合成」影片元件拖曳至舞台中央。最後按Ctrl +Enter來預覽動畫。
投影片 8 切換場景

28 開啟「萬花筒.fla」檔。
29 若要切換目前檔案中的場景，可執行「檢視 /前往 /（場景名稱）」；
 亦可在時間軸右上角按下「編輯場景」按鈕來切換場景。
投影片 9 管理場景

30 執行「視窗 /其它面板 /場景」來開啟場景面板。
31 在場景面板右下角可進行以下操作：
 重製：複製目前選取的場景。
 增加：新增一空白場景。
 刪除：刪除目前選取的場景。
32 在場景面板內可藉由滑鼠拖曳的方式來變更場景的播放順序：在預設情況下Flash每播放完一個場景，就會自動會播放下一個場景。
投影片 10 形狀漸變動畫

33 在元件庫的「花朵 3」預覽圖內按兩下滑鼠左鍵來進入元件編輯模式。
34 在時間軸內將花朵3圖層的關鍵影格2拖曳至影格30來延長動畫。
35 在時間軸內點選關鍵影格1，並在屬性面板的補間動畫下拉選單中選取「形狀」；同時將加 /減速欄中鍵入-100。 投影片 11 DIY 形狀漸變

36 執行「檔案 /開新檔案」來新增空白文件。
37 在工具箱啟用「矩形工具」（任意填色與筆畫），並在舞台內的任意處繪製一矩形。
38 在時間軸的影格30處按F7來插入「空白關鍵影格」；接著在舞台內的任意處使用「多邊星形工具」繪製一多邊形（任意邊數）。
39 在時間軸內點選影格1，並在屬性面板的補間動畫下拉選單中選取「形狀」來產生形狀漸變動畫。
投影片 12 形狀漸變轉換效果

40 設定好形狀漸變動畫後，另外可在屬性面板內指定形狀漸變的「轉換效果」：
 分佈式：此方式所產生的漸變動畫會較順暢，但形狀較不規則。
 角度式：此方式所產生的漸變動畫過程會保留較明顯的折角及直線。
投影片 13 增加形狀提示點

41 在時間軸點選關鍵影格1，並執行「修改 /形狀 /增加形狀提示點」：接著在舞台內將提示點拖曳至矩形的其中一角。
42 在時間軸點選關鍵影格30，並在舞台內將提示點拖曳至多邊形的任意一角：如此在進行形狀漸變動畫時，標注提示點的圖形端點會變形至指定位置。
43 若要移除提示點，可在關鍵影格1的提示點上執行「右鍵 /移除提示點」；亦可執行「修改 /形狀 /移除全部提示點」。
投影片 14 形狀漸變動畫合成

44 切換回「萬花筒.fla」文件的場景一。
45 在時間軸內選取花朵1圖層，並從元件庫中拖曳「花朵1」元件至舞台內。
46 接著，在「手掌工具」上按兩下滑鼠左鍵來將檢視比例調整為符合影格，再將花朵實體依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
47 為使場景有足夠影格數來播放影片元件，故在時間軸花朵 1圖層的影格30（即花朵1影片元件的長度）按F5來插入影格（接續下頁…）。
 因影片元件已自成一動畫，故此處不需要按F6插入關鍵影格。
投影片 15 形狀漸變動畫合成

48 在時間軸花朵 2圖層的影格31按F6插入關鍵影格。
49 將「花朵 2」元件從元件庫拖曳至舞台內；接著
- 3 -
將花朵2實體依序執行「編輯 /剪下」及「編輯 /在中央貼上」，再至影格60按F5來延長影格。
50 在時間軸花朵 3圖層的影格61按F6插入關鍵影格。
51 將「花朵 3」元件從元件庫拖曳至舞台內；接著將花朵3實體依序執行「編輯 /剪下」及「編輯 /在中央貼上」，再至影格90按F5來延長影格。
52 最後，按Ctrl +Alt +Enter來預覽此場景的動畫。
投影片 16 動態遮色片製作

53 執行「檢視 /前往 /場景2」。
54 在元件庫的「花朵4」預覽圖內按兩下滑鼠左鍵來進入元件編輯模式。
55 從元件庫中拖曳「花朵」圖像元件至舞台內，並將花朵實體依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
56 在時間軸的影格150處按F6來插入關鍵影格，並在影格1-150之間執行「右鍵 /建立移動補間動畫」。接著在屬性面板內將旋轉設為「逆時針」，旋轉設為1次（接續下頁…）。
投影片 17 動態遮色片製作

57 在時間軸左上角點選「場景2」。
58 在時間軸內選取「人物」圖層，並按下「插入圖層」按鈕；將此圖層命名為「遮色片」。
59 將「花朵 4」元件從元件庫拖曳至舞台內約女孩臉部位置；接著使用「自由變形工具」將花朵4略為等比例放大（按住Shift鍵拖曳邊框控制點）。
60 在時間軸選取「所有圖層」的影格150，再按F5來延長影格（接續下頁…）。
投影片 18 動態遮色片製作

61 在時間軸選取遮色片圖層，並執行「右鍵 /遮色片」。
62 在時間軸內將「背景」圖層拖曳至「遮色片」圖層之內，使背景圖層亦受到遮色片圖層的影響。
63 最後，確認遮色片、人物、背景三個圖層皆為鎖定狀態，再按Ctrl +Alt +Enter來進行場景測試。
投影片 19 花朵導引線動畫

64 在時間軸選取標題圖層，並按下「插入圖層」按鈕；將此圖層命名為「導引線」。
65 將「花朵 5」元件從元件庫拖曳至舞台內的遮色片（花朵4）上方；並使用「自由變形工具」將花朵5略為放大（使其較原遮色片圖形再大一些）。
66 在元件庫的「花朵5」預覽圖內按兩下滑鼠左鍵來進入元件編輯模式：在時間軸內先將「路徑」圖層解除鎖定，再使用「橡皮擦工具」來將舞台內的紅花下側塗抹出一個缺口。完畢後再將路徑圖層鎖定。
67 在時間軸點選回轉小花圖層；接著從元件庫內將「回轉小花」元件拖曳至舞台中（接續下頁…）。
投影片 20 花朵導引線動畫

68 執行「檢視 /貼齊」，並在選單中勾選「貼齊物件」。
69 在舞台內使用選取工具拖曳「回轉小花」實體的中心點，使其移至紅花左下角的缺口端點。
70 在時間軸回轉小花圖層的影格150按F6來插入關鍵影格，再將回轉小花實體拖曳至紅花右下角的缺口端點。
71 在回轉小花圖層的影格1-150之間執行「右鍵 /建立移動補間動畫」（接續下頁…）。
投影片 21 花朵導引線動畫

72 在時間軸選取「路徑」圖層，並執行「右鍵 /導引線」。
73 接著，將回轉小花圖層拖曳至「路徑」圖層之內，如此回轉小花圖層便可受到導引線的影響。
74 在時間軸左上角點選「場景2」，再執行「檢視 /前往 /場景1」來回到動畫起始處。最後按Ctrl +Enter來預覽全部動畫。

Flash8第3堂 (970617)

- 1 -
投影片 1 動畫播放
1 開啟「補間動畫.fla」檔。
2 若要檢視Flash動畫，可參照以下任一方式：
 使用滑鼠來拖曳「時間軸線」來逐格檢視。
 執行「控制 /播放」（Enter）：此時播放的影片速度不等於最後瀏覽者所看到的速度；且影片中若更互動部份（例：按鈕）則無法產生作用。
 執行「控制 /測試影片」（Ctrl +Enter）：使用Flash Player來播放動畫，此測試方式較為準確。
 執行「檔案 /發佈預覽 /預設」（F12）：使用網頁瀏覽器來預覽Flash動畫，此方式可摸擬最後影片發佈的效果。
投影片 2 移動影格

3 使用滑鼠先「點選」時間軸內的關鍵影格30，再「拖曳」此關鍵影格至影格15；如此猴子變成必頇在15個影格內（一秒）從舞台右側移動到左側，因此移動速度會加快。
 若直接在影格上使用滑鼠拖曳則會變成反白影格，而無法移動關鍵影格。
4 接著，重複上步驟來將關鍵影格60拖曳至影格30：如此猴子在影格30之後便會在原地不動。
投影片 3 縮短動畫

5 在時間軸反白猴子圖層影格31之後的所更影格，再執行「右鍵 /移除影格」：如此猴子至影格31之後就會消失不見。
 若要刪除關鍵影格，可在時間軸內點選關鍵影格後執行「右鍵 /清除關鍵影格」。
6 最後，利用滑鼠拖曳方式反白「草」及「背景」圖層內影格30之後的影格，並執行「右鍵 /移除影格」來縮短整個動畫。
投影片 4 延長影片

7 （方式一）在猴子圖層的影格40執行「右鍵 /插入影格」（快速鍵F5）：如此猴子至影格31之後仍會停留在舞台上，但不會移動位置。
8 （方式二）點選猴子圖層的關鍵影格30，並拖曳至影格40；如此猴子由左向右移動時會變得較慢。
 若要使猴子來回均為等速移動，可在時間軸內將關鍵影格15拖曳至影格20。
9 將猴子影格延長後，接著再至草與背景圖層的「影格40」中按下鍵盤的F5來補齊影格。
投影片 5 Flash動畫製作流程（方式一）

10 (1) 在舞台上繪製圖案。
11 (2) 將圖案執行「修改 /轉換成元件」。
12 (3) 將舞台上的實體新增關鍵影格來製作動畫。
投影片 6 Flash動畫製作流程（方式二）

13 (1) 執行「插入 /新增元件」：並在元件編輯模式內繪製圖案。
14 (2) 將製作好的元件從元件庫拖曳至舞台以成為實體。
15 (3) 替舞台上的實體新增關鍵影格來製作動畫。 投影片 7 簡易補間動畫製作
16 在時間軸左下角點選「插入圖層」按鈕。
17 在新圖層名稱上按兩下滑鼠左鍵，並重新命名為「雲」；接著將此圖層拖曳至猴子圖層之下（仍保持雲圖層為選取狀態）。
18 啟用「橢圓形工具」，將填色設為白色、筆畫為無；在舞台內繪製多個重疊的橢圓形來做為雲朵圖案。
19 使用選取工具點選雲朵，並執行「修改 /轉換成元件」：在對話框內名稱設為「雲朵」，類型設為「圖像」，按「確定」（接續下頁…）。
投影片 8 簡易補間動畫製作

20 使用「選取工具」在舞台內點選雲朵實體，並將其拖曳至舞台左側之外。
21 在時間軸雲圖層的影格40執行「右鍵 /插入關鍵影格」（快速鍵F6）；接著再使用選取工具將雲朵實體拖曳至舞台的右側之外。
22 最後，將滑鼠游標移至雲圖層影格1-40之間的任意一個影格，並執行「右鍵 /建立移動補間動畫」。
 若要移除補間動畫，可在雲圖層的影格1-40之間執行「右鍵 /移除補間動畫」。
投影片 9 複製影格

23 在時間軸內將雲圖層的關鍵影格40拖曳至影格120來延長動畫。
- 2 -
 若要在時間軸中一次顯示較多的影格，可在時間軸右上角點選選單按鈕，並設為「較小」選項。
24 在時間軸點選猴子圖層的圖層名稱來全選此圖層影格，再至影格上方執行「右鍵 /複製影格」。
25 接著，點選猴子圖層的影格41，執行「右鍵 /貼上影格」；完畢後再點選影格81，執行「右鍵 /貼上影格」來將猴子動畫延長至影格120。
26 最後，在草與背景圖層的影格120位置執行「右鍵 /插入影格」（快速鍵F5）來補齊影格。
投影片 10 發佈設定

27 執行「檔案 /發佈設定」，在對話框內可設定Flash動畫發佈的檔案格式：
 Flash：輸出為swf格式，此格式可內嵌動畫至網頁內。
 HTML：可配合swf檔一同發佈，以便在網頁瀏覽器內測試Flash動畫。
 GIF：勾選後可切換至GIF標籤，再勾選「動畫」選項來將動畫輸出成GIF圖檔。
 JPEG：將目前影格的影像匯出為圖檔。
 PNG：將目前影格的影像匯出為圖檔。
 Windows 放映檔：此類型的檔案不需要Flash Player也可以獨立播放。
28 設定完畢後，在對話框內按下「發佈」按鈕即可產生指定格式的檔案（或執行「檔案 /發佈」）。
畫投影片 11 透明度動

29 開啟「太空猴.fla」檔。
30 開啟元件庫，並將「太空猴」元件拖曳至舞台之右側。
31 在時間軸內的影格30執行「右鍵 /插入關鍵影格」（快速鍵F6）；接著再選取「背景」圖層，並在影格30執行「右鍵 /插入影格」（快速鍵F5）。
32 點選太空猴圖層的關鍵影格30，並在舞台內按住Shift鍵拖曳猴子實體至舞台的左側。
33 最後，將游標移至太空猴圖層的影格1-30之間，並執行「右鍵 /建立移動補間動畫」（接續下頁…）。
投影片 12 透明度動畫

34 在太空猴圖層的影格60按F6插入「關鍵影格」，並在影格30-60之間執行「右鍵 /建立移動補間動畫」。
35 在時間軸內選取背景圖層，並在影格60按F5來插入一般影格。
36 點選太空猴圖層的關鍵影格60，再至舞台內點選猴子實體；接著在屬性面板的顏色下拉選單中將Alpha值設為0，如此猴子實體會變為透明的狀態。
37 在太空猴圖層的影格35按F6插入關鍵影格；接著在舞台內點選猴子實體，並在屬性面板的顏色下拉選單選取「亮度」，同時將數值調至100%來將猴子實體轉為白色。
投影片 13 動畫變速

38 點選太空猴圖層的關鍵影格1；在「屬性面板」內可針對動畫設定加、減速效果。
 若將加/減速滑桿向上調為100（在外），則猴子在動畫結束時會更「減速」效果。
 若將加/減速滑桿向下調為 -100（在內），則猴子在動畫開始時會更「加速」效果。
投影片 14 進階變速設定

39 在Flash 8可針對補間動畫的加、減速進行進階設定；在屬性面板內點選「編輯」便可開啟動畫曲線圖，在曲線上可利用滑鼠拖曳來加強加速或減速之效果。
 橫向座標單位：時間（單位：影格）
 縱向座標單位：補間動畫的完成百分比。
40 若要將動畫曲線還原為直線狀態（即等速運動），則可在對話框內按下「重設」按鈕。
投影片 15 動態模糊效果

41 執行「檔案 /回復至上次儲存」。
42 在元件庫內選取太空猴元件，並執行「右鍵 /類型」：在子選單中點選「影片片段」。
43 將太空猴從元件庫拖曳舞台之右側，並在時間軸依序在影格20與影格60按F6插入關鍵影格；完畢後在時間軸內選取背景圖層，並在影格60按F5來插入一般影格。
44 點選太空猴圖層的關鍵影格60，並在舞台內按
- 3 -
住Shift鍵拖曳猴子實體至舞台的左側；接著在影格20-60之間執行「右鍵 /建立移動補間動畫」（接續下頁…）。
投影片 16 動態模糊效果

45 點選太空猴圖層的關鍵影格20，並在屬性面板內將加減速設為100。
 此處可按「編輯」按鈕來加強變速效果。
46 在太空猴圖層的影格21按F6插入關鍵影格。
47 在舞台內點選太空猴實體，並在屬性面板切換至濾鏡標籤：按「+」號按鈕來新增模糊濾鏡。
48 在「+」號按鈕右側先點選上鎖圖示來解除「等比例」，並將模糊X、Y值設為45和0；品質選單則設為「高」。
49 最後，按Enter來在舞台內測試動畫效果。
投影片 17 註冊點設定

50 開啟「搖頭猴.jpg」檔。
51 使用選取工具在舞台內框選猴子的頭部，並執行「修改 /轉換成元件」：在對話框的名稱欄鍵入「頭」，類型設為「圖像」，註冊點設在正下方，按「確定」。
52 確認猴子的頭部仍為選取狀態；在工具箱啟用「自由變形工具」，並在猴子頭部中央的圓點按兩下滑鼠左鍵；如此該圓點會自動移至註冊點上（接續下頁…）。
投影片 18 頭部搖晃動畫

53 依序在頭圖層的影格10、20、30、40按鍵盤的F6來插入關鍵影格。
54 在時間軸點選頭圖層的影格10，在舞台內使用自由變形工具將猴子的頭略做逆時針旋轉；接著點選頭圖層的影格30，並在舞台內使用自由變形工具將猴子的頭略做順時針旋轉。
55 在時間軸點選頭圖層的圖層名稱（如此可全選該圖層影格）；接著在影格內執行「右鍵 /建立移動補間動畫」。
56 最後，反白左手、右手及背景圖層的影格40，並按F5來補齊一般影格。設定完畢後按Enter鍵來測試動畫。
投影片 19 翹翹板動畫

57 開啟「翹翹板.fla」檔。
58 在工具箱啟用「自由變形工具」，在舞台內將翹翹板中央的圓點拖曳至翹翹板的軸心上。
59 在時間軸選點魚圖層，並依序在影格15, 30, 37, 60按F6插入關鍵影格。
60 點選魚圖層的影格15，並利用「自由變形工具」將翹翹板向左旋轉，使其左下角的端點觸及舞台下邊框；接著點選魚圖層的影格37，再將翹翹板向右旋轉，使其右下角的端點觸及舞台下邊框（接續下頁…）。
投影片 20 翹翹板動畫

61 在時間軸點選魚圖層的圖層名稱，並在影格內執行「右鍵 /建立移動補間動畫」。
62 在時間軸選點魚圖層的關鍵影格1，並在屬性面板內將「加/減速」欄設為-100以產生加速下墜效果。
63 接著，再將關鍵影格30的加/減速欄設為-100。
投影片 21 圖層註解

64 在時間軸左下角點選「插入圖層」按鈕，並命名為「註解」；接著點選此圖層的影格1，並在屬性面板的影格標籤欄鍵入「//加減速欄設為-100」。
65 在註解圖層的影格30處按F6來插入關鍵影格，並同樣在屬性面板的影格標籤欄鍵入與影格1相同的註解文字。
投影片 22 簡易影格動畫

66 在時間軸內將所更隱藏的圖層設為顯示狀態（點選圖層的眼睛圖示）。
67 在時間軸選點猴子圖層，並依序在影格15, 30, 37, 60按F6插入關鍵影格。
68 點選猴子圖層的影格15，並使用選取工具來將猴子移至魚的頭上；接著再將影格37的猴子同樣移至魚的頭上。
69 在時間軸點選猴子圖層的圖層名稱，並在影格內執行「右鍵 /建立移動補間動畫」。
70 在時間軸選點猴子圖層的關鍵影格1，並在屬性面板內將「加/減速」欄設為-100；接著再將關鍵影格30的加/減速欄同樣設為-100（接續下頁…）。
- 4 -
投影片 23 簡易影格動畫

71 在時間軸選點猴子圖層，並依序在影格36、38、39、40按F6插入關鍵影格。
72 在時間軸選點猴子圖層關鍵影格37（翹翹板落地之影格）；接著在舞台內點選猴子實體，並使用自由變形工具按住Alt鍵來向下拖曳猴子的上邊框，使猴子略為變矮。
73 選點猴子圖層關鍵影格39，並使用自由變形工具按住Alt鍵來向上拖曳猴子實體的上邊框，使猴子略為變高。
74 最後，按Ctrl +Enter來測試整個翹翹板動畫。