調整線條和形狀

  1. Adobe Animate 使用手冊
  2. Animate 簡介
    1. Animate 的新功能
    2. 視覺詞彙
    3. Animate 系統需求
    4. Animate 鍵盤快速鍵
    5. 在 Animate 中使用多個檔案類型
  3. 動畫
    1. Animate 中的動畫基本概念
    2. 如何在 Animate 中使用影格及關鍵影格
    3. Animate 中的逐格動畫
    4. 如何在 Animate 中使用傳統補間動畫
    5. 筆刷工具
    6. 移動導引線
    7. 移動補間動畫與 ActionScript 3.0
    8. 關於移動補間動畫
    9. 移動補間動畫
    10. 建立移動補間動畫
    11. 使用屬性關鍵影格
    12. 使用補間動畫將位置製成動畫
    13. 如何使用移動編輯器編輯移動補間動畫
    14. 編輯補間動畫的移動路徑
    15. 操作移動補間動畫
    16. 新增自訂加/減速
    17. 建立和套用移動預設效果
    18. 設定動畫補間動畫範圍
    19. 使用儲存為 XML 檔案的移動補間動畫
    20. 移動補間動畫與傳統補間動畫
    21. 形狀補間動畫
    22. 在 Animate 中使用骨塊工具動畫
    23. 在 Animate 進行角色製作
    24. 如何在 Adobe Animate 中使用遮色片圖層
    25. 如何在 Animate 中使用場景
  4. 互動
    1. 如何使用 Animate 建立按鈕
    2. 將 Animate 專案轉換成其他文件類型格式
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 在 Animate 中使用程式碼片段增加互動功能
    5. 建立自訂 HTML5 組件
    6. 在 HTML5 Canvas 中使用組件
    7. 建立自訂組件:範例
    8. 自訂組件的程式碼片段
    9. 最佳作法 - 使用 Animate 做廣告
    10. 虛擬實境編寫和發佈
  5. 工作區和工作流程
    1. 建立和管理繪圖筆刷
    2. 在 HTML5 Canvas 文件中使用 Google 字體
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作區
    6. 在 HTML5 Canvas 文件中使用網頁字體
    7. 時間軸與 ActionScript
    8. 使用多重時間軸
    9. 設定偏好設定
    10. 使用 Animate 編寫面板
    11. 使用 Animate 建立時間軸圖層
    12. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    13. 移動和複製物件
    14. 範本
    15. Animate 中的尋找和取代
    16. 還原、重做和操作記錄面板
    17. 鍵盤快速鍵
    18. 如何在 Animate 中使用時間軸
    19. 建立 HTML 擴充功能
    20. 影像和 GIF 動畫的最佳化選項
    21. 匯出影像和 GIF 的設定
    22. Animate 中的資源面板
  6. 多媒體和視訊
    1. 在 Animate 中變形及結合圖像物件
    2. 在 Animate 中建立並使用元件實體
    3. 影像描圖
    4. 如何在 Adobe Animate 中使用聲音
    5. 匯出 SVG 檔案
    6. 建立要在 Animate 中使用的視訊檔案
    7. 如何在 Animate 增加視訊
    8. 使用視訊提示點
    9. 使用 Animate 繪製及建立物件
    10. 調整線條和形狀
    11. 使用 Animate CC 中的筆畫、填色和漸層
    12. 使用 Adobe Premiere Pro 和 After Effects
    13. Animate CC 中的色彩面板
    14. 使用 Animate 開啟 Flash CS6 檔案
    15. 在 Animate 中使用傳統文字
    16. 將圖案放入 Animate 中
    17. Animate 中匯入的點陣圖
    18. 3D 圖像
    19. 在 Animate 中使用元件
    20. 使用 Adobe Animate 繪製線條和形狀
    21. 使用 Animate 中的元件庫
    22. 匯出聲音
    23. 在 Animate CC 中選取物件
    24. 在 Animate 中使用 Illustrator AI 檔案
    25. 使用噴刷工具套用圖樣
    26. 套用混合模式
    27. 排列物件
    28. 使用命令選單自動執行工作
    29. 多國語言文字
    30. 使用 Animate 中的攝影機
    31. 搭配使用 Animate 與 Adobe Scout
    32. 使用 Fireworks 檔案
    33. 圖像濾鏡
    34. 聲音和 ActionScript
    35. 繪圖偏好設定
    36. 使用鋼筆工具繪圖
  7. 平台
    1. 將 Animate 專案轉換成其他文件類型格式
    2. 自訂平台支援
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 建立並發佈 WebGL 文件
    5. 如何封裝 AIR for iOS 的應用程式
    6. 發佈 AIR for Android 應用程式
    7. Adobe AIR for Desktop 的發佈功能
    8. ActionScript 發佈設定
    9. 最佳作法 - 在應用程式中組織 ActionScript
    10. 如何搭配使用 ActionScript 與 Animate
    11. 最佳作法 - 輔助功能原則
    12. Animate 工作區中的輔助功能
    13. 撰寫和管理指令碼
    14. 啟用自訂平台的支援
    15. 自訂平台支援概觀
    16. 建立輔助功能內容
    17. 使用自訂平台支援外掛程式
    18. ActionScript 3.0 的除錯
    19. 啟用自訂平台的支援
  8. 匯出與發佈
    1. 如何從 Animate CC 匯出檔案
    2. OAM 發佈
    3. 匯出 SVG 檔案
    4. 使用 Animate 匯出圖像和視訊
    5. 發佈 AS3 文件
    6. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    7. 匯出聲音
    8. 匯出 QuickTime 視訊檔
    9. 使用 ActionScript 控制外部視訊播放
    10. 最佳作法 - 建立行動裝置內容的秘訣
    11. 最佳作法 - 視訊慣例
    12. 最佳作法 - SWF 應用程式編寫原則
    13. 最佳作法 - 建構 FLA 檔
    14. 最佳化 Animate 的 FLA 檔案的最佳作法
    15. ActionScript 發佈設定
    16. 指定 Animate 的發佈設定
    17. 匯出放映檔
    18. 匯出影像和 GIF 動畫
    19. HTML 發佈範本
    20. 使用 Adobe Premiere Pro 和 After Effects
    21. 快速分享和發佈您的動畫

使用選取細部工具顯示和調整點

  1. 選取「選取細部」工具
  2. 按一下線條或形狀外框。

重新調整線段或形狀

若要調整線條或形狀外框的形狀,請用「選取」工具拖曳線條的任何點。指標會改變,指出它可以針對線條或填色進行哪一種形狀調整。

Animate 會調整線段的曲線,將移動後的點安置於新位置。如果重新定位後的點是結束點,線條將會加長或縮短。如果您重新定位的錨點是轉角,形成轉角的線段在加長或縮短時,會保持筆直。

當指標旁邊出現轉角時,便可以更改端點。當指標旁邊出現曲線時,便可以調整曲線。

替某些筆刷筆畫區域調整形狀時,將它們視為外框,會比較容易調整形狀。

如果您無法調整複雜線條的形狀,請將該線條平滑化來移除部分細節,讓調整形狀的工作更加容易。放大也會讓形狀更容易調整,而且更精確。

  1. 選取「選取」工具
  2. 請執行下列其中一項:
    • 若要調整形狀,請從線段上的任何點向外拖曳。

    • 若要拖曳線條來建立新的轉折點,請按住 Control 鍵 (Windows) 或 Option 鍵 (Macintosh),同時按一下滑鼠。

將線段直線化和平滑化

直線化可以對已經繪製的線條和曲線進行細微的直線化調整,對於原本就是直線的線段則不會有影響。

註解:

若要調整自動平滑化和直線化的程度,請指定繪圖設定的偏好設定。

若要讓 Animate 容易辨識形狀,請使用直線化的技巧。如果您繪製任何橢圓形、矩形或三角形的形狀時,並未開啟「辨識形狀」選項,請用「直線化」選項,讓這些形狀在幾何方面達到完美。和其他元素接觸並連接的形狀會無法辨識。

形狀辨識會將上面的形狀變成下面的形狀。

平滑化會柔化曲線,並減少曲線整體方向中的突起及其他變化。也會減少曲線中的線段數目。然而,平滑化是相對性的,對於直線線段則不會有任何影響。當有許多非常短的曲線線段需要調整形狀,因而很難完成時,這個功能特別有用。選取全部的線段並將它們平滑化,可以減少線段數目,產生更容易調整形狀的滑順曲線。

重複套用平滑化或直線化,會讓線段變得更加平滑或筆直,變更的程度主要是依據線段原本的彎曲或筆直程度。

  • 若要讓選取的每個筆畫的曲線平滑化,請先選取「選取」工具,再從「工具」面板的「選項」區段中,按一下「平滑化」修改選項 。每按一次「平滑化」修改選項按鈕,選取的筆畫就會更趨平滑。

  • 若要為平滑化操作輸入特定參數,請選擇「修改 > 形狀 > 平滑化」。在「平滑化」對話方塊中,輸入「上方的平滑角度」、「下方的平滑角度」和「平滑化強度」參數的值。

  • 若要將選取的每個填色外框或曲線線條進行細微的直線化調整,請先選取「選取」工具 ,再從「工具」面板的「選項」區段中,按一下「直線化」修改選項

  • 若要為直線化操作輸入特定參數,請選擇「修改 > 形狀 > 直線化」。在「直線化」對話方塊中,輸入「直線化強度」參數的值。

  • 若要使用形狀辨識,請選取「選取」工具 ,然後按一下「直線化」修改選項 ,或選取「修改 > 形狀 > 直線化」。

將曲線最佳化

藉由修飾曲線線條和填色外框將平滑曲線最佳化,可減少用來定義這些元素的曲線數目。將曲線最佳化之後,也能降低 Flash Professional 文件 (FLA 檔) 和匯出的 Animate 應用程式 (SWF 檔) 的大小。在相同元素上多次套用最佳化。

  1. 選取要最佳化的繪製元素,然後選取「修改 > 形狀 > 最佳化」。
  2. 若要指定平滑化的程度,請拖曳「最佳化強度」滑桿。結果將會依您選取的曲線而有所不同。一般而言,最佳化產生的曲線較少,比較不像原始的外框。
  3. 若要顯示訊息,指出最佳化之前與之後選取範圍內的線段數目,請選取「顯示全部訊息」選項。Animate 會在作業完成之後顯示訊息。

  4. 按一下「確定」。

修改形狀

  1. 若要將線段轉換成填色,請選取一或多條線條,然後選取「修改 > 形狀 > 將線段轉換成填色」。選取的線條會轉換成填色形狀,讓您可以用漸層對線條進行填色,或是擦除線條的一部分。將線段轉換成填色之後,可能會增加檔案大小,但也可能會加速某些動畫的繪製過程。
  2. 若要展開填色物件的形狀,請選取填色形狀,然後選取「修改 > 形狀 > 擴展填色」。在「距離」中輸入像素值,然後在「方向」中選取「擴張」或「內加」。「擴張」會將形狀放大,「內加」則會縮小形狀。

    這項功能最適合用於未包含太多細節的單一、小型而且沒有筆畫的填色形狀。

  3. 若要柔化物件邊緣,請選取填色形狀,然後選取「修改 > 形狀 > 柔化填色邊緣」。設定下列選項:

    距離

    柔化邊緣的寬度,以像素為單位。

    步驟數目

    控制多少曲線用於柔化邊緣效果。使用這項步驟的次數越多,特效就會越平滑。增加使用次數,也會造成檔案變大,並降低繪圖速度。

    擴張或內加

    控制形狀是放大或縮小,以柔化邊緣。

    這項功能最適合用於沒有筆畫的單一填色形狀,而且可能會增加 Animate 文件及所產生的 SWF 檔案的大小。

刪除舞台上的所有內容

  1. 按兩下工具列中的「橡皮擦」工具 。這會擦除舞台和工作檯中所有類型的內容。

移除筆畫線段或填色區域

  1. 選取「橡皮擦」工具,然後按一下「水龍頭」修改選項
  2. 按一下要刪除的筆畫線段或填色區域。

用拖曳方式擦除

  1. 請選取「橡皮擦」工具。
  2. 按一下「橡皮擦模式」修改選項,然後選取擦除模式:
    橡皮擦模式修改選項
    橡皮擦模式修改選項

    一般擦除

    擦除相同圖層上的筆畫和填色。

    擦除填色

    只擦除填色,筆畫不受影響。

    擦除線段

    只擦除筆畫,填色不受影響。

    擦除選取的填色

    只會擦除目前選取的填色,不論是否已選取筆畫,都不會影響筆畫(在使用此模式下的「橡皮擦」工具之前,請先選取要擦除的填色)。

    擦除內部

    只會擦除您開始使用「橡皮擦」筆畫處的填色。若是從某個空白點上開始進行擦除,則不會擦除任何東西。這個模式下的橡皮擦不會影響到筆畫。

  3. 按一下「橡皮擦形狀」修改選項,選取橡皮擦的形狀和大小。請確定您並未選取「水龍頭」修改選項。
    橡皮擦形狀
    橡皮擦形狀

    使用水平捲軸調整橡皮擦形狀的大小。 

  4. 自訂、刪除或編輯自訂的形狀。按一下橡皮擦形狀圖示旁邊的「新增自訂橡皮擦形狀」圖示,以建立您自訂的橡皮擦形狀。選擇形狀、角度和平滑度,以定義「筆尖」屬性。按一下「確定」以建立自訂的形狀。

    「橡皮擦 > 筆尖」選項
    「橡皮擦 > 筆尖」選項

  5. 在「舞台」上拖曳。

使用壓力和傾斜修改選項

「橡皮擦」工具已新增「壓力」和「傾斜」選項,以加強繪圖選項。

壓力和傾斜選項
壓力和傾斜選項

選取「橡皮擦」工具並從工具列中選取 圖示,以啟用壓力敏感度,或者選取 圖示以啟用傾斜敏感度。預設的百分比值為 1% 和 100%,相當於「壓力」/「傾斜」的最小值和最大值。

根據橡皮擦上套用的壓力或傾斜,使用「橡皮擦」工具建立變數寬度筆畫。

下列插圖顯示透過「橡皮擦」的「壓力」和「傾斜」選項繪製的範例繪圖:

顯示應用「壓力」和「傾斜」選項的插圖
顯示應用「壓力」和「傾斜」選項的插圖

同步「橡皮擦」和「筆刷」工具中的設定

您可以選擇在「筆刷 (B)」和「橡皮擦 (E)」工具中同步子設定,如壓力或傾斜設定、筆尖大小和筆尖形狀。即使退出後再重新啟動 Animate 的工作階段,也會記得這些設定。

  1. 啟用「橡皮擦 (E)」工具中的「將設定與筆刷同步」核取方塊。
  2. 「橡皮擦 (E)」工具的目前設定會鏡像在「筆刷 (B)」工具中,反之亦然。Wacom 筆都會使用「筆刷 (B)」工具的平滑設定。選擇「筆刷 (B)」工具時,Wacom 筆尾端會使用筆刷設定。但對其他工具,會使用橡皮擦設定。
同步「橡皮擦」和「筆刷」工具中的設定。

在作用中的圖層上擦除

您可以選擇只用「橡皮擦 (E)」工具擦除作用中的圖層。

啟用「橡皮擦 (E)」工具中的「在作用中的圖層上擦除」核取方塊。

作用中圖層上的橡皮擦

Adobe 標誌

登入您的帳戶