Transcript 下載 - 地區數碼中心計劃

Adobe Flash
動畫製作軟體
District Cyber Centres Alliance
地區數碼中心聯網
Flash 簡介
• Flash 是動畫與互動應用程式的製作軟體
• 可製作網路動畫，並加入聲音、影像、視訊，
提供豐富的視聽覺效果
• 也可開發用於網際網路或單機執行的應用程式
• 由於 Flash 動畫使用向量圖形格式，因此檔案
的體積非常小
• 大部分的平台都支援 Flash 動畫播放，不必擔
心動畫在其他電腦無法觀看
Flash操作介面
功能表列
屬性面版
編輯區
工具
時間軸
Flash 操作介面
功能表列：操作 Flash 的命令
工具箱：提供各種繪圖與編輯工具
時間軸：管理圖層與編輯動畫的工具
編輯區：白色區域是舞台，灰色區域是工作區
域，放在工作區域的物件，不會出現在動畫中
• 屬性面板：設定目前使用工具的屬性
• 工具面板：Flash 提供了不同用途的工具面板，
操作時可依需求顯示或隱藏工具面板
•
•
•
•
開新檔案
• 選擇檔案功能表中的新增，在新增文件視窗中
選擇適當的文件類型，建立新的空白文件
• 可選擇建立動畫、幻燈片簡報、表單應用程式
儲存檔案
• 檔案功能表中的儲存檔案可儲存目前的工作進
度，而另存新檔可儲存到不同的檔案名稱
• Flash 儲存的格式為 *.FLA ，保留設計時使用
的所有元件，包括點陣圖、聲音、影片等，因
此檔案的體積比較大
儲存檔案
• 網頁上的動畫並不是使用 FLA 檔，而是
*.SWF 動畫檔，要使用「匯出影片」指令儲存
開啟舊檔
• 載入先前儲存的工作進度，點選檔案功能
表 > 開啟舊檔，選擇儲存路徑與檔案，再
點選開啟載入檔案進行編輯
文件設定
• 製作動畫前，建議先設定文件的屬性，因為稍
後修改動畫尺寸或影格速率，可能會浪費許多
時間修改動畫影格或物件
• 在屬性面板的屬性一項按下編輯，設定動畫的
尺寸、背景顏色、影格速率等
匯入檔案
• Flash 可以匯入多種格式的影像、聲音、視訊
FreeHand (*.fh*, *.ft*)
PostScript (*.pdf, *.eps)
PNG File (*.png)
Adobe Illustrator (*.ai)
AutoCAD DXF (*.dxf)
Bitmap (*.bmp, *.dib)
增強的中繼檔 (*.emf)
Flash 影片 (*.swf, *.spl)
GIF 影像 (*.gif)
JPEG 影像 (*.jpg)
Windows 中繼檔 (*.wmf)
WAV 聲音 (*.wav)
MP3 (*.mp3)
QuickTime (*.mov)
Video for Windows (*.avi)
MPEG Video (*.mpg, *.mpeg)
Digital Video (*.dv, *.dvi)
Windows Media (*.asf, *.wmv)
Flash Video (*.flv)
• 匯入檔案會增加檔案大小，製作網路動畫應避
免匯入過多的檔案
繪圖工具介紹
縮放工具
• 縮放工具
– 在影像上每按一下滑鼠即可放大顯示影像
– 按住鍵盤上的Alt鍵，按下滑鼠即可縮小影像
– 亦可按住滑鼠左鍵以拖曳方式進行框選，所選
的範圍會放大並充滿整個編輯視窗
• 手掌工具
– 可移動被放大的畫面
– 按著鍵盤的空白鍵並拖曳滑鼠也可以移動畫面
• 線段工具
圖形工具
– 繪製筆直的線段，可用選取工具
改變端點的位置，拖曳線段則可
以調整成弧形曲線
• 矩形工具
– 繪製矩形或正方形物件，
– 在屬性面板可設定邊框顏色、線
條寬度與樣式
– 使用矩形工具時按住 Shift 鍵可繪
製正方形
– 在屬性設定圓角半徑，即可繪製
圓角矩形物件
• 橢圓形工具
圖形工具
– 同樣先設定邊框的顏色、線
條寬度與樣式
– 在編輯區繪製橢圓形
– 使用橢圓形工具時按住 Shift
鍵可繪製正圓形
• 基本矩形／圓形工具
– 比原本的提供了更多的外觀
控制
– 除了可以設定邊框的顏色、
線條寬度與樣式外，還可以
設定圓角矩形的效果
圖形工具
• 多邊星形工具
– 繪製多邊形或星形
– 點選屬性設定面板的選項，可選擇樣式、邊數
與控制點
鉛筆工具
• 鉛筆工具可任意繪製線段，從工具
面板可以設定筆畫的顏色、線條寬
度和樣式
• 按住 Shift 鍵可限制繪製水平與垂直
的線段
• 鉛筆工具有三種繪圖模式：
– 直線化模式：自動調整成較筆直的線段
– 平滑化模式：自動調整為較平滑的曲線
– 墨水模式：維持接近原始的手繪效果
筆刷工具
• 筆刷工具提供各種大小與形狀不同
的筆刷，並可選擇以下模式：
– 一般繪製：預設的繪製模式
– 繪製填色：繪製填色或空白區域，
不影響線條
– 在後面繪製：在空白區域中繪製，
不影響線條和填色
– 繪製選取範圍：將新的填色套用到
選取範圍
– 在裡面繪製：在您開始某個筆刷筆
畫的填色中繪製，絕不會繪製線條
選取工具
• 利用框選或直接按下該物件選取要編輯的部分
• 選取物件後，拖曳滑鼠可移動物件，按
Delete 鍵可刪除物件
在屬性面板
設定已選取
物件筆畫、
填色或文字
段落的屬性
選取細部工具
• 選取細部工具可選取物件上的錨點並進行編輯
• 選取錨點後可以移動錨點以改變物件的形狀
• 如果該物件中含有曲線線段，你可以移動錨點
旁的控制桿更改曲線的弧度
錨點
控制桿
變形工具
• 自由變形工具
• 可以縮放、旋轉已選取的範圍
• 漸層變形工具
• 可編輯漸層填色的角度與範圍
套索工具
• 套索工具適用於選取不規則形狀的範圍
• 只需在用滑鼠在圖案上自由地畫出需要的
範圍即可選取該區域
鋼筆工具
• 鋼筆工具可讓您繪製精確的直線與曲線，使用的
方法與 Illustrator 的鋼筆工具一樣
• 繪製直線路徑：
1. 在畫板上點出路徑的起點
2. 再依次序點算路徑要經過的錨點，各錨點之間會
由直線連起來
3. 最後回到起點按一下完成
鋼筆工具使用
• 繪製曲線路徑：
1. 在畫板上點出路徑的起點，按住滑鼠同時拖曳，
畫面會出現方向控制把手，調整方向與斜率後放
開滑鼠
2. 重複第１步，建立第二個錨點
3. 最後回到起點按一下完成
鋼筆工具
• 增加錨點工具
• 可以在線條上增加新
的錨點，使彎位更靈
活
• 刪除錨點工具
• 可以刪除線條上多餘
的錨點
增加
減少
轉換錨點工具
• 使用轉換錨點工具可以將路徑上的錨點在轉角
控制點與平滑控制點之間轉換
• 此外，轉換錨點工具可以移
動方向控制把手的其中一面，
不會影響另一邊
• 在繪畫中途按住alt鍵，可立即折斷把手
文字工具
• 輸入文字的工具，可在屬性面
板選擇建立靜態文字、動態文
字、輸入文字
– 靜態文字 - 指文字的內容是固定
的，並不是無法製作動畫效果
– 動態文字 - 可以配合
ActionScript 程式呈現文字內容
– 輸入文字 - 則類似網頁上的表單，
提供訪客輸入文字的功能。
文字工具
• 如要加入文字，首先在屬性面板中選擇要
建立的文字類型
• 然後在畫板上要加入文字的地方按下滑鼠，
並輸入文字
• 您可以將文字置於單一字行上，或是將文
字置於固定寬度／高度欄位中
文字工具
• Flash 會在文字欄位的轉角顯示控制點，以
識別文字欄位的類型：
• 在不斷擴展的文字上，文字欄位的右上角
會出現圓形控制點
• 而在寬度固定的文字上，則會出現方形控
制點
• 你亦可在屬性的段落中設定文字的方向
橡皮擦
• 用拖曳的方式擦除筆畫線段或填色區域
• 使用「水龍頭」選項可一次擦除線段或填色
• 橡皮擦形狀有圓或方形可選擇，並提供以下
模式：
–
–
–
–
–
一般擦除：同時擦除筆畫與填色區域
擦除填色：只擦除填色
擦除線段：只擦除筆畫
擦除選取的填色：只擦除目前選取的填色
擦除內部：只會擦除開始使用橡皮擦時，滑
鼠點選位置的填色
• 按兩下橡皮擦工具，可快速擦除所有物件
編輯工具
• 墨水瓶工具
– 在屬性面板設定筆畫的顏色、寬度與樣式，
再點選場景上的物件，即可修改筆畫的屬性
• 油漆桶工具
– 在屬性面板設定填色的顏色，再點選場景上
的物件，即可將物件套用新選取的顏色
• 滴管工具
– 滴管工具可吸取筆畫、填色、文字的屬性，
並套用到其他物件
-完多謝!