用户指南 取消(C)

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. 将 Touch Bar 与 Illustrator 结合使用
      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. Dimension
    4. 生成式 AI(在中国大陆不可用)
      1. 使用文本提示生成场景、主题和图标
      2. 使用文本提示生成矢量图形
      3. 使用文本提示生成矢量形状填充
      4. 使用文本提示重新着色图稿
    5. 快速操作
      1. 复古文字
      2. 霓虹灯文本
      3. 复古文本
      4. 重新着色
      5. 将草图转换为矢量
  3. Illustrator Web 版 (Beta)
    1. Illustrator Web 版 (Beta) 概述
    2. Illustrator Web 版 (Beta) 常见问题解答
    3. 故障排除问题常见问题
    4. Illustrator Web 版 (Beta) 的键盘快捷键
    5. 在 Web 上创建和组合形状
    6. 在 Web 上添加和编辑文本
    7. 在 Web 上应用颜色和渐变
    8. 在 Web 上绘制和编辑路径
    9. 在 Web 上处理云文档
    10. 在 Web 上邀请协作者参与编辑
  4. Illustrator iPad 版
    1. Illustrator iPad 版简介
      1. Illustrator iPad 版概述
      2. Illustrator iPad 版常见问题解答
      3. 系统要求 | Illustrator iPad 版
      4. 在 Illustrator iPad 版上可以或无法执行的操作
    2. 工作区
      1. Illustrator iPad 版工作区
      2. 触控快捷键和手势
      3. Illustrator iPad 版的键盘快捷键
      4. 管理应用程序设置
    3. 文档
      1. 在 Illustrator iPad 版中处理文档
      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. 绘制用于 Web 工作流程的像素对齐路径
      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. 旋转和镜像对象
      11. 交织对象
      12. 创建逼真的艺术模型
    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. Web 图形
      1. 创建 Web 图形的最佳做法
      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. 保存图稿
      2. 导出图稿
      3. 创建 Adobe PDF 文件
      4. Adobe PDF 选项
      5. 在 Photoshop 中使用 Illustrator 图稿
      6. 收集资源并批量导出
      7. 包文件
      8. 提取 CSS | Illustrator CC
      9. “文档信息”面板
  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. 支持的文件格式
    7. GPU 设备驱动程序问题
    8. Wacom 设备问题
    9. DLL 文件问题
    10. 内存问题
    11. 偏好设置文件问题
    12. 字体问题
    13. 打印机问题
    14. 与 Adobe 共享崩溃报告
    15. 改进 Illustrator 性能

了解如何通过 SVG 来使用 XML 和 JavaScript 创建与用户操作对应的 Web 图形,图形中可具有突出显示、工具提示、音频和动画等复杂效果。

关于 SVG

SVG 是将图像描述为形状、路径、文本和滤镜效果的矢量格式。生成的文件会经压缩,可以在网络、印刷甚至资源受限的手持设备上提供高质量的图形,这与体积庞大的 GIF、JPEG、WBMP 和 PNG 不同。用户无须牺牲锐利程度、细节或清晰度,即可在屏幕上放大 SVG 图像的视图。此外,SVG 提供对文本和颜色的高级支持,它可以确保用户看到的图像和 Illustrator 画板上所显示的一样。

SVG 格式完全基于 XML,可同时为开发人员和用户提供许多优势。 

可以使用“存储”、“存储为”、“存储副本”或“存储为 Web 和设备所用格式”命令以 SVG 格式存储图稿。要访问 SVG 导出选项的完整组合,请使用“ 存储”、“存储为”或“存储副本”命令。“存储为 Web 和设备所用格式”命令提供了一部分 SVG 导出选项,这些选项可用于面向 Web 的作品。

应用 SVG 效果

可以使用 SVG 效果添加图形属性,如添加投影到图稿。因为 SVG 效果基于 XML 并且不依赖于分辨率,所以它与位图效果有所不同。事实上,SVG 效果就是一系列描述各种数学运算的 XML 属性。生成的效果会应用于目标对象而不是源图形。

Illustrator 提供了一组默认的 SVG 效果。您可以用这些效果的默认属性,还可以编辑 XML 代码以生成自定效果,或者写入新的 SVG 效果。

注意:

要修改 Illustrator 的默认 SVG 滤镜,请使用文本编辑器编辑 Documents and Settings/<userdir>/Application Data/Adobe/Adobe Illustrator <版本号> Settings/<位置> 文件夹中的 Adobe SVG Filters.svg 文件。可以修改现有的滤镜定义、删除滤镜定义以及添加新的滤镜定义。

  1. 选择一个对象或组(或在“图层”面板中定位一个图层)。
  2. 要应用效果,请执行以下操作:

    具有默认设置

    转到“效果”>“SVG 滤镜”>“应用 SVG 滤镜”。

    具有自定义设置

    1. 转到“效果”>“SVG 滤镜”>“应用 SVG 滤镜”。

    2. 在出现的对话框中,选择效果,然后选择“编辑 SVG 滤镜  ”。编辑默认代码,然后选择“确定”。

    创建和应用新效果

    1. 转到“效果”>“SVG 滤镜”>“应用 SVG 滤镜”。

    2. 在出现的对话框中,选择效果,然后选择“新建 SVG 滤镜  ”。输入新代码,然后选择确定

应用 SVG 滤镜效果时,Illustrator 会在画板上显示效果的栅格化版本。可以通过修改文档的栅格化分辨率设置来控制此预览图像的分辨率。

注意:

如果对象使用多个效果,SVG 效果必须是最后一个效果;换言之,它必须显示在“外观”面板底部(在“透明度”项正上方)。如果 SVG 效果后面还有其他效果,SVG 输出将由栅格对象组成。

从 SVG 文件导入效果

  1. 选择效果 > SVG 滤镜 > 导入 SVG 滤镜

  2. 选择要从中导入效果的 SVG 文件,然后选择打开

SVG 交互面板概述

使用“SVG 交互”面板,可查看与当前文件相关联的所有事件和 JavaScript 文件。
导出图稿以在 Web 浏览器中查看时,您可以使用“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>) 元素。(例如,在 SVG 文件中,名为 Button1 的图层变为 <g id="Button1_ver3.0">。) 嵌套图层将成为 SVG 嵌套组,而隐藏的图层会被保留(其 SVG 样式属性为 display="none")。

  • 如果希望不同图层上的对象显示为透明,请调整每个对象(而不是每个图层)的不透明度。

  • 栅格数据不能在 SVG 查看器中缩放,并且不能像其他 SVG 元素那样被编辑。您可以避免创建在 SVG 文件中会被栅格化的图稿。请使用 SVG 效果,从而在不导致栅格化的情形下添加图形效果。

  • 在图稿中使用符号并简化路径以提高 SVG 性能。如果性能是优先考虑的因素,还要避免使用生成大量路径数据的画笔,如炭笔、炭灰笔以及卷轴笔。

  • 请使用切片、图像映射和脚本将 Web 链接添加到 SVG 文件。

  • 脚本语言(如 JavaScript)为 SVG 文件带来了无限的功能。指针移动和键盘移动可以调用脚本功能(如翻转效果)。

针对 Web 优化的 SVG 导出选项

新的“SVG 导出”(“文件”>“导出”>“导出为”>“SVG”)选项现已可用。新的工作流程允许您为 Web 和屏幕设计项目生成针对 Web 优化的标准化 SVG 文件。有关更多信息,请参阅 SVG 导出选项


相关资源

告知我们

询问社区

如果您有疑问,或有想法想要分享,请加入 Adobe Illustrator 社区。我们很乐意倾听您的心声。

 Adobe

更快、更轻松地获得帮助

新用户?

Adobe MAX 2024

Adobe MAX
创意大会

10 月 14 日至 16 日迈阿密海滩及线上

Adobe MAX

创意大会

10 月 14 日至 16 日迈阿密海滩及线上

Adobe MAX 2024

Adobe MAX
创意大会

10 月 14 日至 16 日迈阿密海滩及线上

Adobe MAX

创意大会

10 月 14 日至 16 日迈阿密海滩及线上