用钢笔工具绘图

  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 文档中使用 Web 字体
    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. 使用 Animate 绘制和创建对象
    9. 改变线条和形状
    10. Animate CC 中的笔触、填充和渐变
    11. 使用 Adobe Premiere Pro 和 After Effects
    12. Animate CC 中的颜色面板
    13. 使用 Animate 打开 Flash CS6 文件
    14. 在 Animate 中使用传统文本
    15. 向 Animate 中置入图稿
    16. 在 Animate 中导入的位图
    17. 3D 图形
    18. 在 Animate 中使用元件
    19. 使用 Adobe Animate 绘制线条和形状
    20. 在 Animate 中使用库
    21. 导出声音
    22. 在 Animate CC 中选择对象
    23. 在 Animate 中使用 Illustrator AI 文件
    24. 应用混合模式
    25. 排列对象
    26. 使用“命令”菜单自动处理任务
    27. 多语言文本
    28. 在 Animate 中使用摄像头
    29. 图形滤镜
    30. 声音和 ActionScript
    31. 绘制首选参数
    32. 用钢笔工具绘图
  7. 平台
    1. 将 Animate 项目转换为其它文档类型格式
    2. 自定义平台支持
    3. 在 Animate 中创建和发布 HTML5 Canvas 文档
    4. 创建和发布 WebGL 文档
    5. 如何打包 AIR for iOS 应用程序
    6. 发布 AIR for Android 应用程序
    7. 发布用于桌面的 Adobe AIR
    8. ActionScript 发布设置
    9. 最佳做法 - 管理应用程序中的 ActionScript
    10. 如何在 Animate 中使用 ActionScript
    11. Animate 工作区中的辅助功能
    12. 编写和管理脚本
    13. 启用自定义平台支持
    14. 自定义平台支持概述
    15. 使用自定义平台支持插件
    16. 调试 ActionScript 3.0
    17. 启用自定义平台支持
  8. 导出和发布
    1. 如何从 Animate CC 导出文件
    2. OAM 发布
    3. 导出 SVG 文件
    4. 使用 Animate 导出图形和视频
    5. 发布 AS3 文档
    6. 导出移动应用程序和游戏引擎的动画
    7. 导出声音
    8. 最佳做法 - 移动设备内容创建技巧
    9. 最佳做法 - 视频惯例
    10. 最佳做法 - SWF 应用程序创作指南
    11. 最佳做法 - 构造 FLA 文件
    12. 在 Animate 中优化 FLA 文件的最佳做法
    13. ActionScript 发布设置
    14. 指定 Animate 的发布设置
    15. 导出放映文件
    16. 导出图像和动画 GIF
    17. HTML 发布模板
    18. 使用 Adobe Premiere Pro 和 After Effects
    19. 快速分享和发布动画
  9. 故障排除
    1. 已修复的问题
    2. 已知问题

 

若要绘制精确的路径(如直线或平滑流畅的曲线),请使用钢笔工具。使用钢笔工具绘画时,单击可以创建直线段上的点,而拖动可以创建曲线段上的点。可以通过调整线条上的点来调整直线段和曲线段。

下列视频教程演示了如何在 Animate 中使用钢笔工具:

钢笔工具绘制状态

钢笔工具显示的不同指针反映其当前绘制状态。以下指针指示各种绘制状态:

初始锚点指针

选中钢笔工具后看到的第一个指针。指示下一次在舞台上单击鼠标时将创建初始锚点,它是新路径的开始(所有新路径都以初始锚点开始)。终止任何现有的绘画路径。

连续锚点指针

指示下一次单击鼠标时将创建一个锚点,并用一条直线与前一个锚点相连接。在创建所有用户定义的锚点(路径的初始锚点除外)时,显示此指针。

添加锚点指针

指示下一次单击鼠标时将向现有路径添加一个锚点。若要添加锚点,必须选择路径,并且钢笔工具不能位于现有锚点的上方。根据其他锚点,重绘现有路径。一次只能添加一个锚点。

删除锚点指针

指示下一次在现有路径上单击鼠标时将删除一个锚点。若要删除锚点,必须用选取工具选择路径,并且指针必须位于现有锚点的上方。根据删除的锚点,重绘现有路径。一次只能删除一个锚点。

连续路径指针

从现有锚点扩展新路径。若要激活此指针,鼠标必须位于路径上现有锚点的上方。仅在当前未绘制路径时,此指针才可用。锚点未必是路径的终端锚点;任何锚点都可以是连续路径的位置。

闭合路径指针

在您正绘制的路径的起始点处闭合路径。您只能闭合当前正在绘制的路径,并且现有锚点必须是同一个路径的起始锚点。生成的路径没有将任何指定的填充颜色设置应用于封闭形状;单独应用填充颜色。

连接路径指针

除了鼠标不能位于同一个路径的初始锚点上方外,与闭合路径工具基本相同。该指针必须位于唯一路径的任一端点上方。可能选中路径段,也可能不选中路径段。

注意:连接路径可能产生闭合形状,也可能不产生。

收缩贝塞尔曲线手柄指针

当鼠标位于显示其贝塞尔手柄的锚点上方时显示。单击鼠标将回缩贝塞尔手柄,并使得穿过锚点的弯曲路径恢复为直线段。

转换锚点指针

将不带方向线的转角点转换为带有独立方向线的转角点。若要启用转换锚点指针,请使用 Shift+C 功能键切换钢笔工具。

有关钢笔工具的视频教程,请访问 www.adobe.com/go/vid0120_cn

用钢笔工具绘制直线

使用钢笔工具可以绘制的最简单路径是直线,方法是通过单击钢笔工具创建两个锚点。继续单击可创建由转角点连接的直线段组成的路径。

  1. 选择“钢笔”工具
  2. 将钢笔工具定位在直线段的起始点并单击,以定义第一个锚点。如果出现方向线,而您意外地拖动了钢笔工具,则请选择“编辑”>“撤消”,然后再次单击。

    单击第二个锚点后,绘制的第一条线段才可见(除非已在“首选参数”对话框的“绘制”类别中指定“显示钢笔预览”)。

  3. 在您想要该线段结束的位置处再次单击(按住 Shift 单击将该线段的角度限制为 45 度的倍数)。
  4. 继续单击,为其他的直线段设置锚点。
    单击钢笔工具将创建直线段。

  5. 若要以开放或闭合形状完成此路径,请执行下列操作之一:
    • 若要完成一条开放路径,请双击最后一个点,或者单击“工具”面板中的钢笔工具,或者按住 Ctrl (Windows) 或 Command (Macintosh) 并单击路径外的任何位置。

    • 若要闭合路径,请将钢笔工具定位在第一个(空心)锚点上。当位置正确时,钢笔工具指针 旁边将出现一个小圆圈。单击或拖动以闭合路径。

    • 若要按现状完成形状,请选择“编辑”>“取消全选”或在“工具”面板中选择其他工具。

用钢笔工具绘制曲线

若要创建曲线,请在曲线改变方向的位置处添加锚点,并拖动构成曲线的方向线。方向线的长度和斜率决定了曲线的形状。

如果您使用尽可能少的锚点拖动曲线,可更容易编辑曲线并且系统可更快速显示和打印它们。使用过多点还会在曲线中造成不必要的凸起。请通过调整方向线长度和角度绘制间隔宽的锚点和练习设计曲线形状。

  1. 选择“钢笔”工具
  2. 将钢笔工具定位在曲线的起始点,并按住鼠标按键。

    此时会出现第一个锚点,同时钢笔工具指针变为箭头。(在 Photoshop 中,只有在开始拖动后指针才会发生变化。)

  3. 拖动设置要创建曲线段的斜率,然后松开鼠标按键。

    一般而言,将方向线向计划绘制的下一个锚点延长约三分之一距离。(之后可以调整方向线的一端或两端。)

    按住 Shift 键可将工具限制为 45 度的倍数。

    拖动曲线中的第一个点

    A. 定位钢笔工具 B. 开始拖动(鼠标按键按下) C. 拖动以延长方向线. 

  4. 将钢笔工具定位到曲线段结束的位置,请执行下列操作之一:
    • 若要创建 C 形曲线,请以上一方向线相反方向拖动,然后松开鼠标按键。

    绘制曲线中的第二个点

    • 若要创建 S 形曲线,请以上一方向线相同方向拖动,然后松开鼠标按键。

    绘制 S 形曲线

  5. 若要创建一系列平滑曲线,请继续从不同位置拖动钢笔工具。将锚点置于每条曲线的开头和结尾,而不放在曲线的顶点。

    若要断开锚点的方向线,请在按住 Alt (Windows) 或 Option (Macintosh) 的同时拖动方向线。

  6. 若要完成路径,请执行下列操作之一:
    • 若要闭合路径,请将钢笔工具定位在第一个(空心)锚点上。当位置正确时,“钢笔”工具指针 旁边将出现一个小圆圈。 单击或拖动以闭合路径。

    • 若要保持为开放路径,请在按住 Ctrl (Windows) 或 Command (Macintosh) 的同时单击所有对象以外的任何位置,然后选择其他工具或选择“编辑”>“取消全选”。

添加或删除锚点

添加锚点可使您更好地控制路径,也可以扩展开放路径。但是,最好不要添加不必要的点。点越少的路径越容易编辑、显示和打印。若要降低路径的复杂性,请删除不必要的点。

工具箱包含三个用于添加或删除点的工具:“钢笔”工具 、“添加锚点”工具 和“删除锚点”工具

默认情况下,当您将钢笔工具定位在选定路径上时,它会变为添加锚点工具,或者当您将钢笔工具定位在锚点上时,它会变为删除锚点工具。

不要使用 Delete、Backspace 和 Clear 键,或者“编辑”>“剪切”或“编辑”>“清除”命令来删除锚点;这些键和命令会删除点以及与之相连的线段。

  1. 选择要修改的路径。
  2. 在“钢笔”工具 上单击并按住鼠标按键,然后选择“钢笔”工具 、“添加锚点”工具 或“删除锚点”工具
  3. 若要添加锚点,请将指针定位到路径段上,然后单击。若要删除锚点,请将指针定位到锚点上,然后单击。

调整路径上的锚点

在使用钢笔工具绘制曲线时,将创建平滑点(即连续的弯曲路径上的锚点)。在绘制直线段或连接到曲线段的直线时,将创建转角点(即在直线路径上或直线和曲线路径接合处的锚点)。

默认情况下,选定的平滑点显示为空心圆圈,选定的转角点显示为空心正方形。

将方向点拖动出转角点以创建平滑点。

移动或添加另一个锚点

  • 若要移动锚点,请用“部分选取”工具 来拖动该点。

  • 若要轻推锚点,请用部分选取工具选择锚点,然后使用箭头键进行移动。按住 Shift 单击可选择多个点。

  • 若要添加锚点,请用钢笔工具单击线段。如果可以向选定的线段添加锚点,“钢笔”工具 旁边将出现一个加号 (+)。 如果还未选择线段,可用钢笔工具单击线段来选中它,然后添加锚点。

删除锚点

删除曲线路径上不必要的锚点可以优化曲线并减小所得到的 SWF 文件的大小。

  • 若要删除转角点,请用钢笔工具单击该点一次。如果可以删除选定线段中的锚点,“钢笔”工具旁边将出现一个减号 (-)。如果还未选择线段,可用钢笔工具单击线段来选中它,然后删除锚点。

  • 若要删除平滑点,请用钢笔工具单击一次相应的平滑点。如果可以删除选定线段中的锚点,“钢笔”工具旁边将出现一个减号 (-)。如果还未选择线段,可用钢笔工具单击线段来选中它,然后删除转角点。(单击一次将该点转换为转角点,再单击一次删除该点。)

在直线段和曲线段之间转换线段

若要将线条上的线段从直线段转换为曲线段,请将转角点转换为平滑点。也可以反过来操作。

  • 若要将边角点转换为平滑点,请使用“部分选取”工具选择该点,然后按住 Alt (Windows) 或 Option (Macintosh) 并拖动该点以放置切线手柄。

  • 若要将平滑点转换为边角点,请使用钢笔工具单击该点。指针旁边的插入 ^ 标记 指示指针位于平滑点上方。

调整线段

若要更改线段的角度或长度,或者调整曲线段以更改曲线的斜率或方向,请调整直线段。

移动平滑点上的切线手柄时,可以调整该点两边的曲线。移动转角点上的切线手柄时,只能调整该点的切线手柄所在的那一边的曲线。

  • 若要调整直线段,请选择“部分选取”工具 ,然后选择直线段。使用部分选取工具可以将线段上的锚点拖动到新位置。

  • 若要调整曲线段,请选择部分选取工具,然后拖动该线段。

    注意:单击路径时,Animate 将显示锚点。使用部分选取工具调整线段会给路径添加一些点。

  • 若要调整曲线上的点或切线手柄,请选择部分选取工具,然后选择曲线段上的锚点。

  • 若要调整锚点两边的曲线形状,请拖动该锚点,或者拖动切线手柄。若要将曲线限制为倾斜 45 度的倍数,请在按住 Shift 的同时拖动。若要单独拖动每个切线手柄,请在按住 Alt (Windows) 或 Option (Macintosh) 的同时拖动。

 

拖移锚点,或拖移方向点。

钢笔工具的首选参数

指定钢笔工具指针外观的首选参数,用于在画线段时进行预览,并查看所选锚点的外观。所选线段和锚点使用出现这些线条和点的层的轮廓颜色。

  1. 选择钢笔工具 ,然后选择“编辑”>“首选参数”(Windows) 或“Animate”>“首选参数”(Macintosh)。

  2. 在“类别”列表中选择“绘制”。
  3. 设置钢笔工具的下列选项:

    显示钢笔预览

    在画线段时进行预览。在您进行单击以创建线段的端点之前,在舞台周围移动指针时显示线段预览。如果未选择此选项,则只有在创建端点时才会显示线段。

    显示实心点

    将选定的锚点显示为空心点,并将取消选定的锚点显示为实心点。如果未选择此选项,则选定的锚点为实心点,而取消选定的锚点为空心点。

    显示精确光标

    指定钢笔工具指针以十字准线指针的形式出现,而不是以默认的钢笔工具图标的形式出现,这样可以提高线条的定位精度。若要显示默认的钢笔工具图标来代表钢笔工具,请取消选择该选项。

    注意:若要在十字准线指针和默认的钢笔工具图标之间进行切换,请按 Caps Lock。

  4. 单击“确定”。

更快、更轻松地获得帮助

新用户?