1 / 47

基本繪圖工具

基本繪圖工具. 鄧姚文. 教材與參考書. 李篤易 （ 2012 ）， 大師級 ! Flash 遊戲設計創意發想與經典入門， 碁峰資訊股份有限公司， ISBN 9789862765333 （書號 AEG000700 ） 趙英傑 （ 2011 ）， ACA 國際認證 -- Flash CS5 數位媒體設計與網站動畫， 碁峰資訊股份有限公司， ISBN 9789862763513 （書號 AER035331 ）

mannix-rogers
Download Presentation

基本繪圖工具

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 基本繪圖工具 鄧姚文

  2. 教材與參考書 李篤易 （2012）， 大師級! Flash遊戲設計創意發想與經典入門， 碁峰資訊股份有限公司， ISBN 9789862765333 （書號 AEG000700） 趙英傑 （2011）， ACA 國際認證 -- Flash CS5 數位媒體設計與網站動畫， 碁峰資訊股份有限公司， ISBN 9789862763513 （書號 AER035331） 張仁川 （2010）， Flash CS5創意動畫設計白皮書， 碁峰資訊股份有限公司， ISBN 9789861819969 （書號 AEU009200） 羅智軒 （2011）， Flash & ActionScript 3.0 絕對出色影音動畫與互動媒體設計， 碁峰資訊股份有限公司， ISBN 9789862762615 （書號 AEU009900）

  3. 圖解工具面板 工具面板提供各種編輯和繪圖工具，您可以用來編輯或繪製物件。 • 繪製矩形或橢圓形時，按住 鍵可以強制繪製正圓或正方形。 • 繪製線段時，按住 鍵可以將角度限制在水平、垂直或45 度角的倍數。

  4. 圖解工具面板 2.1.1 貼齊物件 繪圖時，選取[ 貼齊物件] 選項，可以讓物件自動貼齊。 2.1.2 物件繪製 繪圖時，選取[ 物件繪製] 選項，繪製的物件會群組化。

  5. 圖解工具面板 2.1.3 鎖定填色 使用「矩形工具」繪製4 個空心矩形。 選取[ 油漆桶工具]。 填色顏色選取漸層色。 選取鎖定填色選項。 在矩形物件填上顏色。 選取[ 漸層變形工具]。 調整控制點改變漸層填色的效果。 將漸層顏色或點陣圖填色鎖定，讓填色內容延伸到整個舞台。

  6. 圖解工具面板 2.1.4 選取工具 選取物件，進行移動、複製、修改顏色和刪除等動作。 • 平滑化：將選取的物件平滑化處理。 • 直線化：將選取的物件直線化處理。 • 按 鍵+ 拖曳物件就可以複製物件。 • 移動指標到物件邊緣，顯示平滑化或直線化指標，拖曳可以修改物件的形狀。 2.1.5 細部選取工具 選取物件後，編輯物件的路徑，改變物件的形狀。

  7. 圖解工具面板 2.1.6 自由變形工具 選取物件後，調整物件的大小和旋轉角度。 套用以下的選項，調整控制點改變物件的形狀。 1. 旋轉和斜切 2. 縮放 3. 扭曲 4. 封套

  8. 圖解工具面板 2.1.7 漸層變形工具 改變漸層填色物件的漸層變形效果，調整漸層控制點， 就可以改變漸層效果。 選取物件。 執行「視窗- 顏色」指令，開啟[ 顏色] 面板。 按[ 填色顏色] 右方的顏色導覽器。 在[ 色票] 面板下方，選取漸層顏色。 物件填上漸層填色。 選取[ 漸層變形工具]。 選取物件，調整控制點改變漸層填色效果。

  9. 圖解工具面板 2.1.8 3D旋轉工具 在3D 空間中旋轉影片片段，製作3D 變形效果。 選取舞台上的影片片段，移動指標顯示x,y,z圖示， 拖曳影片片段，即可產生3D 旋轉效果。 全域變形：在舞台範圍進行變形效果。取消此選項 表示在影片片段範圍進行變形效果。 2.1.9 轉譯工具 改變影片片段的Z 座標，讓影片片段呈現遠近的透視效果。

  10. 圖解工具面板 2.1.10 套索工具 建立不規則的選取區，通常用來處理點陣圖案。 •魔術棒：選取相近的顏色來建立選取區。 • 魔術棒設定：設定魔術棒的臨界值和平滑化程度。 • 多邊形模式：使用多邊形模式建立選取區。 開啟Cartoon.FLA，選取舞台上的點陣圖，執行 將點陣圖打散，按[ESC] 鍵取消選取。 選取[ 套索工具]。 選取[ 魔術棒] 選項。 按一下背景範圍，建立選取區。 按[DELETE] 鍵將選取區刪除，顯示舞台的顏色。

  11. 圖解工具面板 2.1.11 鋼筆工具 鋼筆工具可以繪製精確的直線與曲線，建立任何形狀的路徑。 •增加錨點工具：新增錨點。 •刪除錨點工具：刪除錨點。 •轉換錨點工具：將錨點轉換為平滑或尖角狀態。 鋼筆工具的指標會反應目前的繪製狀態，說明如下： • 起始錨點指標：建立一個起始錨點，也是新路徑的開頭。 • 連續錨點指標： 建立一個錨點和一條將它連接到上一個錨點的線段。 • 增加錨點指標：在現有路徑上增加一個錨點。 • 刪除錨點指標：在現有路徑上刪除一個錨點。 • 連續路徑指標：從現有的錨點延伸到新路徑。 • 封閉路徑指標：在路徑的起始點封閉正在繪製的路徑。 • 結合路徑指標： 類似[ 封閉路徑]，不同的是，指標不可置於同一路徑 的起始錨點位置。

  12. 圖解工具面板 要繪製直線或曲線，請參考以下的說明： 繪製直線：按一下[ 鋼筆工具]，建立兩個錨點，即可完成一段直線。繼續按滑鼠左鍵可以繪製連續的直線。 繪製曲線：移動[ 鋼筆工具]，在曲線改變方向的位置增加錨點，然後拖曳控制曲線形狀的方向線就可以改變曲線的形狀。

  13. 圖解工具面板 2.1.12 文字工具 輸入傳統或TLF 文字。 • 傳統文字：說明如下。 • 靜態文字：文字的內容是固定的。 • 動態文字：使用ActionScript控制文字內容的顯示。 • 輸入文字：類似網頁上的表單，提供訪客輸入文字的功能。 • TLF 文字：Flash CS5 新增的功能，全名為Text Layout Framework，提供完整的文字排版的支援。例如：由右到左的直書文字、連結文字方塊、文字分欄排列等。 • 選取[ 文字工具]。 • 選取[ 傳統] 文字。 • 選取[ 靜態] 文字。 • 設定字元[ 系列]、[ 大小] 和[ 顏色] 等屬性。 • 在舞台輸入文字。

  14. 圖解工具面板 2.1.13 線段工具 使用筆畫顏色繪製直線。 2.1.14 矩形工具 使用筆畫顏色和填色顏色繪製矩形或正方形。 2.1.15 橢圓形工具 使用筆畫顏色和填色顏色繪製橢圓形或圓形。

  15. 圖解工具面板 2.1.16 基本矩形工具 使用筆畫顏色和填色顏色繪製基本矩形或正方形。 在[ 屬性] 面板可以設定圓角半徑。 2.1.17 基本橢圓形工具 使用筆畫顏色和填色顏色繪製基本橢圓形或圓形。 在[ 屬性] 面板可以設定派形的開始角度、結束角度和內半徑。 2.1.18 多邊星形工具 使用筆畫顏色和填色顏色繪製多邊形和星形。 在[ 屬性] 面板按選項鈕可以設定多邊星形的樣式。

  16. 圖解工具面板 2.1.19 鉛筆工具 使用筆畫顏色繪製任意的線段，產生鉛筆繪製的效果。 繪製時，請先在選項區設定鉛筆模式。 • 直線：繪製完成的線段會自動調整成較筆直的線段。 •平滑化：繪製完成的線段會自動調整為較平滑的曲線。 •墨水：繪製完成的線段將會維持接近原始的手繪效果。 2.1.20 筆刷工具 使用填色顏色繪製筆刷樣式的圖案。 • 一般繪製：繪製的物件會覆蓋其它物件。 • 繪製填色：繪製的物件只會覆蓋其它物件的填色範圍。 • 在後面繪製：繪製的物件，不會覆蓋任何物件， 只可以繪製在空白處。 • 繪製選取範圍：繪製在選取的範圍。 • 在裡面繪製：繪製在封閉的區域，不會蓋掉筆畫範圍。

  17. 圖解工具面板 2.1.21 噴刷工具 使用填色顏色噴刷圖案。 參考以下說明，使用元件做為噴刷的內容： 1. 在[ 屬性] 面板按[ 編輯] 鈕。 2. 選取元件。 3. 按[ 確定] 鈕。 4. 在舞台噴刷圖案。 2.1.22 裝飾工具 裝飾工具可以使用圖像形狀建立複雜的幾何形狀和動態效果。 在屬性 在屬性面板您可以設定裝飾工具的[ 繪圖效果] 和[ 進階屬性]。 1. 選取裝飾工具。 2. 選取：[ 繪圖效果：建築物筆刷]。 3. 選取：[ 進階選項：隨機建築物]。 4. 拖曳裝飾工具指標，在舞台繪製內容。

  18. 圖解工具面板 2.1.23 骨塊工具 建立真實的反向運動效果，CS5 新增了[ 彈起] 選項， 讓反向運動效果動畫更具真實感。 1. 在舞台上的人形物件的頭頸、身體與四肢。 2. 選取[ 骨塊工具]，以頸部為基準，繪製骨架。 3. 繪製其它的骨架。 4. 使用[ 選取工具] 調整骨架的動作。

  19. 圖解工具面板 2.1.24 繫結工具 編輯個別骨塊和形狀控制點之間的連結，控制當每一個骨塊 移動時， 筆畫如何變動，讓動畫符合您想要的結果。 2.1.25 油漆桶工具 改變物件的填色顏色。 2.1.26 墨水瓶工具 改變物件的筆畫顏色。 2.1.27 滴管工具 擷取物件的填色或筆畫顏色，並套用到其它物件。

  20. 圖解工具面板 2.1.28 橡皮擦工具 擦除筆畫線段或填色區域， 按二下滑鼠[ 左鍵] 可以刪除舞台所有內容。 •一般擦除：可以擦除筆畫與填色。 • 擦除填色：只擦除填色，不擦除筆畫。 • 擦除線段：只擦除筆畫，不擦除填色。 • 擦除選取的填色：只擦除目前選取的填色範圍。 • 擦除內部：只擦除開始使用橡皮擦時，滑鼠點選位置的填色。 • 水龍頭：一次擦除相鄰的填色或筆畫範圍。

  21. 文字與橡皮擦練習 以下練習使用[ 橡皮擦工具]，擦除文字的填色，製作中空文字效果。 1. 使用[ 文字工具]，在舞台輸入文字( 靜態文字)。 2. 執行二次 鍵，將文字打散。 3. 使用[ 滴管工具]，替文字加上筆畫顏色。 4. 選取[ 橡皮擦工具]，選取[ 水龍頭] 模式。 5. 移動指標，按一下文字的填色部分，將填色範圍去除。

  22. 圖解工具面板 2.1.29 手掌工具 上下左右平移舞台的內容。 2.1.30 縮放工具 放大和縮小檢視舞台內容。 • 放大：放大舞台檢視比例。 • 縮小：縮小舞台檢視比例。

  23. 圖解工具面板 2.2 顏色工具 您可以使用以下的工具來改變筆畫和填色顏色。 筆畫顏色：設定物件外框的顏色。 填色顏色：設定物件封閉區域的顏色。 黑白：將筆畫顏色設定為黑色，填色顏色設定為白色。 替換顏色：將筆畫顏色和填色顏色對調。 以下練習顏色工具的使用。 按一下[ 黑白] 圖示，使用矩形工具繪製矩形物件。 改變筆畫顏色和填色顏色。 按一下[ 替換顏色] 圖示，將筆畫顏色和填色顏色對調。

  24. 圖解工具面板 2.3 依顏色排序色票 執行「視窗- 色票」指令，可以看到如下圖的色票面板，內容為網頁216 色盤。 從面板選單執行[ 依顏色排序] 指令，可以將色盤按照顏色重新排列。

  25. 圖解工具面板 新色盤顯示如下。 執行[ 另存成預設值] 指令，可以將新色盤做為預設值。

  26. 圖解工具面板 2.4 新增漸層顏色 預設狀態下，[ 色票] 面板下方只有幾種漸層顏色可以使用。以下練習將自訂的漸層顏色加入[ 色票] 面板。

  27. 圖解工具面板

  28. 圖解工具面板

  29. 圖解工具面板

  30. 圖解工具面板 2.5 點陣圖填色 參考以下練習，將匯入的點陣圖影像並排填滿矩形物件，做為影片的背景。

  31. 圖解工具面板

  32. 2.6 綜合練習：愛心 以下練習使用4 個圖層繪製具有打光效果的愛心。內容包含：曲線的調整和漸層填色的技巧應用。

  33. 2.6 綜合練習：愛心

  34. 2.6 綜合練習：愛心

  35. 2.6 綜合練習：愛心

  36. 2.6 綜合練習：愛心

  37. 2.6 綜合練習：愛心

  38. 2.6 綜合練習：愛心

  39. 2.6 綜合練習：愛心

  40. 2.6 綜合練習：愛心

  41. 2.6 綜合練習：愛心

  42. 2.6 綜合練習：愛心

  43. 2.6 綜合練習：愛心

  44. 2.6 綜合練習：愛心

  45. 2.6 綜合練習：愛心

More Related