lesly 2008-7-14 04:15 PM
關於Flash教學
[b][color=Red]Lesly：[/color][/b]一直想學FLASH，直到最近才下載了FLASH軟件。
當我打開後才發現不簡單，於是到處找FLASH教學的網站，但大多是英文。我的英文是半桶水的有限公司，可能半桶水還不到，所以無法學習。
今天找到這個網站的教材，我將會逐步轉貼過來，讓有興趣的朋友一起學習和交流。
假如本論壇有FLASH高手，希望能多發表一些教材。
以下轉貼：
[align=center][b][size=5][color=#3333cc]Flash操作環境介紹[/color][/size][/b][/align] Flash 8 的操作環境最大的特點在於所有工具的"面板化"。在 Flash 8 中，可摺疊的面板取代了早期舊版的標籤式面板，另外，[b]屬性[/b]面板，整合了許多舊面板的功能，並與其他 Macromedia 產品操作介面一致化。
[align=center][img=600,400]http://web.chsh.chc.edu.tw/computer/flash/op.gif[/img][/align] 如上圖，[b]主功能表[/b]是存放操作命令的地方；[b]工具面板[/b]提供各種繪圖工具以方便繪製向量圖形；下方的[b]屬性面板[/b]在點選「影格、圖塊、編輯區、繪圖工具」後，會立刻出現所需的輔助工具；右方的輔助面板則提供各種排版、調色、作圖、動畫的細部編修等相關的面板。如果要開啟某一特定的面板，可由「視窗」中點選，若想[color=#0066ff]快速關閉或開啟工作環境中的所有面板只要按下「F4」鍵就可以了 。[/color]利用「[b]顯示比例[/b]」控制區，則可以調整舞台顯示比例。
lesly 2008-7-15 01:50 AM
[align=center][b][size=5][color=#3333cc]面板的操作[/color][/size][/b][/align]一、摺疊與展開面板
[align=center][img=527,268]http://web.chsh.chc.edu.tw/computer/flash/panel0.gif[/img][/align]二、開啟與關閉面板
由主功能表[b]『視窗』[/b]底下可重新開啟或關閉面板
另一個關閉面板的方法則是在面板標題列上按右鍵，點選[b]「關閉面板」[/b]
[align=center][img=218,223]http://web.chsh.chc.edu.tw/computer/flash/panel1.gif[/img][/align]
三、移動面板
拖曳面板標題列左側的移動把手[img=12,20]http://web.chsh.chc.edu.tw/computer/flash/panel2.gif[/img]，即可移動面板，調整位置
四、儲存面板版面配置
執行[font=新細明體]『[b]視窗[/b][/font][b]」→「[/b][font=新細明體][b]儲存面板版面[/b]』，可儲存目前的操作環境配置[/font]
[align=center][img=291,119]http://web.chsh.chc.edu.tw/computer/flash/panel3.gif[/img][/align] 以後只要執行[font=新細明體]『[b]視窗[/b][/font][b]」→「[/b][font=新細明體][b]面板集[/b]』，即可選用您自訂的面板配置或預設的面板配置[/font]
lesly 2008-7-15 02:38 AM
[align=center][b][size=4][color=#3333cc]Flash 動畫的基本概念[/color][/size][/b][/align] Flash動畫具備了五樣重要的元素，那就是：影片(Movie)、場景(Scene)、圖層(Layer)、影格(Frame)、元件(Symbol)，當然更少不了你這位導演了。
[list][*][color=#ff0000]元件(Symbol)[/color]：動畫上各式各樣的圖片或文字，亦可翻譯為"角色"。[*][color=#ff0000]影格(Frame)[/color]：像卡通影片中每一個人物的各個分解動作，而每個分解動作畫面就是一個影格，在Flash中是以時間軸來表示其影格。[*][color=#ff0000]圖層(Layer)[/color]：由數個影格所組成，它記錄著每一個元件所要進場演出的時間及出場時間。[*][color=#ff0000]場景(Scene)[/color]：場景包含了所有製作動畫的基本設定，例如動畫的尺寸、背景色。[*][color=#ff0000]影片(Movie)：[/color]整個動畫要如何演出必須在你的腦中構思成形，並且排練過一遍，再藉由Flash驚人的技術將之表現出來，因此要設計一個可看性高的動畫應將整個細節紀錄下來，將有助於動畫的製作。[/list]
[align=left]Flash[font=新細明體]的動畫類型可區分為兩大類；分別是[/font][font=新細明體]『連續影格動畫』（[/font]Frame-by-Frame Animation[font=新細明體]）[/font][font=新細明體]與『漸變動畫[/font][font=新細明體]』[/font][font=新細明體]（[/font]Tweening Animation[font=新細明體]）[/font][font=新細明體]。[/font][/align] [list=1][*] [font=新細明體]『連續影格動畫』的製作必須手動的修改每一個關鍵影格處的元件圖形，再利用逐格播放的方式來產生動畫的效果，製作上較為繁瑣。[/font]
[/list][align=center][align=center] [img=425,142]http://web.chsh.chc.edu.tw/computer/flash/1.htm2.gif[/img]
[font=新細明體]圖一[/font]
[font=新細明體]連續影格動畫的時間軸[/font][/align][/align]
[list=1][*] [font=新細明體]『漸變動畫』的製作是屬於較為簡單的一種，主要是利用「起點」和「終點」兩個關鍵影格中元件的變化來產生動畫效果。我們所要做的事，只是設定兩個關鍵影格處的元件變化，[/font]Flash[font=新細明體]會自動的轉換關鍵影格間的圖形。[/font]
[/list][align=center][align=center] [img=425,141]http://web.chsh.chc.edu.tw/computer/flash/1.htm1.gif[/img]
[font=新細明體]圖二[/font]
[font=新細明體]漸變動畫的時間軸[/font][/align][/align]
lesly 2008-7-15 02:38 AM
[align=center][size=4][color=#3333cc][b]動 畫 製 作 流 程[/b][/color][/size][/align]一、製作 Flash 動畫的流程：
1.設計角色及場景。
2.繪製每一角色 (包含背景、圖像、按鈕、聲音等)。
3.製作動畫
4.測試所作的動畫及各項連結
5.輸出成動畫或出版成網頁
二、設定舞台尺寸：
製作 Flash 動畫之前，首先我們要開一個新的影片檔，請點選主功能表的「檔案」→「開新檔案」。
舞台是將來所呈現的畫面，對將來作好的動畫而言是很重要的。[color=#aa0000]Flash 預設的舞台尺寸是 550 px X 400 px，舞台尺寸的設定範圍最小是18 px X 18 px，最大不能超過 2880 px X 2880 px。[/color]要設定舞台的尺寸與其他設定，可執行功能表的「修改」→「文件」。如下圖所示，修改完畢後按「確定」按鈕即可。
[align=center][img=372,208]http://web.chsh.chc.edu.tw/computer/flash/flow1.gif[/img]
[/align]【註】：[color=#aa0000]在影片中，不論你作了多少個場景，每個場景的舞台尺寸都是一樣的。[/color]
[align=left]三、儲存及輸出動畫[/align][align=left] 影片製作完成之後，首先當然是把檔案儲存起來，可供以後修改。請點選主功能表的「檔案」→「儲存檔案」；[color=#aa0000]儲存過後的原始檔，副檔名為 *. fla。[/color] [/align][align=left] 若要將作好的影片放入網頁中或其它應用軟體，則須將動畫輸出為 Shockwave 電影檔及其它相關檔案，此時，請[color=#0000ff][b]執行功能表的「檔案」→「發佈設定」[/b][/color]，出現以下的畫面。[/align][align=center][img=539,409]http://web.chsh.chc.edu.tw/computer/flash/flow2.gif[/img]
[/align][align=left] 上圖中可設定該影片要輸出的類型，有電影檔（*.swf）、網頁檔（*.html）、圖形檔（*.gif; *.jpg; *.png）、Windows及麥金塔電腦的放映檔…等。只要您想輸出該類型的檔案，則在該核取盒上打勾即可。若想修改輸入檔案的名稱，請將「使用預設名稱」前的打勾取消，再鍵入欲輸出的檔案名稱即可。[/align] [align=left] 設定完畢後，按「確定」按鈕即完成設定，此畫面會消失，但不會輸出檔案。必須再[color=#0000ff][b]執行主功能表的「檔案」→「發佈」後，才會輸出勾選的檔案。[/b][/color]若按「發佈」按鈕，則會直接輸出勾選的檔案。[/align] 在動畫製作過程中，您可以[color=#aa0000]隨時按 Ctrl + Enter，測試該影片播放的結果[/color]。
lesly 2008-7-15 02:39 AM
[align=center][size=5][color=#3333cc][b]影格與圖層的判別[/b][/color][/size][/align]一、影格的類型
[table=90%] [tr] [td] [table=98%] [tr] [td=1,1,5%][img=24,25]http://web.chsh.chc.edu.tw/computer/flash/frame-1.gif[/img][/td] [td]關鍵影格（動畫中具有關鍵性
內容的影格）[/td] [td]實心圓點，表示該影格中含有物件。[/td] [/tr] [tr] [td][img=11,23]http://web.chsh.chc.edu.tw/computer/flash/frame-2.gif[/img][/td] [td]空白關鍵影格[/td] [td]空心圓點，表示該影格中沒有任何物件。其作用為清空前一關鍵影格中的物件或用來加入ActionScript、聲音檔等。[/td] [/tr] [tr] [td=1,1,5%][img=50,21]http://web.chsh.chc.edu.tw/computer/flash/frame-3.gif[/img][/td] [td]一般影格[/td] [td]關鍵影格和空白關鍵影格以外的影格，用來延續前一個關鍵影格或空白關鍵影格的內容。一般影格 是沒有辦法被選取、調整、移動的。[/td] [/tr] [tr] [td][img=89,37]http://web.chsh.chc.edu.tw/computer/flash/frame-7.gif[/img][/td] [td]結束影格[/td] [td]空心小方格。關鍵影格與關鍵格（或空白關鍵影格）之間動畫的最後一格，僅為標記作用，好讓設計者容易辨識。[/td] [/tr] [tr] [td=1,1,5%][img=50,23]http://web.chsh.chc.edu.tw/computer/flash/frame-4.gif[/img][/td] [td]移動補間動畫 ( Motion Tweening )[/td] [td=1,2]兩個關鍵影格之間 若有設定 補間動畫， 其間的影格會有一道箭頭，並且以 淡紫色 來代表移動補間， 淡綠色 來代表形狀補間。[/td] [/tr] [tr] [td=1,1,5%][img=50,19]http://web.chsh.chc.edu.tw/computer/flash/frame-5.gif[/img][/td] [td]移動補間動畫 ( Shape Tweening )[/td] [/tr] [tr] [td][img=49,19]http://web.chsh.chc.edu.tw/computer/flash/frame-6.gif[/img][/td] [td] [/td] [td]虛線表示 關鍵影格 所設定的 補間動畫 有錯誤產生[/td] [/tr] [/table] [/td] [/tr] [/table]
二、圖層的狀態設定
[align=center][img=315,138]http://web.chsh.chc.edu.tw/computer/flash/layer.gif[/img][/align][list][*] [color=#800000]作用中圖層[/color]：目前正在進行編輯的圖層
[*] [color=#800000]被隱藏圖層[/color]：該圖層中的物件不會顯示出來
[*] [color=#800000]被鎖定圖層[/color]：該圖層中的物件無法被修改，可用來保護已設計好的圖層內容
[*] [color=#800000]外框顯示[/color]：將圖層中的物件以外框線條顯示，可用來了解內容較複雜的動畫中，各圖層物件的相對位置
[/list]
lesly 2008-7-15 02:41 AM
[align=center][size=4][color=#0000ff]建立移動補間動畫（Motion Tweening）[/color][/size][/align] 步驟一：開啟範例檔 test.fla ([url=http://web.chsh.chc.edu.tw/computer/flash/test.fla]下載[/url]) 步驟二：設定影片之文件屬性
點選主功能表[b]「修改」→「文件」[/b]，決定影片的大小及背景顏色。
步驟三：由[b]「[/b][font=新細明體][b]元件庫[/b]』 面板中找出這個練習中所需要的元件[/font]
步驟四：設定起始關鍵影格
[font=新細明體]將「[/font]Mouse[font=新細明體]」元件拖曳到場景的左上角。[/font]
步驟五：[font=新細明體]設定結束關鍵影格[/font]
[font=新細明體]在[/font]Flash[font=新細明體]的預設值中，每秒鐘會播放[/font]12[font=新細明體]個影格，如果我們預計三秒鐘完
成這個動畫的播放，那麼我們必須在時間軸上[/font]36[font=新細明體]影格的位置按右鍵，
選擇『插入關鍵影格』，請將元件拖曳到場景的右下角。[/font]
步驟六：移動補間動畫的設定
在第一影格上點一下，然後由下方的屬性面板設定[b]「移動」[/b]補間動畫
[align=center] [img=380,136]http://web.chsh.chc.edu.tw/computer/flash/motion.gif[/img][/align] 步驟七：點選移動補間動畫之[color=#ff0000]起始影格[/color]，在屬性面板中還可設定旋轉與加減速的
效果
[align=center] [img=379,136]http://web.chsh.chc.edu.tw/computer/flash/motion2.gif[/img][/align] 步驟八：點選關鍵影格中的實體(元件的分身)，利用下列方式可讓整個動畫產生更多變化
[list][*][url=http://web.chsh.chc.edu.tw/computer/flash/arrow.htm#freetransform]自由變形[/url][*][url=http://web.chsh.chc.edu.tw/computer/flash/instance.htm]設定顏色效果[/url][*][url=http://web.chsh.chc.edu.tw/computer/flash/filter.htm]套用濾鏡特效[/url][/list]
步驟九：按 Ctrl + Enter 測試影片
lesly 2008-7-15 02:42 AM
[align=center][size=4][color=#0000ff]移動補間動畫v.s.形狀補間動畫[/color][/size][/align]Flash的補間動畫分成「移動補間動畫」(Motion Tweening) 和「形狀補間動畫」(Shape Tweening)。兩者的特性如下：
[align=center] [table=550] [tr] [td=1,1,80] [align=center] [color=#000080]動畫類型[/color] [/align] [/td] [td] [align=center][color=#ff0000]移動補間[/color][/align][/td] [/tr] [tr] [td=1,1,80] [align=center] [color=#000080]作用對象[/color] [/align] [/td] [td] [align=center] 實體,群組物件,文字元件 [/align] [/td] [/tr] [tr] [td=1,1,80] [align=center] [color=#000080]動畫效果[/color] [/align] [/td] [td] [list][*] [align=left]移動,縮放,加減速,旋轉 [/align][*] [align=left]色彩漸變 [/align][*] [align=left]自訂移動路徑 [/align][/list] [/td] [/tr] [tr] [td=1,1,80] [align=center][color=#000080]作用條件[/color][/align][/td] [td] [list=1][*] [align=left]動畫的頭尾影格中，只能有一個實體 群組物件或是文字元件 [/align][*] [align=left]必須作用在相同的物件，才能創造出個體移動或縮放的效果 [/align][*] [align=left]頭尾影格中最好不要有圖像物件存在 [/align][/list] [/td] [/tr] [/table] [/align] [indent] [indent] [indent] [font=新細明體][size=12pt]※[/size][/font][color=#ff0000]實體[/color](Instance)好比是元件的分身
[/indent] [/indent][/indent][align=center] [table=550] [tr] [td=1,1,80] [align=center] [color=#000080]動畫類型[/color] [/align] [/td] [td] [align=center][color=#ff0000]形狀補間[/color][/align][/td] [/tr] [tr] [td=1,1,80] [align=center] [color=#000080]作用對象[/color] [/align] [/td] [td] [align=center] 圖像物件 [/align] [/td] [/tr] [tr] [td=1,1,80] [align=center] [color=#000080]動畫效果[/color] [/align] [/td] [td] [list][*] [align=left]形狀漸變,色彩漸變 [/align][*] [align=left]移動,縮放,加減速 [/align][/list] [/td] [/tr] [tr] [td=1,1,80] [align=center][color=#000080]作用條件[/color][/align][/td] [td] [list=1][*] [align=left]若作用在相同的圖像物件上，可以創造出物體移動或縮放的效果 [/align][*] [align=left]若作用在不同的圖像物件上，可以創造形狀漸變或色彩漸變的效果 [/align][*] [align=left]頭尾影格中最好不要有實體,群組物件以及文字物件存在 [/align][/list] [/td] [/tr] [/table] [/align][indent] [indent] [indent][color=#ff3399] [/color][font=新細明體][size=12pt]※[/size][/font]凡是未轉換成元件，非文字也非群組物件，可隨時用工具箱的各項工具
修改內容者，都稱為[color=#ff0000]圖像物件[/color](Shape)
[/indent] [/indent]【[b]總結[/b]】[b]移動補間動畫[/b] 與 [b] 形狀補間動畫[/b] 最大的差異在作用對象的不同，移動補間動畫必須作用在實體、群組物件、文字元件上，而形狀補間動畫則須作用在圖像物件上。至於兩者可以製作的動畫效果則大同小異，若要各選出一個最具代表性的效果，那就是移動補間動畫的自訂路徑動畫與形狀補間動畫的形狀漸變囉！
[/indent]
lesly 2008-7-15 02:43 AM
[align=center][size=4][color=#0000ff]常用快速鍵列表[/color][/size][/align][align=center] [table=315] [tr] [td=1,1,80] [align=center] [color=#800000]快速鍵[/color] [/align] [/td] [td] [align=center][color=#800000]功能[/color][/align][/td] [/tr] [tr] [td=1,1,80] [align=center] [color=#ffffff]Ctrl + B[/color] [/align] [/td] [td=1,1,301] [align=center] 將群組打散 [/align] [/td] [/tr] [tr] [td] [align=center] [color=#ffffff]Ctrl + G[/color] [/align] [/td] [td=1,1,301] [align=center] 組成群組 [/align] [/td] [/tr] [tr] [td] [align=center][color=#ffffff]F8[/color][/align][/td] [td=1,1,301] [align=center]將選取範圍轉換成元件[/align][/td] [/tr] [tr] [td] [align=center][color=#ffffff]Ctrl + F8[/color][/align][/td] [td=1,1,301] [align=center]新增元件[/align][/td] [/tr] [tr] [td] [align=center][color=#ffffff]Ctrl + L[/color][/align][/td] [td=1,1,301] [align=center]開啟元件圖庫[/align][/td] [/tr] [tr] [td] [align=center] [color=#ffffff]F5[/color] [/align] [/td] [td=1,1,301] [align=center] 加入影格 [/align] [/td] [/tr] [tr] [td] [align=center] [color=#ffffff]F6[/color] [/align] [/td] [td=1,1,301] [align=center] 加入關鍵影格 [/align] [/td] [/tr] [tr] [td] [align=center] [color=#ffffff]Ctrl+Enter[/color] [/align] [/td] [td=1,1,301] [align=center] 輸出影片檔並測試影片 [/align] [/td] [/tr] [/table] [/align]
lesly 2008-7-16 11:08 AM
[align=center]箭頭工具、自由變形工具、變形面板[/align]
一、箭頭(選取)工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/arrow1.gif[/img]
(一) 功能說明：選取及移動編輯區中的物件。
[align=center][table=80%] [tr] [td]1. [/td] [td]選取單一物件：直接點選編輯區內的任何一個線段、填色，或利用滑鼠以對角線拖曳的方式，框選出一個區域以選取單一物件。[/td] [/tr] [tr] [td]2. [/td] [td]選取多個物件：按住「 Shift 」再點選其他物件即可。[/td] [/tr] [tr] [td]3.[/td] [td]若要將填色區塊外的線條一併選取可雙按滑鼠左鍵填色區塊。在線條上雙按滑鼠左鍵則可以將連結的線條一起選取。[/td] [/tr] [tr] [td]4.[/td] [td]移動：將指標移到物件上，當指標變成 [img=28,27]http://web.chsh.chc.edu.tw/computer/flash/arrow2.gif[/img] 即可移動物件。[/td] [/tr] [tr] [td]5.[/td] [td]將指標移到線條或填色區塊的尖角附近時，當指標變成 [img=22,23]http://web.chsh.chc.edu.tw/computer/flash/arrow3.gif[/img] 拖曳滑鼠就可以改變端點或尖角位置。[/td] [/tr] [tr] [td]6.[/td] [td]將指標移到線條或填色區塊的邊線附近時，當指標變成[img=23,25]http://web.chsh.chc.edu.tw/computer/flash/arrow4.gif[/img]拖曳滑鼠就可以改變其弧度。[/td] [/tr][/table][/align][align=left](二) 選項說明：[/align] [align=center][table=80%] [tr] [td=1,3][img=114,154]http://web.chsh.chc.edu.tw/computer/flash/arrow9.gif[/img][/td] [td](1)
[/td] [td]貼齊物件：當拖曳一個線段的端點靠近另一線段的端點時，會自動吸附上去[/td] [/tr] [tr] [td](2)[/td] [td]平滑化：可將一些有菱有角的線條變得更平滑，點選次數與平滑程度成正比。[/td] [/tr] [tr] [td](3) [/td] [td]直線化：可將繪製的線條修飾成直線。 [/td] [/tr][/table][/align]
二、自由變形工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/transform4.gif[/img]
[align=center][table=80%] [tr] [td] [img=106,118]http://web.chsh.chc.edu.tw/computer/flash/transform6.gif[/img][/td] [td=1,2](1)
[/td] [td=2,1]旋轉和斜切：可任意旋轉及傾斜編輯區中的任何物件。 [/td] [/tr] [tr] [td=2,1][table=98%] [tr] [td][img=60,62]http://web.chsh.chc.edu.tw/computer/flash/arrow6.gif[/img][/td] [td]拖曳物件四個角落的控點可使物件旋轉 [/td] [td][img=60,62]http://web.chsh.chc.edu.tw/computer/flash/arrow7.gif[/img][/td] [td]拖曳物件四邊的控點可使物件傾斜 [/td] [/tr] [/table][/td] [/tr] [tr] [td](2)[/td] [td]縮放：可進行物件的縮小或放大。若要等比例縮放，只要按住「 Shift 」拖曳四個角落的方形控點即可。另外，利用四邊的控點還可做出水平翻轉與垂直翻轉的效果。[/td] [td][img=60,62]http://web.chsh.chc.edu.tw/computer/flash/arrow8.gif[/img][/td] [/tr] [tr] [td](3) [/td] [td] 扭曲：可將物件的錨點位置調整變形
[img=273,166]http://web.chsh.chc.edu.tw/computer/flash/distort_and_taper.gif[/img]
[/td] [/tr] [tr] [td](4) [/td] [td=2,1]分封線：可將物件的錨點、控制點重新調整
[img=378,106]http://web.chsh.chc.edu.tw/computer/flash/envelope.gif[/img]
[/td] [/tr] [tr] [td](5)[/td] [td]拖曳中心的小圓點可更改變形時的 [b]中心點 [/b]位置[/td] [/tr][/table][/align]
三、翻轉：若要將物件做翻轉，可執行「 修改」→「 變形 」→「水平/垂直翻轉 」
四、變形面板：
[table=90%][tr] [td=2,1] [color=#ff0000]利用變形面板可精確地以物件的中心點來設定物件的縮放、旋轉與傾斜。[/color][/td] [/tr] [tr] [td][img=248,191]http://web.chsh.chc.edu.tw/computer/flash/transform7.gif[/img][/td] [td]
(1)拷貝並套用變形：依照面板中的設定值重新拷貝產生一個新的物件。
(2)重設：當物件變形之後，若想將物件恢復成原始狀態，可執行此按鈕復原。[/td][/tr][/table]
lesly 2008-7-16 11:09 AM
[align=center]鋼筆工具與選取細部工具[/align]
一、鋼筆工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/pen1.gif[/img]
(一)功能說明：建立用貝茲曲線所拖曳出的線條。
(二)使用方法：
[align=center][table=80%] [tr] [td]1. [/td] [td]在編輯區中按滑鼠左鍵建立第一個錨點。[/td] [td=1,3][img=90,70]http://web.chsh.chc.edu.tw/computer/flash/pen2.gif[/img][/td] [/tr] [tr] [td]2. [/td] [td]建立新錨點時，按住滑鼠左鍵拖曳以產生控制點並拉出弧線。[/td] [/tr] [tr] [td]3.[/td] [td]錨點是影響路徑的主要方向，而拖曳控制點則可以影響路徑的弧度，熟悉這些點的拖曳便可以畫出你自己想要的線條弧度哦！[/td] [/tr][/table][/align]
二、選取細部工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/sub01.gif[/img]
(一)功能說明：選取物件並顯示外框線條的路徑，並可編輯所有的圖形與線條。
(二)使用方法：
[align=center][table=80%] [tr] [td]1. [/td] [td]在物件的外緣上按滑鼠左鍵以選取，物件的外緣便會出現路徑與錨點。[/td] [td][img=50,65]http://web.chsh.chc.edu.tw/computer/flash/sub02.gif[/img][/td] [/tr] [tr] [td]2. [/td] [td]將滑鼠移到欲調整的錨點上，滑鼠指標會變為[img=19,17]http://web.chsh.chc.edu.tw/computer/flash/sub03.gif[/img] ，按一下滑鼠左鍵以選取該錨點，便可以調整控制點或錨點以調整路徑。[/td] [/tr] [tr] [td]3.[/td] [td]但對於群組物件、Symbol、點陣圖和文字，貝茲選取工具就只能單純選取物件而無法編輯路徑。 [/td] [/tr][/table][/align][align=left](三)增刪錨點：[/align][align=left]先用 [img=24,24]http://web.chsh.chc.edu.tw/computer/flash/sub01.gif[/img]工具選取物件以顯示路徑，再換[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/pen1.gif[/img]工具，並將滑鼠移到路徑上，待滑鼠指標變成[img=20,20]http://web.chsh.chc.edu.tw/computer/flash/sub04.gif[/img]時，就可以新增錨點；若要刪除錨點，只要將滑鼠移到欲刪除的錨點上，待滑鼠指標變成[img=21,21]http://web.chsh.chc.edu.tw/computer/flash/sub05.gif[/img]時，可以先刪除控制點，之後滑鼠指標會變成[img=21,21]http://web.chsh.chc.edu.tw/computer/flash/sub06.gif[/img]，就可以刪除錨點。[/align][align=left](四)使用方法：[/align] [table=80%][tr] [td][img=20,20]http://web.chsh.chc.edu.tw/computer/flash/sub07.gif[/img][/td] [td]是建立第一個錨點的滑鼠指標[/td] [td] [/td] [td][img=21,21]http://web.chsh.chc.edu.tw/computer/flash/sub09.gif[/img][/td] [td]是刪除控制點的滑鼠指標 [/td] [/tr] [tr] [td][img=20,20]http://web.chsh.chc.edu.tw/computer/flash/sub08.gif[/img][/td] [td]是新增錨點的滑鼠指標 [/td] [td] [/td] [td][img=21,21]http://web.chsh.chc.edu.tw/computer/flash/sub10.gif[/img][/td] [td]是刪除錨點的滑鼠指標[/td][/tr][/table]
lesly 2008-7-16 11:09 AM
[align=center]鉛筆工具[/align]
一、鉛筆工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/pencil1.gif[/img]
(一)功能說明：繪製物件的外框線條。
(二)選項：鉛筆模式分為以下三種
[align=center][table=80%] [tr] [td]1.直線化 [/td] [td]畫出來的線條軌跡接近平直，則 Flash 會將該線段變成直線；若有弧度則會變成圓弧。[/td] [td=1,3][img=123,137]http://web.chsh.chc.edu.tw/computer/flash/pencil2.gif[/img][/td] [/tr] [tr] [td]2. [color=#0000ff] 平滑曲線[/color][/td] [td]此種模式可畫出平滑的曲線。[color=#0000ff](建議選項)[/color][/td] [/tr] [tr] [td]3.自由繪畫[/td] [td]畫出的線條接近手繪。[/td] [/tr][/table][/align]
二、屬性面板
[align=center][img=737,128]http://web.chsh.chc.edu.tw/computer/flash/pencil0.gif[/img][/align] [table=80%][tr] [td](1). [/td] [td]選擇線條顏色，設定線條顏色時只能使用單色。[/td] [/tr] [tr] [td](2). [/td] [td]調整線條粗細。[/td] [/tr] [tr] [td](3).[/td] [td]選擇線條樣式。 [/td] [/tr] [tr] [td](4).[/td] [td]自訂線條樣式。[/td][/tr][/table]
lesly 2008-7-16 11:10 AM
[align=center]筆刷工具[/align]
一、筆刷工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/brush1.gif[/img]
(一)功能說明：可用來著色；若有感壓筆時還能模擬出水彩的筆觸。
(二)選項：[img=101,155]http://web.chsh.chc.edu.tw/computer/flash/brush3.gif[/img]
(1). 將筆刷模式分為以下五種
[align=center][table=80%] [tr] [td]1.[/td] [td]一般繪製：繪製的圖形會覆蓋其它圖形。[/td] [td=1,5][img=162,154]http://web.chsh.chc.edu.tw/computer/flash/brush4.gif[/img][/td] [/tr] [tr] [td]2. [/td] [td]繪製填色：繪製的圖形會覆蓋其它圖形，但不會覆蓋線條。[/td] [/tr] [tr] [td]3.[/td] [td]在後面繪製：只能畫在空白地方，不會覆蓋任何圖形，就像畫在原圖形的後方一樣。[/td] [/tr] [tr] [td]4.[/td] [td]繪製選取範圍：只能畫在選取的區域內。[/td] [/tr] [tr] [td]5.[/td] [td]在裡面繪製：只能畫在某一個封閉的區域內，而且不會蓋掉線條。[/td] [/tr][/table][/align][align=left] (2). 設定筆刷大小。[/align] [align=left] (3). 設定筆刷形狀。 [/align]
lesly 2008-7-16 11:11 AM
[align=center]套索工具[/align]
一、套索工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/lasso1.gif[/img]
(一)功能說明：此工具可以任意選擇一般物件，或是物件被打散後的任意範圍。
(二)選項：[img=63,138]http://web.chsh.chc.edu.tw/computer/flash/lasso2.gif[/img]
(1). 魔術棒：[img=24,22]http://web.chsh.chc.edu.tw/computer/flash/lasso3.gif[/img]
[align=center][table=80%] [tr] [td] 可選取某範圍顏色值的「圖素」，通常搭配「容許度」使用，可將匯入圖片完美地去背。在魔術棒屬性設定視窗中可設定容許度。[/td] [/tr] [/table][/align][align=left] (2). 魔術棒屬性：[img=24,22]http://web.chsh.chc.edu.tw/computer/flash/lasso4.gif[/img][/align] [align=center] [table=542] [tr] [td=1,1,292] 臨界值：設定魔術棒可選取之顏色值範圍。[/td] [td=1,2] [img=293,127]http://web.chsh.chc.edu.tw/computer/flash/lasso7.gif[/img][/td] [/tr] [tr] [td=1,1,292]平滑化：設定選取邊緣的平滑程度。[/td] [/tr][/table] [/align][align=left] (3). 多邊形模式：[img=24,22]http://web.chsh.chc.edu.tw/computer/flash/lasso5.gif[/img][/align] 可以連續點選的方式，來選取特定的範圍， [font=Arial, Helvetica, sans-serif] ([/font]快速點 [font=Arial, Helvetica, sans-serif] 2[/font]下，代表連續點選動作已完成[font=Arial, Helvetica, sans-serif])[/font]
lesly 2008-7-17 01:47 AM
[align=center]油漆桶工具與填色變形工具[/align]
一、油漆桶工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/fill01.gif[/img]
(一)功能說明：填色。
(二)選項：
[align=center][table=98%] [tr] [td=1,3][img=65,137]http://web.chsh.chc.edu.tw/computer/flash/fill02.gif[/img][/td] [td]1.[/td] [td]空隙大小：油漆桶工具必須把顏色倒在一個封閉的編輯區域內，但所謂的封閉並不一定要完全沒有缺口，就算封閉區域有缺口，油漆桶仍然可以填色，但得事先設定好缺口大小的限度。[/td] [td][img=129,160]http://web.chsh.chc.edu.tw/computer/flash/fill03.gif[/img][/td] [/tr] [tr] [td]2. [/td] [td]鎖定填塗：原本不同的物件可以擁有各自的漸層填色設定，但如果使用此選項時，則可以將多個填色區塊視為同一區域來填漸層色。[/td] [/tr] [tr] [td]3.[/td] [td]變形填色：修改已填入的漸層色其中心點、範圍以及角度，或是對已填入的點陣圖做變形或旋轉。[/td] [/tr][/table][/align][align=left]
二、填色變形工具：[img=30,27]http://web.chsh.chc.edu.tw/computer/flash/transform3.gif[/img][/align] [table=90%][tr][td=1,1,420](1)修改線型漸層填色 (2)修改點陣圖填色[img=200,103]http://web.chsh.chc.edu.tw/computer/flash/fill04.gif[/img] [img=166,189]http://web.chsh.chc.edu.tw/computer/flash/fill05.gif[/img]
[/td] [td](1) 旋轉點陣圖
(2) 調整上下傾斜度
(3) 調整高度
(4) 等比例縮放點陣圖
(5) 調整寬度
(6) 調整左右傾斜度
(7) 調整中心點位置[/td][/tr][/table]
lesly 2008-7-17 01:47 AM
[align=center]繪圖工具與橡皮擦工具[/align]
一、直線工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/paint1.gif[/img]
[indent]功能：繪製直線。屬性面板的選項與鉛筆工具完全一樣。 若要畫45度角的直線，可按住Shift鍵，再畫直線。
[/indent]
二、橢圓工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/paint2.gif[/img]
[indent] 功能：用來繪製橢圓。 若搭配「油漆桶工具」或「混色器面板」，可設定橢圓內部填入的色彩或漸層色。 若先按住Shift鍵，則可畫出正圓形。
[/indent]
三、矩形工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/paint3.gif[/img]
[indent](一)功能：用來繪製矩形。 若搭配「油漆桶工具」或「混色器面板」，可設定矩形內部填入的色彩或漸層色。 若先按住Shift鍵，則可畫出正方形。
(二)選項：點選選項內的 [img=24,22]http://web.chsh.chc.edu.tw/computer/flash/paint4.gif[/img]按鈕，可設定矩形的圓角半徑。
[/indent]
四、橡皮擦工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/eraser1.gif[/img]
[indent](一)功能說明：用來擦除欲刪除的線條與填色區塊。
(二)選項：
[/indent][align=center][table=98%] [tr] [td=1,3][img=120,137]http://web.chsh.chc.edu.tw/computer/flash/eraser2.gif[/img][/td] [td]1.[/td] [td]橡皮擦模式：[list][*]一般擦除：所有的線條和填色都會被擦去。[*]擦除填色：只擦除填色而不擦除線條。[*]擦除線段：只擦除線條而不擦除填色。[*]擦除選取的填色：只擦除選取範圍內的填色。[*]擦除內部：只擦除起點所在的封閉區域的填色。[/list] [/td] [td][img=154,186]http://web.chsh.chc.edu.tw/computer/flash/eraser3.gif[/img][/td] [/tr] [tr] [td]2. [/td] [td]水龍頭：可以一次把同一填色區塊或同色線條清除。[/td] [/tr] [tr] [td]3.[/td] [td]橡皮擦形狀。[/td] [/tr][/table][/align]
lesly 2008-7-17 01:48 AM
[align=center]線條顏色 與 填充顏色[/align]
[img=59,96]http://web.chsh.chc.edu.tw/computer/flash/color8.gif[/img]在工具面板中，這一塊區域專門用來設定繪圖的色彩
一、線條顏色：
[align=center][img=415,274]http://web.chsh.chc.edu.tw/computer/flash/color10.gif[/img][/align]二、填充顏色
[align=center][img=412,228]http://web.chsh.chc.edu.tw/computer/flash/color9.gif[/img][/align][align=left]三、下方的三個按鈕，作用如下：[/align][align=left][img=15,14]http://web.chsh.chc.edu.tw/computer/flash/color2.gif[/img] 黑色和白色：把線條頻色設為黑色，填充顏色設為白色[/align][align=left][img=15,14]http://web.chsh.chc.edu.tw/computer/flash/color3.gif[/img] 無色：使用矩形或橢圓形工具時，若設好填充顏色再按此鈕，會變成「內部不填色」。若設好筆畫顏色再按此鈕，則變成「不加外框線」。[/align][align=left][img=15,14]http://web.chsh.chc.edu.tw/computer/flash/color4.gif[/img] 替換顏色：將線條顏色與填充顏色互換。[/align]
lesly 2008-7-17 01:48 AM
[align=center]檢視工具與色彩相關工具[/align]
一、手掌工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/view1.gif[/img]
功能：當編輯設計的影片，其顯示比例超過螢幕視窗時，可藉由此工具移動視界。
二、縮放工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/view2.gif[/img]
功能：用來縮小或放大影片的顯示比例。
三、墨水瓶工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/view3.gif[/img]
功能：功能和油漆桶工具[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/fill01.gif[/img]相同。不過，[color=#ff0000]油漆桶工具[/color]是用來填[color=#ff0000]區塊[/color]的；而[color=#ff0000]墨水瓶工具[/color]是用來填[color=#ff0000]線條[/color]的。例如，使用鉛筆工具[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/pencil1.gif[/img]、直線工具[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/paint1.gif[/img]所繪製的線條，橢圓工具[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/paint2.gif[/img]、矩形工具[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/paint3.gif[/img]所繪製的外框線條，其線條的粗細、色彩、樣式，皆可使用墨水瓶工具來修改。
四、滴管工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/view4.gif[/img]
[list][*][color=#008000]可用來測知物件是屬於線條、填色區塊或是文字物件。[/color][*][color=#008000]可用來測知圖形物件的色彩、線條粗細、樣式，以及文字物件的屬性。[/color][*][color=#008000]在某一線條、填色區塊或是文字物件上，按一下滑鼠左鍵，可複製該物件屬性。並可將該屬性套用在其它物件上。[/color][/list]
lesly 2008-7-19 11:44 AM
[align=center]文字工具[/align]
一、文字工具：[img=24,24]http://web.chsh.chc.edu.tw/computer/flash/text1.gif[/img]
[list][*]文字工具可以用來建立文字區塊（ Text Block ）與文字輸入欄（ Text Field ）。當我們使用此工具時，亦可同時利用屬性面板作文字的各項設定。[*][color=#ff0000]欲修改文字的字型、大小、樣式時，可利用箭頭工具選取該文字區塊，或利用滑鼠拖曳選取部分文字，再利用字元面板加以修改[/color]。[*][color=#800000]文字區塊[/color]主要是網頁製作者用來提供訊息給使用者，可以用在一般的標題或內文。[*][color=#800000]文字輸入欄[/color]主要是讓使用者輸入資料，可以製作表單、密碼輸入或遊戲。[/list]二、屬性面板
[align=center][img=662,135]http://web.chsh.chc.edu.tw/computer/flash/text2.gif[/img][/align][list=1][*] [b][color=#0000ff]文字類型[/color][/b]：有下列三種選擇
[/list][list][*] 靜態文字：最常用的文字物件，通常用來製作動畫中的標題、內文，也可加上超連結地址，做成超連結文字
[*] 動態文字：可配合ActionScript來製作動態顯示的文字
[*] 輸入文字：可供瀏覽者輸入資料，並配合ActionScript製作出互動表單或Flash遊戲......等
[/list][list=1][*] [b][color=#0000ff]字體[/color][/b]：在設定字體時，請「儘量不要」使用內建的裝置字體(如：_sans、_serif、_typewriter)，因為這些字體不是向量字型，若經變形或發成影片檔後，文字可能會無法正常顯示
[*] 設定[b][color=#0000ff]文字的大小[/color][/b]
[*] [img=20,18]http://web.chsh.chc.edu.tw/computer/flash/text3.gif[/img]：粗體。[img=20,18]http://web.chsh.chc.edu.tw/computer/flash/text4.gif[/img]：斜體。[img=21,18]http://web.chsh.chc.edu.tw/computer/flash/text5.gif[/img]：設定文字的顏色。
[*] 設定[b][color=#0000ff]文字的[/color][/b][b][color=#0000ff]對齊方式[/color][/b]
[*] 設定[b][color=#0000ff]文字方向[/color][/b]：有水平、垂直 由左到右、垂直 由右到左 三種方式
[*] 修改[b][color=#0000ff]文字[/color][/b][color=#0000ff][b]的間距[/b][/color]
[*] 設定[b][color=#0000ff]上、下標文字[/color][/b]
[*] 設定[color=#0000ff][b]字體的顯示方式[/b][/color]： 有下列選項 ※愈後面的選項，產生的動畫檔案會愈大
使用裝置字體、點陣字(無法消除鋸齒)、消除動畫鋸齒、消除鋸齒增加易讀性、自訂消除鋸齒
[*] [b][color=#0000ff]可選取的[/color][/b]：Flash 動畫中的文字，預設為瀏覽者無法選取，若要開放供選取複製，則可以選取該段文字，並勾選「可選取的」。
[*] [b][color=#0000ff]自動微調[/color][/b]：自動調整字元間距（使用字體內定的字元間距規則）
[*] [b][color=#0000ff]插入超連結[/color][/b]，但垂直文字無法設定超連結
[*] 設定[b][color=#0000ff]超連結的視窗開啟方式[/color][/b]，例如：_blank代表"開新視窗"，_self則是"開在目前的視窗中"
[/list]
lesly 2008-7-19 11:44 AM
[align=center]色彩相關面板的使用[/align]
一、調色盤面板：
(一)功能：調色盤面板是 Flash 用來編輯單色/漸層顏色的面板，可作出 Flash 預設色盤中所沒有的顏色。
(二)調色盤面板說明：
[align=center][img=366,298]http://web.chsh.chc.edu.tw/computer/flash/colormix2.gif[/img][/align][table=90%] [tr] [td=1,1,7]1.[/td] [td]請參見[url=http://web.chsh.chc.edu.tw/computer/flash/color0.htm]線條顏色與填充顏色[/url]。[/td] [/tr] [tr] [td=1,1,7]2.[/td] [td]預覽顏色。[/td] [/tr] [tr] [td=1,1,7]3.[/td] [td]設定顏色。[/td] [/tr] [tr] [td=1,1,7]4.[/td] [td]可以調整色彩之透明度，數值愈小愈透明。[/td] [/tr] [tr] [td=1,1,7]5.[/td] [td]按下此處可以選擇 RGB、HSB 模式。
HSB： H 代表色相，可在 0~360 區間作選擇； S 代表飽和度； B 代表亮度。[/td] [/tr] [tr] [td=1,1,7]6.[/td] [td]可以將編輯好的顏色新增到顏色色票面板中的色盤使用。[/td] [/tr] [tr] [td=1,1,7]7.[/td] [td]填色樣式：
(1)無：表示不填色；但只能在選用橢圓、矩形工具時才有用。
(2)基本色：單色模式。
(3)線性漸層： [list][*]點選滑桿 ，可以設定漸層的色彩，也可以左右移動以調整漸層色的位置。[*]在漸層色彩區間中點一下就可以新增一個新的色彩；要刪除只要將它拖曳到面板外即可。[*]每個漸層色最少要有 2 個滑桿，最多不能超過 8 個。[*]儲存漸層色：新增漸層色後，為方便日後使用，可以按右邊箭頭後出現的「增加色票」將它新增到 顏色色票面板裡。[/list] (4)放射狀漸層：放射狀漸層模式。
(5)點陣圖：可以在封閉區域內填入點陣圖。填入的點陣圖會以舞台的左上角為起點，以重複排列的方式填滿。若用同樣的點陣圖即使填入不同的填色區塊，該點陣圖還是會連續排列，因此，若修改點陣圖填色，則填入同一張點陣圖的所有填色區塊都會受到影響。 若要點陣圖不會連續排列而互相影響，只要將填色區塊移動一下就可成為獨立的點陣圖填色了。
[/td] [/tr][/table]
二、顏色色票面板：
(一)功能說明：顏色色票面板是 Flash 專門用來紀錄預設的色彩、漸層色以及作色盤的儲存、匯入...等工作的面板。
(二)顏色色票面板說明：
1.點選單色色表，可改變線條或區塊的顏色。
2.點選漸層色色表，可在區塊內填入漸層顏色。
3.按下右上角的箭頭，可看到其它色票功能，說明如下：
[table=98%][tr] [td=1,5][img=363,343]http://web.chsh.chc.edu.tw/computer/flash/color12.gif[/img]
[/td] [td](1). [/td] [td]增加顏色：選擇色盤的檔案類型有 clr、act、gif；新色彩會加在現有色盤之後 。
Flash Color Set(*.clr)：是 Flash 專屬的色盤檔案格式，可以包含漸層色盤，適合用於 Movie 之間互相交流使用。
Color Table(*.act)：只能輸出單色色盤。
[/td] [/tr] [tr] [td](2). [/td] [td]輸入色盤並取代目前的色盤。[/td] [/tr] [tr] [td](3).[/td] [td]Flash 預設的色盤為 Web 216，此功能則可以將自訂的色盤存成預設色盤，則以後所有新開啟的影片，其預設色盤都會變成此色盤。 [/td] [/tr] [tr] [td](4).[/td] [td]會清除色盤中的色彩，只留下黑、白兩色與一個黑白漸層。[/td] [/tr] [tr] [td](5).[/td] [td]顯示瀏覽器相容的 216 色。[/td][/tr][/table]
lesly 2008-7-19 11:45 AM
[align=center]設定元件之顏色效果[/align] [align=left]如下圖：點選欲設定之元件(其實應該稱為實體－也就是元件的分身)，由屬性面
板 [color=#0000ff][b]顏色 [/b][/color]選單中選取想要的效果[/align] [align=center][img=502,115]http://web.chsh.chc.edu.tw/computer/flash/ins1.gif[/img][/align] [align=left]一.亮度：設定實體整體色彩的明暗度[/align] [align=center][img=358,155]http://web.chsh.chc.edu.tw/computer/flash/bright.gif[/img][/align] [align=left]二.著色：將實體所包含的色彩，全部著上另一種顏色[/align] [align=center][img=591,158]http://web.chsh.chc.edu.tw/computer/flash/ins2.gif[/img][/align] [align=center][img=352,172]http://web.chsh.chc.edu.tw/computer/flash/color6.gif[/img][/align] [align=left]三.Alpha：設定實體的透明度[/align] [align=left][img=630,122]http://web.chsh.chc.edu.tw/computer/flash/ins4.gif[/img][/align] [align=center][img=352,144]http://web.chsh.chc.edu.tw/computer/flash/alpha.gif[/img][/align] [align=left]四.進階：點選 [b]設定 [/b]鈕，可細部調整實體之RGB色頻值，並且可以同時設定整體
色彩之透明度 [/align][align=center][img=369,154]http://web.chsh.chc.edu.tw/computer/flash/color7.gif[/img] [/align]