使用手冊 取消

SVG

  1. Illustrator 使用手冊
  2. 認識 Illustrator
    1. Illustrator 簡介
      1. Illustrator 新增功能
      2. 常見問題
      3. Illustrator 系統需求
      4. 適用於 Apple Silicon 的 Illustrator
    2. 工作區
      1. 工作區基本介紹
      2. 使用 Illustrator 探索面板加快學習
      3. 建立文件
      4. 工具列
      5. 預設的鍵盤快速鍵
      6. 自訂鍵盤快速鍵
      7. 工作區域簡介
      8. 管理工作區域
      9. 自訂工作區
      10. 屬性面板
      11. 設定偏好設定
      12. 觸控工作區
      13. Illustrator 中的 Microsoft Surface Dial 支援
      14. 還原編輯和管理設計歷史記錄
      15. 旋轉檢視
      16. 尺標、格點和參考線
      17. Illustrator 協助工具
      18. 安全模式
      19. 檢視圖稿
      20. 搭配 Illustrator 使用 Touch Bar
      21. 檔案和範本
    3. Illustrator 中的工具
      1. 工具一覽
      2. 選取工具
        1. 選取範圍
        2. 直接選取
        3. 群組選取
        4. 魔術棒
        5. 套索
        6. 工作區域
      3. 導覽工具
        1. 手形
        2. 旋轉檢視
        3. 縮放顯示
      4. 上色工具
        1. 漸層
        2. 網格
        3. 形狀建立程式
      5. 文字工具
        1. 文字
        2. 路徑文字
        3. 垂直文字
      6. 繪圖工具
        1. 鋼筆
        2. 增加錨點
        3. 刪除錨點
        4. 錨點
        5. 曲線
        6. 線段區段
        7. 矩形
        8. 圓角矩形
        9. 橢圓
        10. 多邊形
        11. 星形
        12. 繪圖筆刷
        13. 點滴筆刷
        14. 鉛筆
        15. Shaper
        16. 切片
      7. 修改工具
        1. 旋轉
        2. 鏡射
        3. 縮放
        4. 傾斜
        5. 寬度
        6. 任意變形
        7. 滴管
        8. 漸變
        9. 橡皮擦
        10. 剪刀
        11. 尺寸
    4. 生成式 AI (在中國大陸無法使用)
      1. 使用文字提示產生向量圖形
      2. 使用文字提示為圖稿重新上色
    5. 快速動作
      1. 復古文字
      2. 霓虹光文字
      3. 老式文字
      4. 重新上色
      5. 將素描轉換為向量
  3. 網頁版 Illustrator (Beta)
    1. 網頁版 Illustrator (Beta) 概觀
    2. 網頁版 Illustrator (Beta) 常見問題集
    3. 疑難排解問題常見問題集
    4. 網頁版 Illustrator (Beta) 鍵盤快速鍵
    5. 在網頁版中建立和合併形狀
    6. 在網頁版中新增及編輯文字
    7. 在網頁版中套用顏色和漸層
    8. 在網頁版中繪製及編輯路徑
    9. 在網頁版中使用雲端文件
    10. 邀請共同作業人員在網頁版中進行編輯
  4. iPad 版 Illustrator
    1. iPad 版 Illustrator 簡介
      1. iPad 版 Illustrator 概觀
      2. iPad 版 Illustrator 常見問題集
      3. 系統需求 | iPad 版 Illustrator
      4. 在 iPad 版 Illustrator 上可以和不可以做的事
    2. 工作區
      1. iPad 版 Illustrator 工作區
      2. 觸控快捷鍵與手勢
      3. iPad 版 Illustrator 鍵盤快捷鍵
      4. 管理您的應用程式設定
    3. 文件
      1. 在 iPad 版 Illustrator 中處理文件
      2. 匯入 Photoshop 和 Fresco 文件
    4. 選取和排列物件
      1. 建立重複物件
      2. 建立漸變物件
    5. 繪圖
      1. 繪製及編輯路徑
      2. 繪製及編輯形狀
    6. 文字
      1. 使用類型和字型
      2. 沿路徑建立文字設計
      3. 新增自有字型
    7. 處理影像
      1. 將點陣圖向量化
    8. 顏色
      1. 套用顏色和漸層
  5. 雲端文件
    1. 基本概念
      1. 使用 Illustrator 雲端文件
      2. 共用 Illustrator 雲端文件並進行共同作業
      3. 共用文件以供審核
      4. 升級 Adobe Illustrator 的雲端儲存空間
      5. Illustrator 雲端文件 | 常見問題
    2. 疑難排解
      1. 疑難排解 Illustrator 雲端文件的建立或儲存問題
      2. 疑難排解 Illustrator 雲端文件問題
  6. 新增並編輯內容
    1. 繪圖與尺寸
      1. 繪圖基本介紹
      2. 編輯路徑
      3. 繪製像素級最佳化線條圖
      4. 使用筆型、曲線或鉛筆工具繪圖
      5. 繪製簡單線條和形狀
      6. 繪製矩形和放射網格
      7. 繪製及編輯反光
      8. 影像描圖
      9. 簡化路徑
      10. 符號工具和符號組
      11. 調整路徑區段
      12. 以 5 個簡單步驟設計花朵
      13. 建立和編輯透視格點
      14. 在透視格點上繪製和修改物件
      15. 使用物件作為重複使用的符號
      16. 繪製網頁工作流程的像素對齊路徑
      17. 測量和繪製尺寸
    2. 3D 物件和素材
      1. 關於 Illustrator 的 3D 效果
      2. 製作 3D 圖形
      3. 將圖稿對應到 3D 物件
      4. 建立 3D 文字
      5. 建立 3D 物件
    3. 顏色
      1. 關於色彩
      2. 選取顏色
      3. 使用及建立色票
      4. 調整顏色
      5. 使用「Adobe Color 主題」面板
      6. 顏色群組 (調協)
      7. 顏色主題面板
      8. 重新上色您的圖稿
    4. 上色
      1. 關於上色
      2. 使用填色與筆畫上色
      3. 即時上色群組
      4. 漸層
      5. 筆刷
      6. 透明度和漸變模式
      7. 將筆畫套用至物件
      8. 建立和編輯圖樣
      9. 網格
      10. 圖樣
    5. 選取和排列物件
      1. 選取物件
      2. 圖層
      3. 群組和展開物件
      4. 移動、對齊和均分物件
      5. 堆疊物件    
      6. 鎖定、隱藏及刪除物件
      7. 複製及重複物件
      8. 旋轉及鏡射物件
      9. 交織物件
      10. 製作擬真的藝術模型
    6. 改變物件外框
      1. 裁切影像
      2. 將物件變形
      3. 組合物件
      4. 剪下、分割和剪裁物件
      5. 操控彎曲
      6. 縮放、傾斜及扭曲物件
      7. 建立漸變物件
      8. 使用封套改變外框
      9. 使用效果改變物件外框
      10. 使用 Shaper 和形狀建立程式工具建立形狀
      11. 使用即時轉角
      12. 增強型改變外框工作流程和觸控支援
      13. 編輯剪裁遮色片
      14. 即時形狀
      15. 使用「形狀建立程式」工具建立形狀
      16. 整體編輯
    7. 文字
      1. 新增文字並使用文字物件
      2. 建立項目符號和編號清單
      3. 管理文字區域
      4. 字型和印刷樣式
      5. 將影像內的文字轉換為可編輯的文字
      6. 新增基本格式至文字
      7. 新增進階格式至文字
      8. 匯入和匯出文字
      9. 格式化段落
      10. 特殊字元
      11. 建立路徑文字
      12. 字元與段落樣式
      13. 定位點
      14. 尋找缺少的字型 (Typekit 工作流程)
      15. 阿拉伯文和希伯來文文字
      16. 字型 | 常見問題集和疑難排解提示
      17. 營造 3D 文字效果
      18. 創意印刷樣式設計
      19. 縮放與旋轉文字
      20. 行和字元間距
      21. 連字和分行符號
      22. 拼字及語言字典
      23. 設定亞洲字元格式
      24. 亞洲撰寫程式字體
      25. 使用漸變物件建立文字設計
      26. 使用影像描圖建立文字海報
    8. 建立特效
      1. 使用效果
      2. 繪圖樣式
      3. 外觀屬性
      4. 建立素描和馬賽克
      5. 陰影、光暈和羽化
      6. 效果摘要
    9. 網頁圖形
      1. 建立網頁圖形的最佳作法
      2. 圖表
      3. SVG
      4. 切片和影像地圖
  7. 匯入、匯出及儲存
    1. 匯入
      1. 置入多個檔案
      2. 管理連結檔案和嵌入的檔案
      3. 連結資訊
      4. 取消嵌入影像
      5. 從 Photoshop 匯入圖稿
      6. 匯入點陣影像
      7. 匯入 Adobe PDF 檔案
      8. 匯入 EPS、DCS 及 AutoCAD 檔案
    2. Illustrator 中的 Creative Cloud Libraries
      1. Illustrator 中的 Creative Cloud Libraries
    3. 儲存
      1. 儲存圖稿
    4. 匯出
      1. 在 Photoshop 中使用 Illustrator 圖稿
      2. 匯出圖稿
      3. 以批次方式收集資產及匯出
      4. 封裝檔案
      5. 建立 Adobe PDF 檔案
      6. 摘取 Extract CSS | Illustrator CC
      7. Adobe PDF 選項
      8. 文件資訊面板
  8. 列印
    1. 準備列印
      1. 設定列印的文件
      2. 變更頁面大小和方向
      3. 指定剪裁或對齊的裁切標記
      4. 開始使用大型畫布
    2. 列印
      1. 疊印
      2. 使用色彩管理進行列印
      3. PostScript 列印
      4. 列印預設集
      5. 印表機的標記和出血
      6. 列印和儲存透明圖稿
      7. 補漏白
      8. 分色列印
      9. 列印漸層、網格及色彩漸變
      10. 白色疊印
  9. 自動化工作
    1. 使用「變數」面板進行資料合併
    2. 以指令碼自動化
    3. 以動作自動化
  10. 疑難排解 
    1. 已知問題
    2. 當機問題
    3. 當機後復原檔案
    4. 檔案問題
    5. 支援的檔案格式
    6. GPU 裝置驅動程式問題
    7. Wacom 裝置問題
    8. DLL 檔案問題
    9. 記憶體問題
    10. 偏好設定檔案問題
    11. 字型問題
    12. 印表機問題
    13. 與 Adobe 分享當機報告
    14. 改善 Illustrator 的效能

了解如何搭配 SVG 以使用 XML 和 JavaScript,藉此建立回應使用者動作的網頁圖形,並為圖形加上複雜效果,例如反白、工具提示、音效和動畫等。

關於 SVG

SVG 是以形狀、路徑、文字和濾鏡效果來描繪影像的向量格式。產生的檔案非常精簡,可以在網頁、印刷甚至資源受限的手持裝置上提供高品質的圖形,不同於 GIF、JPEG、WBMP 和 PNG 這類大型檔案。使用者可以在螢幕上放大 SVG 影像的檢視畫面,而不會減損其銳利度、細部或清晰度。此外,SVG 提供卓越的文字和色彩支援,可確保使用者所看到的影像與 Illustrator 工作區域上的顯示完全一樣。

SVG 格式是完全以 XML 為基礎,並且提供許多優點給開發人員及使用者。 

您可以使用「儲存」「另存新檔」「儲存拷貝」儲存為網頁及裝置用等指令,以 SVG 格式儲存圖稿。若要存取完整的一組 SVG 匯出選項,請使用「儲存」「另存新檔」「儲存拷貝」指令。「儲存為網頁及裝置用」指令會提供 SVG 匯出選項的子集,適用於網頁導向作品。

套用 SVG 效果

您可以使用 SVG 效果加入圖形屬性,例如在圖稿中製作陰影。SVG 效果與點陣圖對應項目之間的差別是:SVG 效果是以 XML 為基礎,與解析度無關。其實 SVG 效果只是一系列描述各種數學運算的 XML 屬性。最後產生的效果是呈現在目標物件,而不在來源圖形上。

Illustrator 提供一組預設的 SVG 效果。您可以用含預設屬性的效果編輯 XML 程式碼,以產生自訂效果,或編寫新的 SVG 效果。

註解:

若要修改 Illustrator 的預設 SVG 濾鏡,請使用文字編輯器,以編輯 Documents and Settings/<userdir>/Application Data/Adobe/Adobe Illustrator <版本編號> Settings/<location> 檔案夾中的 Adobe SVG 濾鏡. svg 檔案。您可以修改現有的濾鏡定義、刪除濾鏡定義,並新增濾鏡定義。

  1. 選取物件或群組 (或在「圖層」面板中指定圖層為目標)。
  2. 若要套用效果,請執行下列其中一項作業:

    使用預設設定

    移至「效果 > SVG 濾鏡 > 套用 SVG 濾鏡」

    使用自訂設定

    1. 移至「效果 > SVG 濾鏡 > 套用 SVG 濾鏡」

    2. 在對話框中,選取效果,然後選取「編輯 SVG 濾鏡」。編輯預設代碼,然後選取「確定」

    建立並套用新效果

    1. 移至「效果 > SVG 濾鏡 > 套用 SVG 濾鏡」

    2. 在對話框中,選取效果,然後選取「新 SVG 濾鏡」。輸入新的代碼,然後選取「確定」

當您套用 SVG 濾鏡效果時,Illustrator 會在畫板上顯示該效果的點陣化版本。您可以透過修改文件的點陣化解析度設定,控制此預視影像的解析度。

註解:

當物件使用多種效果時,SVG 效果必須是最後一個效果,也就是說,SVG 效果必須顯示在「外觀」面板的底部 (「透明度」項目的正上方)。若 SVG 效果之後還有其他效果,SVG 輸出將由點陣物件組成。

從 SVG 檔案讀入效果

  1. 選擇「效果 > SVG 濾鏡 > 讀入 SVG 濾鏡」

  2. 選取要從中讀入效果的 SVG 檔案,然後選取「開啟」

SVG 互動面板概觀

「SVG 互動」面板可以讓您看到與目前檔案相關的所有事件和 JavaScript 檔案。
將圖稿匯出供網頁瀏覽器檢視時,可以使用「SVG 互動」面板 (視窗 > SVG 互動) 為圖稿增加互動功能。例如,您可以建立觸發 JavaScript 指令的事件,在使用者執行將滑鼠游標移過物件之類動作時,在網頁上迅速移動。

從 SVG 互動面板刪除事件

您可以使用「SVG 互動」面板刪除一個或所有事件。

若要刪除一個事件

  • 選取事件並選取「移除所選項目」

若要刪除所有事件

  • 從面板選單中選取「清除事件」

列出、增加或移除連結至檔案的事件

選取「連結 JavaScript 檔案」並選取「新增」以新增其他 JavaScript 檔案,若要刪除所選 JavaScript 項目,請選取「移除」

在圖稿中增加 SVG 互動

  1. 「SVG 互動」面板中選取「事件」。(請參閱 SVG 事件)。

  2. 輸入對應的 JavaScript,然後按 Enter 鍵。

SVG 事件

onfocusin

在元素獲得焦點時觸發動作,例如指標選取動作。

onfocusout

在元素失去焦點時觸發動作 (通常是另一個元素獲得焦點時)。

onactivate

以滑鼠按一下或按鍵觸發動作,依 SVG 元素而定。

onmousedown

在元素上方按下滑鼠按鈕時觸發動作。

onmouseup

在元素上方釋放滑鼠按鈕時觸發動作。

onclick

在元素上方點選滑鼠按鈕時觸發動作。

onmouseover

在指標移至元素上方時觸發動作。

onmousemove

在指標置於元素上方時觸發動作。

onmouseout

從元素移開指標時觸發動作。

onkeydown

按下按鍵時觸發動作。

onkeypress

按下按鍵時觸發動作。

onkeyup

釋放按鍵時觸發動作。

onload

瀏覽器已將 SVG 文件完全剖析之後觸發動作。使用這個事件只能呼叫一次初始化功能。

onerror

在元素未正確載入或發生其他錯誤時觸發動作。

onabort

在網頁未完全載入元素之前停止載入時觸發動作。

onunload

在 SVG 文件自視窗或影格中移除時觸發動作。

onzoom

在文件的縮放顯示層級變更時觸發動作。

onresize

在調整文件檢視大小時觸發動作。

onscroll

在文件捲動或平移時觸發動作。

建立 SVG 檔案的技巧

  • 使用圖層將結構加入 SVG 檔案中。當您以 SVG 格式儲存圖稿時,每個圖層都會轉換為群組 (<g>) 元素。(例如,名為 Button1 的圖層將在 SVG 檔案中變成 <g id="Button1_ver3.0">。) 巢狀圖層會變成 SVG 巢狀群組,而隱藏的圖層則保留,並且其 SVG 樣式內容仍維持為「display="none"」。

  • 如果要讓不同圖層中的物件顯示為透明,請調整各物件的不透明度,而不是調整各圖層的不透明度。

  • 點陣資料無法在 SVG 檢視器中縮放,也無法像其他 SVG 元素般編輯。您可以避免建立將點陣化為 SVG 檔案的圖稿。使用 SVG 效果加入圖形效果不會產生點陣化。

  • 在圖稿中使用符號並簡化路徑,可改善 SVG 效能。如果效能為您的優先考量,也請避免使用會產生大量路徑資料的筆刷,如「炭筆」、「灰燼」、和「捲軸筆」。

  • 使用切片、影像地圖和指令碼,將網頁連結加入 SVG 檔案中。

  • 指令語言 (如 JavaScript) 可在 SVG 檔案中開啟無限的功能。移動指標和鍵盤可以呼叫指令功能,如滑鼠指向效果。

針對網頁最佳化的 SVG 匯出選項

有新的 SVG 匯出 (「檔案 > 匯出 > 另匯出為 > SVG」) 選項可使用。新的工作流程能讓您針對您的網頁和畫面設計專案產生標準化、網頁最佳化的 SVG 檔案。如需詳細資訊,請參閱 SVG 匯出選項


相關資源

聯繫我們

諮詢社群

如果您想提出問題或分享心得,請加入並參與 Adobe Illustrator 社群。我們很樂意聆聽您的意見。

 Adobe

更快、更輕鬆地獲得協助

新的使用者?