2008年6月12日 星期四

Flash8第2堂 (970612)



















- 1 -
投影片 1 墨水瓶工具
1 開啟「模型猴.fla」檔。
2 在工具箱啟用「墨水瓶工具」,並在屬性面板將填色設為黑色、筆畫高度設為2。依序在舞台內的模型架的內、外側點選邊緣來加上黑色輪廓3 啟用「選取工具」,在舞台內點選模型架的填色部份,再按Delete來做出挖空的效果。
投影片 2 圖形簡易變形

4 若要將圖形輪廓做簡易的變形、彎曲,可在工具箱啟用「選取工具」後,在舞台內直接拖曳圖形邊緣即可(例:把猴子的手臂肌肉變粗)。
 若按住Ctrl鍵拖曳圖形邊緣則會產生較銳利的彎曲變形。
投影片 3 選取細部工具

5 此時若使用滑鼠點擊節點時,節點兩側會出現一對控制桿;利用控制桿可調整曲線的角度。
 按住Alt可獨立調整單邊的控制桿,如此可產生尖銳的邊角。
 按住Alt拖曳節點可將邊角再轉回圓角。
投影片 4 增刪節點

6 在工具箱啟用「鋼筆工具」:此時在路徑任意處點選滑鼠左鍵可「新增節點」。
7 若要刪除節點,可參照以下任一步驟:
 使用「鋼筆工具」在節點上點選一次可「刪除控制桿」(會顯示邊角游標);點選第二次則可「刪除節點」(會顯示減號游標)。
 使用「選取細部工具」選取節點後,再按「Delete」亦可將節點刪除。
投影片 5 氣球繪製

8 開啟「園遊會.fla」檔。
9 在工具箱啟用「橢圓形工具」;將筆畫設為黑色、填色設為紅色,接著在舞台內繪製一橢圓形來預備做為氣球。
10 在工具箱啟用「鋼筆工具」:將筆畫設為黑色,填色設為紅色;接著在舞台內利用點擊方式繪製出一個封閉的三角形。
 注意繪製最後一個節點時,須確認滑鼠游標的右下角更出現圓形圖示,代表路徑會被封閉起來。
11 使用選取工具在三角形的內側按兩下滑鼠左鍵來選取圖形,並移至氣球的右下角做為氣球的綁結。
投影片 6 鋼筆工具其它繪製技巧

12 若要使用鋼筆工具繪製曲線,可在繪製節點時按住滑鼠左鍵不放拖曳,便可產生調整曲線所需的控制桿。
13 使用鋼筆工具繪製開放線段時(非封閉圖形),若要結束繪製可按鍵盤的ESC鍵;如此便可再繪製新的路徑。
投影片 7 筆刷工具 – 繪製填色

14 若要繪製氣球的陰影部位,可參考以下任一操作步驟:
15 (方法一)在工具箱啟用「筆刷工具」,將填色設為深紅色,並在工具箱下側更換筆刷造型為「斜向扁平筆刷」,繪製模式為「繪製填色」。
16 接著,在舞台的氣球左下角開始描繪氣球陰影;繪製完畢後使用選取工具點選氣球之外的填色,並按Delete鍵刪除圖形。
投影片 8 筆刷工具 – 繪製選取範圍

17 (方法二)使用「選取工具」點選舞台內的氣球填色部位。
18 在工具箱啟用「筆刷工具」,並將繪製模式設為「繪製選取範圍」:接著在氣球左下角開始描繪氣球陰影,如此只更原先選取的氣球填色部份才會顯示筆刷繪製的圖形。
19 筆刷工具的其它繪製模式:
 在後面繪製:可將圖形繪製在目前圖形的後方。
 在裡面繪製:可將圖形繪製在一個封閉的圖形區域(繪製時必須從封閉圖形的內側開始落筆)。
投影片 9 橡皮擦工具

20 使用工具箱的「橡皮擦工具」時,亦可在工具箱底端設定以下擦除選項:
 一般擦除:可擦除圖形的填色與筆畫。
 擦除填色:只擦除圖形的填色。
 擦除線段:只擦除圖形的筆畫。
 擦除選取的填色:只擦除選取的填色。
- 2 -
 擦除內部:只擦除封閉圖形的內側填色(擦除時必須從封閉圖形的內側開始落筆)
 水龍頭:可一次刪除圖形的所更填色或所更筆畫。
投影片 10 氣球陰影製作 – 方法三

21 (方法三)使用「選取工具」點選氣球的填色部位,並按住Ctrl鍵向右上拖曳來進行複製;接著使用工具箱的「任意變形工具」來將複製的氣球略為放大。
22 使用「選取工具」點選原氣球內的填色,並利用屬性面板改設為深紅色;接者再點選原氣球的筆畫(不包含填色區塊),並執行「修改 /群組」。
23 使用「選取工具」將複製的氣球拖曳回原氣球的右上方來使兩圖形部份重疊,以留出原氣球的左下側來做為陰影區塊(接續下頁…)。
投影片 11 氣球陰影製作 – 方法三

24 使用「選取工具」點選原先已群組的氣球筆畫,並執行「修改 /解散群組」;接著再點選氣球外側的填色後按「Delete」鍵。
25 在工具箱啟用「筆刷工具」,將填色設為白色、筆刷形狀設為圓形、繪製模式為「一般繪製」:在氣球上繪製一小圓點來做為氣球上的反光。
投影片 12 新增元件

26 使用「選取工具」框選整個氣球,並執行「修改 /轉換為元件」(快速鍵F8):在對話框內的名稱欄鍵入「氣球」,類型為「圖像」。按「確定」。
 註冊點是ActionScript語法用來控制元件位置的中心點。
 若執行「插入 /新增元件」(Ctrl +F8)可繪製新元件;而非轉換現更的圖形為元件。
投影片 13 新增實體至舞台

27 當圖形轉換為元件後,該圖形會出現在「元件庫」內;若要顯示元件庫可執行「視窗 /元件庫」(快速鍵Ctrl +L)。
28 在元件庫內反白「氣球」元件名稱,並從元件庫的縮圖內將氣球拖曳至舞台中間的猴子上方。
 在舞台內的元件稱之為「實體」(Instance),一個元件(Symbol)可以重複在舞台內產生多個實體,也不會讓Flash檔案變大。
29 最後,從元件庫內再拖曳一個氣球元件至舞台右側的猴子上方。
投影片 14 編輯元件

30 使用「選取工具」在舞台任意點選一個氣球實體,並執行「右鍵 /編輯」:如此會進入元件編輯模式。
 亦可在元件庫的縮圖上方按兩下滑鼠左鍵。
31 在工具箱啟用「油漆筒工具」,並將氣球任意變更填色;完畢後在時間軸左上角點選「場景1」來回到舞台,此時舞台內的三個氣球都會變更為同一顏色。
投影片 15 對齊面板

32 開啟「元件製作.fla」檔。
33 使用選取工具框選舞台內的猴子圖形,並執行「修改 /轉換為元件」(快速鍵F8):將元件命名為「猴子」,類型為「圖像」。按「確定」。
34 在舞台內按住Ctrl鍵不放拖曳猴子,來複製出另外兩個猴子實體。
35 使用選取工具框選三隻猴子;接著執行「視窗 /對齊」來開啟對齊面板。在面板內先啟用「對齊舞台」後,再按下「對齊垂直中心」按鈕。
36 最後,在對齊面板內取消「對齊舞台」功能,再按下「以水平中心平均分散」。
投影片 16 自由變形工具

37 在舞台內使用選取工具任選一隻猴子實體,並執行「右鍵 /編輯」來進入元件編輯模式。
38 在元件編輯模式內框選整隻猴子,並在工具箱啟用「自由變形工具」。此工具可提供圖形以下變形方式:
 旋轉:將滑鼠移至邊框端點上可旋轉圖形;若按住Shift鍵則可固定至45或90度。
 斜切:拖曳邊框可產生傾科效果,若按住Alt鍵拖曳則可使另一邊框線朝反方向移動。
 縮放:按住Alt鍵可進行中心縮放;按Shift鍵則可解除等比例縮放。
 扭曲:拖曳邊框控制點時可產生扭曲變形(Distort);若按住Shift鍵拖曳控制點則可產生透視變形(Perspective)。
 分封線:邊框控制點會顯示「控制桿」來調
- 3 -
整變形角度;若按住Alt鍵拖曳控制桿則可產生邊角。
39 最後,在舞台空白處按兩下滑鼠左鍵來回到「場景1」,此時所更的猴子都已產生變形。
投影片 17 新元件庫面板

40 若要將某文件的元件移動至另一個文件內,可參照以下任一種方式:
41 (方式一)開啟「元件庫.fla」檔。
42 執行「檔案 /開新檔案」來新增空白Flash文件,接著點選「元件庫」右上角的「新元件庫面板」按鈕,並在新元件庫內利用下拉選單切換至「元件庫.fla」文件,
43 最後,利用滑鼠拖曳的方式來將「元件庫」內的元件拖曳至新文件的「元件庫」即可。 投影片 18 開啟外部元件庫
44 (方式二)執行「檔案 /開新檔案」來新增空白Flash文件。
45 執行「檔案 /匯入 /開啟外部元件庫」:在對話框中點選「元件庫.fla」文件,再按「開啟」按鈕。
46 接著,利用滑鼠拖曳的方式來將「元件庫」內的元件拖曳至新文件的「元件庫」即可。
 但此種方式無法將目前文件的元件移動至「元件庫.fla」文件內。 投影片 19 元件繼承
47 開啟「元件庫.fla」檔。
48 使用選取工具點選舞台內的任一隻猴子,並執行「右鍵 /編輯」;接著從元件庫內拖曳「衣服」元件至猴子身上。
49 重複上步驟,從元件庫內拖曳「褲子」元件至猴子身上;並執行「右鍵 /排列 /向後移」來將褲子移至衣服之後。
50 在舞台空白處按兩下滑鼠左鍵來回到「場景1」;此時兩隻猴子皆已穿上衣服與褲子(接續下頁…)。 投影片 20 元件繼承
51 使用選取工具點選舞台左側的猴子,並執行「修改 /轉換成元件」:在對話框內的名稱欄鍵入「猴子二世」,按「確定」。
52 在猴子二世的實體上執行「右鍵 /編輯」,並從
元件庫內拖曳「大衣」元件至猴子身上。
53 在舞台空白處按兩下滑鼠左鍵來回到「場景1」;此時僅更左側的猴子已穿上大衣(接續下頁…)。
投影片 21 元件繼承

54 使用選取工具點選舞台左側的猴子,並執行「右鍵 /編輯」:此時點選猴子的褲子,並按Delete鍵刪除。
55 在舞台空白處按兩下滑鼠左鍵來回到「場景1」;此時兩隻猴子的褲子會一同消失。 投影片 22 元件庫資料夾
56 若元件庫內更過多的元件,可在元件庫底端點選「新增資料夾」按鈕,鍵入資料夾名稱後按Enter鍵。
57 接著,便可在元件庫內利用滑鼠拖曳的方式來將元件置於資料夾內以方便管理。 投影片 23 Flash文字類型
58 Flash更兩種建立文字的方式:
 標題文字:使用「文字工具」在文件內點一下滑鼠左鍵產生文字游標,再輸入文字。
 段落文字:使用「文字工具」在文件內拖曳滑鼠產生文字框後再輸入文字。
投影片 24 標題文字練習

59 開啟「文字工具.fla」檔,並在工具箱啟用「文字工具」。
60 在屬性面板內將字型設為Verdana、色彩為白色、大小24:接著在文件下側點一下滑鼠左鍵產生文字游標,再鍵入It’s time to party !。 投影片 25 轉換文字類型
61 若要將標題文字轉換為段落文字,可使用滑鼠拖曳文字方塊右上角的圓點來指定文字框的寬度;如此該圓點會轉為「矩形」形狀,且超出文字框寬度的文字會自動換行。
62 若在段落文字右上角的矩形上按兩下滑鼠左鍵,則矩形會轉換回圓形,且文字邊框會隨著文字增多而變寬。
投影片 26 文字屬性

63 使用選取工具在舞台內點選文字。在屬性面板內除了字型、顏色等基本外觀之外,尚可針對文字
- 4 -
進行以下設定:
 字元間距:可調整文字之間的距離。
 字元位置:可將文字設為上標或下標。
 編輯格式選項:可針對段落文字設定縮排、行距、左右邊界。
 更改文字方向:可產生直排文字。
 旋轉:將英文、數字字母旋轉90度。 投影片 27 字體顯示方式
64 在屬性面板內可針對文字設定以下不同的「字體顯示方式」選項:
 使用裝置字體:此設定不會內嵌字型至SWF檔,如此可使輸出的檔案變小;但在別台電腦更可能因缺乏對應字型而使文字產生不預期變化。
 點陣字(無消除鋸齒):字體邊緣不會套用反鋸齒效果,適用於小字體。
 消除動畫鋸齒:此設定適用於動畫字體。
 消除鋸齒增加易讀性:此設定會套用反鋸齒功能,且適用於較小的文字。
 自訂消除鋸齒:可自行輸入反鋸齒的粗細及清晰度數值。
投影片 28 文字打散

65 使用選取工具在舞台內點選文字,並執行兩次「修改 /打散」:第一次打散會將文字分割,第二次則會將文字圖形化。
66 在工具箱啟用「直線工具」,將筆畫設為黑色、粗細設為1;接著在舞台內繪製一穿越文字的斜線。
67 在工具箱啟用「油漆筒工具」,將填色設為淺灰色;接著在舞台內將每一個分割的字母上任意填上顏色。
68 最後,在斜線上方按兩下滑鼠左鍵將其選取,再按Delete鍵刪除。 投影片 29 在原地編輯
69 開啟「漸層色設定.fla」檔。
70 在舞台上對著火箭實體按兩下滑鼠左鍵進入元件編輯模式:如此可使用舞台為背景來進行編輯(接續下頁…)。
 亦可在火箭上方執行「右鍵 /在原地編輯」。
投影片 30 漸層色套用

71 執行「視窗 /調色盤」來開啟該面板:在面板內先點選「油漆筒」圖示,再至類型下拉選單中選取「線性」。
72 在調色盤左下角的色標上按兩下滑鼠左鍵,將顏色設定為白色;接著重複上步驟將右下角的色標設為紅色。
 若要設定顏色的透明度可調整Alpha值。
73 在白色與紅色色標的中間按一下滑鼠左鍵來新增色標,並將其設定為黃色。
 若要刪除色標,可將色標拖曳至色帶之外。
74 最後,在工具箱啟用「油漆筒工具」,並在火箭的火焰上拖曳便可產生漸層色。
投影片 31 填色變形工具

75 若要調整漸層色的大小、角度、位置等外觀,可在舞台內點選帶更漸層色的圖形後,再至工具箱啟用「填色變形工具」;接著再至圖形上拖曳填色變形的控制點即可。
 設定填色變形時,可在調色盤套用不同的「溢出」選項:如此可變更漸層色重複的方式。 投影片 32 鎖定填色
76 在調色盤上將填色類型改為「放射狀」;接著使用「油漆筒工具」在任意一個火焰圖形上按滑鼠左鍵來套用放射狀漸層。
77 在工具箱按下「鎖定填色」功能:此時若替第二個、第三個火焰上漸層色時,火焰會延續第一個火焰的漸層色分佈。
投影片 33 點陣圖填色

78 開啟「點陣圖.fla」檔。
79 在調色盤的「類型」下拉選單選取「點陣圖」,並在對話框內點選「材質.jpg」圖檔,再按「開啟」按鈕。
80 接著,在工具箱啟用「油漆筒工具」,再至舞台內的猴子上方點選要套用材質的部位即可。
81 若要縮放材質圖案的大小,可在工具箱啟用「填色變形工具」,再至舞台內拖曳填色變形的控制點來進行調整。
投影片 34 打散點陣圖
82 執行「檔案 /開新檔案」來新增Flash文件,並
- 5 -
執行「修改 /文件」來任意更改背景顏色。
83 執行「檔案 /匯入 /匯入至舞台」,在對話框內點選「猴子.gif」圖檔,再按「開啟」按鈕。
84 使用選取工具點選剛載入的猴子點陣圖,並執行「修改 /打散」(接續下頁…)。 投影片 35 魔術棒
85 在工具箱啟用「套索工具」,並在工具箱底端點選「魔術棒屬性」按鈕:在對話框內的平滑化下拉選單選取「像素」。按「確定」。
 魔術棒屬性的對話框內亦可設定臨界值;此值可鍵入0-200之間的數值,數值愈高則可魔術棒可選取顏色範圍也愈廣。
86 點選「魔術棒屬性」左側的「魔術棒」按鈕,再至舞台內點選猴子的白色背景,再按Delete鍵刪除。
投影片 36 點陣轉向量圖

87 執行「檔案 /開新檔案」來新增Flash文件。
88 執行「檔案 /匯入 /匯入至舞台」,在對話框內點選「猴子.gif」圖檔,再按「開啟」按鈕。
89 將猴子圖檔執行「修改 /點陣圖 /轉換成向量圖」,在對話框內可進行以下設定:
 色彩臨界值:值愈大則代表即使色彩愈容易被轉成同一色,因此愈容易失真。
 最小區域:數值愈低則精確度愈高,但所需轉換時間也愈久。
 曲線符合:若設定愈平滑則失真度愈高。
 轉角臨界值:若設定折角愈少則失真度愈高。

沒有留言: