《《多媒体技术与应用》教学课件—第4章1-Animate-CC基础》由会员分享，可在线阅读，更多相关《《多媒体技术与应用》教学课件—第4章1-Animate-CC基础（69页珍藏版）》请在金锄头文库上搜索。
1、第4章 Animate CC 基础l了解Animate CC的工作界面。l掌握Animate CC基本绘图工具。l掌握编辑图形的基本方法。l掌握使用文本的基本方法。学习目标4.1.1 关于Animate CC4.1 认识Animate CC Animate CC是由原来的Adobe Flash Professional CC更名得来，在维持原有 Flash 开发工具支持外新增了HTML5创作工具，为网页开发者提供更适应现有网页应用的音频、图形、视频、动画等创作支持。Animate CC拥有大量的新特性，特别是在继续支持Flash SWF、AIR格式的同时，支持HTML5 Canvas、WebG
2、L，并能通过可扩展架构去支持包括SVG在内的几乎任何动画格式。也就是说，使用Animate CC不仅可以制作保存Flash动画，还可以制作保存其他格式类型的动画，其支持的动画类型范围更加广泛。Animate CC在输出格式方面的灵活性可确保在不需要任何插件的情况下都可以查看其内容。4.1.2 工作界面4.1 认识Animate CC 开始屏幕4.1.2 工作界面4.1 认识Animate CC 新建Flash文档后的屏幕窗口4.1.3 舞台和场景4.1 认识Animate CC 舞台是在创建Animate文档时放置图形内容的矩形区域，可以在其中绘制图形，也可以在舞台中导入需要图像、媒体文件等，
3、默认情况下是一幅白色的画布。创作环境中的舞台相当于 Flash Player或Web浏览器窗口中在播放期间显示文档的矩形空间。舞台之外的灰色区域称为后台区，在设计动画时，往往要利用后台区做一些辅助性的工作，但主要内容都要在舞台中实现。这就如同演出一样，在舞台之外（后台）可能要做许多准备工作，但真正呈现给观众的只是舞台上的表演。4.1.3 舞台和场景4.1 认识Animate CC 在电影或话剧中，经常要更换场景。在动画制作中为了设计的需要，如要按主题组织文档，可以使用单独的场景用于简介、出现的消息以及片头片尾字幕等。使用场景类似于使用几个FLA文件一起创建一个较大的演示文稿。每个场景都有一个时
4、间轴。文档中的帧都是按场景顺序连续编号的。例如，如果文档包含两个场景，每个场景有10帧，则场景2中的帧的编号为 11 到20。文档中的各个场景将按照【场景】面板中所列的顺序进行播放。当播放头到达一个场景的最后一帧时，播放头将前进到下一个场景。发布SWF文件时，每个场景的时间轴会合并为SWF文件中的一个时间轴。将该 SWF 文件编译后，其行为方式与使用一个场景创建的 FLA 文件相同。由于这种行为，场景通常会存在一些缺点，不建议在一个FLA文件中使用大量的场景。4.1.4 【工具】面板4.1 认识Animate CC 选择菜单命令【窗口】/【工具】，可以显示【工具】面板。【工具】面板集中了绘图、
5、上色、选择等常用工具，并可以更改舞台的视图。4.1.5 【时间轴】面板4.1 认识Animate CC 选择菜单命令【窗口】/【时间轴】，可以显示【时间轴】面板。时间轴用于组织和控制文档内容在一定时间内播放的层数和帧数，是实现动画的关键部分。4.1.6 首选参数4.1 认识Animate CC 选择菜单命令【编辑】/【首选参数】，打开【首选参数】对话框。4.1.7 创建和保存文档4.1 认识Animate CC 一、创建文档使用Animate CC创建文档的途径通常有两种：一种是使用开始屏幕，另一种是使用菜单命令【文件】/【新建】。通过开始屏幕创建文档启动Animate CC后，在开始屏幕的【
6、新建】栏下包括HTML5 Canvas、WebGl（预览）、ActionScript 3.0、AIR for Desktop、AIR for Android、AIR for iOS、ActionScript 3.0类、ActionScript 3.0接口、ActionScript 3.0文件和JSFL脚本文件10个选项，选择任何一个选项都将创建相应的文档并进入编辑窗口。通过菜单命令【文件】/【新建】创建文档选择菜单命令【文件】/【新建】打开【新建文档】对话框，在【常规】选项卡的【类型】列表框中，列出了与在开始屏幕中相同的10个选项，如图4-8所示。选择任何一个选项都将创建相应的文档并进入编辑窗
7、口。4.1.7 创建和保存文档4.1 认识Animate CC 4.1.7 创建和保存文档4.1 认识Animate CC 也可选择【模板】选项卡，在左侧【类别】列表框中列出了10种类型，每种类型都在中间的【模板】列表框中提供了一定数量的模板供用户选择使用。4.1.7 创建和保存文档4.1 认识Animate CC 二、保存文档 保存文档通常主要有以下几种方式。 菜单命令【保存】、【另存为】和【全部保存】4.1.7 创建和保存文档4.1 认识Animate CC 菜单命令【还原】如果需要还原到上次保存时的文档版本，可以选择【文件】/【还原】命令。 菜单命令【另存为模板】 选择【文件】/【另存为
8、模板】命令可以将文档保存为模板，以便用做创建新文档的起点。该命令打开的【另存为模板】对话框如图4-11左图所示，其中【名称】文本框用于定义模板的名称，【类别】列表文本框用于定义模板的类别，可以选择也可以输入，列表框如图4-11右图所示，【描述】文本框用于输入模板的说明文字，最多可容纳255个字符，这样在【新建文档】对话框中选择该模板时就会显示这些说明文字。4.2.1 关于图形4.2 绘图工具 图形通常包括位图图像和矢量图形两种。位图也叫点阵图或栅格图像，是由称作像素的单个点组成的。当放大位图时，可以看见构成图像的无数单个方块。简单地说，位图就是由最小单位像素构成的图，缩放后会失真。位图是由像素
9、阵列的排列来实现其显示效果的，每个像素都有自己的颜色信息。在对位图像编辑操作时，操作的对象是像素，用户可以改变图像的色相、饱和度和亮度，从而改变图像的显示效果。也正因如此，位图的色彩是非常艳丽的，常用于对色彩丰富度或真实感要求比较高的场所。矢量图也称向量图，在数学上定义为一系列由直线或曲线连接的点，而计算机是根据矢量数据计算生成的。计算机在显示和存储矢量图的时候，只是记录图形的边线位置和边线之间的颜色，而图形的复杂与否将直接影响矢量图形文件的大小，与图形的尺寸无关。这就是矢量图形文件体积通常比较小的原因。矢量图是可以任意放大和缩小的，在放大和缩小后图形的清晰度都不会受到影响。矢量图和位图最大的
10、区别还在于，矢量图的轮廓形状更容易修改和控制，且线条工整并可以重复使用，不过对于单独的图像色彩上变化的实现不如位图实现起来方便；位图色彩变化丰富，可以改变位图任何形状区域的色彩显示效果，但对位图轮廓的修改不大方便。4.2.2 自由绘图工具4.2 绘图工具 Animate CC提供的自由绘图工具包括线条工具 、铅笔工具 、钢笔工具 和画笔工具 等，使用这些工具可以绘制各种矢量图形。使用线条工具 可以绘制不同角度的矢量直线，使用铅笔工具 可以绘制任意线条，使用钢笔工具 可以创建和编辑路径以便绘制出相对比较复杂和精确的曲线图形，使用画笔工具 可以绘制出形态各异的矢量色块或创建特殊的绘制效果。4.2.
11、2 自由绘图工具4.2 绘图工具 绘制直线4.2.2 自由绘图工具4.2 绘图工具 铅笔工具的3种绘图模式效果4.2.2 自由绘图工具4.2 绘图工具 钢笔工具绘图效果。4.2.2 自由绘图工具4.2 绘图工具 画笔工具。4.2.3 填充工具4.2 绘图工具 可以对绘制的图形进行颜色填充操作，常用的填充工具主要有颜料桶工具 、墨水瓶工具 、滴管工具 、橡皮擦工具 和宽度工具 等。颜料桶工具 主要用来填充图形内部的颜色，可以使用颜色、渐变色以及位图进行填充。使用墨水瓶工具 可以更改线条或图形的边框颜色，更改封闭区域的填充颜色以及吸取颜色等。使用滴管工具 可以吸取现有图形的线条或填充上的颜色及风格
12、等信息，并可将这些信息应用到其他图形上。使用橡皮擦工具 可以快速擦除舞台中的任何矢量对象，包括笔触和填充区域。使用宽度工具 可以针对舞台上的绘图加入不同形式和粗细的宽度，通过加入调节宽度可以将简单的笔画变为丰富的图案。4.2.3 填充工具4.2 绘图工具 使用钢笔工具绘图。4.2.3 填充工具4.2 绘图工具 使用颜料桶工具填充。4.2.3 填充工具4.2 绘图工具 使用墨水瓶工具填充。4.2.3 填充工具4.2 绘图工具 选择滴管工具 后，当将鼠标光标移至舞台图形的线条上时单击即可拾取该线条的颜色作为填充样式。在拾取线条颜色时，会自动切换墨水瓶工具为当前操作工具，并且工具的填充颜色正是滴管工
13、具所拾取的颜色。当将鼠标光标移至图形的填充区域内时单击即可拾取该区域的颜色作为填充样式。在拾取区域颜色和样式时，也会自动切换墨水瓶工具为当前操作工具，并打开【锁定填充】功能，而且工具的颜色和样式正是滴管工具所拾取的填充颜色和样式。4.2.3 填充工具4.2 绘图工具 选择橡皮擦工具 后，【工具】面板中会显示相关选项按钮：橡皮擦模式 、水龙头 和橡皮擦形状 。单击水龙头 按钮，然后在图形上的笔触或填充区域单击可以快速将其删除。单击橡皮擦形状 按钮，将弹出一个包含10种橡皮擦形状的菜单供选择。单击橡皮擦模式 按钮，将弹出一个包含5种橡皮擦模式的菜单供选择：【标准擦除】、【擦除填色】、【擦除线条】、
14、【擦除所选填充】和【内部擦除】。【标准擦除】表示擦除同一图层中鼠标光标经过区域的笔触和填充。【擦除填色】表示只擦除对象的填充，对笔触没有影响。【擦除线条】表示只擦除对象的笔触，对填充没有影响。【擦除所选填色】表示只擦除当前对象中选定的填充部分，对未选的笔触及填充没有影响。【内部擦除】表示只擦除工具开始处的部分，不会对笔触产生影响。另外，橡皮擦工具只对矢量图形起作用，对文字和位图不起作用。如果要擦除文字和位图，需要将文字和位图打散。4.2.3 填充工具4.2 绘图工具 使用宽度工具 可以将一条线段转化为一个图案。如使用铅笔工具 绘制一条直线，然后选择宽度工具 ，将光标移动到直线上单击并拖动鼠标拉
15、宽直线，然后拖动直线上的其他锚点进行拖动，从而改变图形形状4.2.4 标准绘图工具4.2 绘图工具 标准绘图工具包括矩形工具 、基本矩形工具 、椭圆工具 、基本椭圆工具 和多角星工具 等，使用这些工具可以绘制各种比较标准的矢量图形。使用矩形工具 和基本矩形工具 可以绘制矩形图形，这些工具不仅能设置矩形的形状、大小和颜色，还能设置边角半径从而调整矩形形状。使用椭圆工具 和基本椭圆工具 可以绘制椭圆图形，使用这些工具还可以设置角度和内径。使用多角星工具 可以绘制多边形图形和多角星图形。4.2.4 标准绘图工具4.2 绘图工具 矩形工具。4.2.4 标准绘图工具4.2 绘图工具 基本矩形工具。4.2
16、.4 标准绘图工具4.2 绘图工具 椭圆工具。4.2.4 标准绘图工具4.2 绘图工具 基本椭圆工具。4.2.4 标准绘图工具4.2 绘图工具 多角星形工具。4.2.5 选择性工具4.2 绘图工具 选择性工具包括选择工具 、部分选取工具 、套索工具 、多边形工具 和魔术棒工具 等，可以分别使用这些工具来选择、抓取、移动和调整曲线，甚至可以调整和修改路径和自由选定要选择的区域。 选择工具。4.2.5 选择性工具4.2 绘图工具 使用选择工具 选择对象。4.2.5 选择性工具4.2 绘图工具 使用部分选取工具改变图形形状、移动对象。4.2.5 选择性工具4.2 绘图工具 使用套索工具选择对象不规则区域。4.2.5 选择性工具4.2 绘图工具 使用多边形工具选择对象不规则区域。4.2.5 选择性工具4.2 绘图工具 魔术棒工具选择区域。4.2.6 查看工具4.2 绘图工具 查看工具主要有手形工具 、旋转工具 和缩放工具 ，分别用来平移、旋转设计区中的对象或放大缩小设计区域显示比例。使用手形工具拖动查看未显示内容4.2.5 选择性工具4.2 绘图工具 使用旋转工具旋转视图。4.2.5 选择性工
