用钢笔工具绘图

Animate

打开应用程序

Adobe Animate 用户指南

Animate 简介

Animate 新增功能

图示术语表

Animate 系统要求

Animate 键盘快捷键

在 Animate 中使用多种文件类型

动画

Animate 动画基础知识

如何在 Animate 中使用帧和关键帧

在 Animate 中使用逐帧动画

如何在 Animate 中使用经典补间动画

画笔工具

运动辅助线

补间动画和 ActionScript 3.0

关于运动补间动画

补间动画

创建补间动画

使用属性关键帧

用补间对位置进行动画处理

如何使用动画编辑器编辑补间动画

编辑补间动画的运动路径

处理补间动画

添加自定义缓动

创建和应用动画预设

设置动画的补间范围

处理另存为 XML 文件的补间动画

补间动画与传统补间

形状补间

在 Animate 中使用骨骼工具动画

在 Animate 中处理角色操纵

如何在 Adobe Animate 中使用遮罩层

如何在 Animate 中使用场景

交互性

如何使用 Animate 创建按钮

将 Animate 项目转换为其它文档类型格式

在 Animate 中创建和发布 HTML5 Canvas 文档

在 Animate 中通过代码片段添加交互性

创建自定义 HTML5 组件

使用 HTML5 Canvas 中的组件

创建自定义组件:示例

自定义组件的代码片段

最佳做法 - 使用 Animate 制作广告

虚拟现实创作和发布

工作区和工作流

创建和管理画笔

在 HTML5 Canvas 文档中使用 Google 字体

使用 Creative Cloud Libraries 和 Adobe Animate

使用 Animate 的舞台和工具面板

Animate 工作流程和工作区

在 HTML5 Canvas 文档中使用 Web 字体

时间轴和 ActionScript

使用多个时间轴

设置首选参数

使用 Animate 创作面板

使用 Animate 创建时间轴图层

导出移动应用程序和游戏引擎的动画

移动和复制对象

模板

在 Animate 中查找和替换

撤消、重做和历史记录面板

键盘快捷键

如何在 Animate 中使用时间轴

创建 HTML 扩展

图像和动画 GIF 的优化选项

图像和 GIF 的导出设置

Animate 中的资源面板

多媒体与视频

在 Animate 中变形和合并图形对象

在 Animate 中创建并使用元件实例

图像描摹

如何在 Adobe Animate 中使用声音

导出 SVG 文件

创建用于 Animate 中的视频文件

如何在 Animate 中添加视频

使用 Animate 绘制和创建对象

改变线条和形状

Animate CC 中的笔触、填充和渐变

使用 Adobe Premiere Pro 和 After Effects

Animate CC 中的颜色面板

使用 Animate 打开 Flash CS6 文件

在 Animate 中使用传统文本

向 Animate 中置入图稿

在 Animate 中导入的位图

3D 图形

在 Animate 中使用元件

使用 Adobe Animate 绘制线条和形状

在 Animate 中使用库

导出声音

在 Animate CC 中选择对象

在 Animate 中使用 Illustrator AI 文件

应用混合模式

排列对象

使用“命令”菜单自动处理任务

多语言文本

在 Animate 中使用摄像头

图形滤镜

声音和 ActionScript

绘制首选参数

用钢笔工具绘图

平台

将 Animate 项目转换为其它文档类型格式

自定义平台支持

在 Animate 中创建和发布 HTML5 Canvas 文档

创建和发布 WebGL 文档

如何打包 AIR for iOS 应用程序

发布 AIR for Android 应用程序

发布用于桌面的 Adobe AIR

ActionScript 发布设置

最佳做法 - 管理应用程序中的 ActionScript

如何在 Animate 中使用 ActionScript

Animate 工作区中的辅助功能

编写和管理脚本

启用自定义平台支持

自定义平台支持概述

使用自定义平台支持插件

调试 ActionScript 3.0

启用自定义平台支持

导出和发布

如何从 Animate CC 导出文件

OAM 发布

导出 SVG 文件

使用 Animate 导出图形和视频

发布 AS3 文档

导出移动应用程序和游戏引擎的动画

导出声音

最佳做法 - 移动设备内容创建技巧

最佳做法 - 视频惯例

最佳做法 - SWF 应用程序创作指南

最佳做法 - 构造 FLA 文件

在 Animate 中优化 FLA 文件的最佳做法

ActionScript 发布设置

指定 Animate 的发布设置

导出放映文件

导出图像和动画 GIF

HTML 发布模板

使用 Adobe Premiere Pro 和 After Effects

快速分享和发布动画

故障排除

已修复的问题

已知问题

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

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

钢笔工具绘制状态

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

初始锚点指针

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

连续锚点指针

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

添加锚点指针

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

删除锚点指针

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

连续路径指针

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

闭合路径指针

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

连接路径指针

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

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

收缩贝塞尔曲线手柄指针

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

转换锚点指针

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

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

用钢笔工具绘制直线

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

选择“钢笔”工具 。

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

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

在您想要该线段结束的位置处再次单击(按住 Shift 单击将该线段的角度限制为 45 度的倍数)。

继续单击,为其他的直线段设置锚点。

单击钢笔工具将创建直线段。

单击钢笔工具将创建直线段。

若要以开放或闭合形状完成此路径,请执行下列操作之一:

若要完成一条开放路径,请双击最后一个点,或者单击“工具”面板中的钢笔工具,或者按住 Ctrl (Windows) 或 Command (Macintosh) 并单击路径外的任何位置。

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

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

用钢笔工具绘制曲线

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

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

选择“钢笔”工具 。

将钢笔工具定位在曲线的起始点,并按住鼠标按键。

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

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

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

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

拖动曲线中的第一个点

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

拖动曲线中的第一个点

将钢笔工具定位到曲线段结束的位置,请执行下列操作之一:

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

绘制曲线中的第二个点

绘制曲线中的第二个点

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

绘制 S 形曲线

绘制 S 形曲线

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

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

若要完成路径,请执行下列操作之一:

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

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

添加或删除锚点

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

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

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

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

选择要修改的路径。

在“钢笔”工具 上单击并按住鼠标按键,然后选择“钢笔”工具 、“添加锚点”工具 或“删除锚点”工具 。

若要添加锚点,请将指针定位到路径段上,然后单击。若要删除锚点,请将指针定位到锚点上,然后单击。

调整路径上的锚点

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

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

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

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

移动或添加另一个锚点

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

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

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

删除锚点

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

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

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

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

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

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

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

调整线段

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

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

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

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

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

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

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

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

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

钢笔工具的首选参数

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

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

在“类别”列表中选择“绘制”。

设置钢笔工具的下列选项:

显示钢笔预览

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

显示实心点

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

显示精确光标

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

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

单击“确定”。

更多此类内容

调整笔触颜色和填充颜色