搜索
第1章AnimateCC2017的动画基础学习本章，读者应掌握动画原理、AnimateCC（Flash）动画的特点和应用领域等方面的相关知识。本章重点：所谓动画，其本质就是一系列连续播放的画面，利用人眼视觉的滞留效应呈现出的动态影像。大家可能接触过电影胶片，从表面上看，它们像一堆画面串在一条塑料胶片上。每一个画面成为一帧，代表电影中的一个时间片段。这些帧的内容总比前一帧稍有变化，当连续的电影胶片画面在投影机上放映时，就产生了运动的错觉。AnimateCC（Flash）动画的播放原理与影视播放原理是一样的，产生动画最基本的元素也是一系列静止的图片，即帧。在AnimateCC（Flash）的时间轴上每一个小格就是一帧，按理说，每一帧都需要制作，但Flash具有自动生成前后两个关键帧之间的过渡帧的功能，这就大大提高了AnimateCC（Flash）动画的制作效率。例如要制作一个10帧的从圆形到多边形的动画，只要在第1帧处绘制圆形，在第10帧处绘制多边形，然后利用“创建补间形状”命令，即可自动添加这两个关键帧之间的其余帧。1.1AnimateCC动画的原理AnimateCC（Flash）作为一款集动画创作与应用程序开发于一身的创作软件，优势是非常明显的。它具有以下特点：1）矢量绘图。使用矢量图的最大特点在于无论放大还是缩小，画面永远都会保持清晰，不会出现类似位图的锯齿现象。2）AnimateCC（Flash）生成的文件体积小，适合在网络上进行传播和播放。一般几十兆字节的Flash源文件，输出后只有几兆字节。3）AnimateCC（Flash）的图层管理使操作更简便、快捷。例如制作人物动画时，可将人的头部、身体、四肢放到不同的层上分别制作动画，这样可以有效避免所有图形元件都在一层内所出现的修改起来费时费力的问题。1.2AnimateCC动画的特点对于普通用户来说，只要掌握了AnimateCC（Flash）动画的基本制作方法和技巧，就能制作出丰富多彩的动画效果。这就使得AnimateCC（Flash）动画具有广泛的用户群，在诸多行业中得到广泛应用。1.3AnimateCC动画的主要应用领域全球有超过6亿在线用户安装了FlashPlayer，这使得浏览者可以直接欣赏AnimateCC（Flash）动画，而不需要下载和安装插件。随着经济的发展，大众的物质生活水平不断提高，对娱乐服务的需求也在持续增长。在因特网上，由AnimateCC（Flash）动画引发的对动画娱乐产品的需求也将迅速增长。目前越来越多的企业已经转向使用AnimateCC（Flash）动画技术制作网络广告，以便获得更好的效果。图1-1为使用AnimateCC制作的网络广告效果。1.网络广告图1-1网络广告效果随着AnimateCC（Flash）动画的发展，它在电视领域的应用已经不再局限于短片，还可用于电视系列片的生产，并成为一种新的形式，一些少儿动画电视台还开设了AnimateCC（Flash）动画的栏目，这使得Flash动画在电视领域的运用越来越广泛。图1-2为使用AnimateCC制作的系列动画片《老鼠也疯狂》中的画面效果。2.电视领域图1-2使用AnimateCC制作的系列动画片《老鼠也疯狂》中的画面效果在我国，利用AnimateCC制作MTV的商业模式已经被广泛应用。利用AnimateCC制作的MTV可以生动、鲜明地表达出MTV歌曲中的意境，让欣赏者能轻松看懂并深入其中。AnimateCCMTV提供了一条在唱片宣传上既能保证质量，又能降低成本的有效途径，并且成功地把传统唱片推广并扩展到网络经营的更大空间。图1-3为使用AnimateCC制作的MTV效果。3.音乐MTV图1-3使用用AnimateCC制作的MTV效果随着多媒体教学的普及，AnimateCC（Flash）动画技术越来越广泛地被应用于课件制作中，使得课件功能更加完善，内容更加丰富。图1-4为使用AnimateCC制作的电子课件效果。4.教学领域图1-4使用用AnimateCC制作的电子课件效果网络发展也给网络贺卡带来了商机，越来越多的人在亲人朋友的重要日子里通过因特网发送贺卡，而传统的图片文字贺卡过于单调，这就使得具有丰富效果的AnimateCC（Flash）动画有了用武之地。图1-5为使用AnimateCC制作的电子贺卡效果。5.贺卡领域图1-5使用AnimateCC制作的电子贺卡效果AnimateCC（Flash）强大的交互功能搭配其优良的动画能力，使得它能够在游戏领域中占有一席之地。使用Flash中的影片剪辑、按钮、图形元件等进行动画制作，再结合动作脚本的运用，就能制作出精致的Flash游戏。由于它能够减少游戏中电影片段所占的数据量，因此可以节省更多的空间。图1-6为使用AnimateCC制作的游戏画面效果。6.游戏领域图1-6使用AnimateCC制作的游戏画面效果AnimateCC（Flash）具有良好的动画表现力与强大的后台技术，并支持html与网页编程语言的使用，使得其在制作网站上具有很好的优势。图1-7为使用AnimateCC制作的网站效果。7.网站图1-7使用AnimateCC制作的网站效果（1）简述AnimateCC动画的特点的特点。（2）简述AnimateCC动画的主要应用领域。1.4课后练习第2章AniamteCC2017的基础知识通过本章的学习，读者应掌握AnimateCC2017的基本概念、工具箱中各种工具的使用，以及动画制作方面的基础知识。本章重点：启动AnimateCC2017，首先显示出如图2-1所示的启动界面。2.1AnimateCC2017的界面构成图2-1启动界面启动界面中部的主体部分列出了一些常用的任务。其中，左边栏显示的是最近使用过的项目和从模板创建文件，中间栏显示的是可以创建的各种类型的新项目，右边栏显示的是AnimateCC2017的简介和学习如何制作AnimateCC2017动画的帮助文件。下面打开一个动画文件。方法：单击左边栏中的按钮，在弹出的“打开”对话框中选择配套光盘中的“素材及结果\4.1光影文字\光影文字.fla”文件，如图2-2所示，单击“打开”按钮，即可进入该文件的工作界面，如图2-3所示。AnimateCC2017工作界面主要可以分为动画文件选项卡、工具箱、时间轴、舞台、面板组和面板几部分。下面分别进行具体讲解。图2-2选择要打开的文件在这里显示了当前打开的文件名称。如果此时打开了多个文件，可以通过单击相应的文件名称来实现文件之间的切换。1.动画文件选项卡工具箱中包含了多种常用的绘制图形的工具和辅助工具，它们的具体使用方法参见1.2节。2.工具箱时间轴用于组织和控制一定时间内的图层和帧中的文档内容。时间轴左边为图层，右边为帧，动画从左向右逐帧进行播放。3.时间轴舞台又称为工作区域，是Flash工作界面中最广阔的区域。在这里可以摆放一些图片、文字、按钮和动画等。4.舞台面板组位于工作界面右侧，包括多个面板缩略图。单击相关面板缩略图按钮，可以完整的显示出相关的面板。5.面板组在面板组中单击相关缩略图按钮，即可显示出相关面板。利用这些面板，可以为动画添加非常丰富的特殊效果。单击面板顶端的小图标，可以将面板缩小为图标。在这种情况下。这样，可以使软件界面极大简化，同时保持必备工具可以访问。6.面板计算机以矢量或位图格式显示图形，了解这两种格式的差别有助于用户更有效地工作。使用AnimateCC2017可以创建压缩矢量图形并将它们制作为动画，也可以导入和处理在其他应用程序中创建的矢量图形和位图图像。在编辑矢量图形时，用户可以修改描述图形形状的线条和曲线属性，也可以对矢量图形进行移动、调整大小、重定形状及更改颜色的操作，而不更改其外观品质。在AnimateCC2017中绘图时，创建的是矢量图形，它是由数学公式所定义的直线和曲线组成的。矢量图形与分辨率无关，因此，用户可以将图形重新调整到任意大小，或以任何分辨率显示它，而不会影响其清晰度。另外，与下载类似的位图图像相比，下载矢量图形的速度比较快。2.2.1AnimateCC2017的图形2.2图形制作图形编辑是AnimateCC2017的重要功能之一，用户在了解了一些基本的绘图方法之后，就可以从绘图工具栏里选择不同的工具以及它们的修饰功能键来进行创建、选择、分割图形等操作。当选择了不同的工具时，图形工具栏外观会跟着发生一些变化，且修饰功能键以及下拉菜单也将出现在工具栏的下半部分。修饰功能键大大扩展了此工具的使用功能，加强了此工具的实用性和灵活性。一般情况下，在第一次接触到某工具时，只要能大概知道它的作用就可以了，至于具体应用，则需要在实践中去体会和理解。本章将对AnimateCC2017提供的图形处理工具进行一些简单的讲解，并列举一些基本的图形绘制实例。通过对本章的学习，相信大家对AnimateCC2017的图形制作不会再感到陌生了。在讲解铅笔工具之前先来熟悉一下工具箱。AnimateCC2017的工具箱如图2-4所示。2.2.2铅笔工具和线条工具（铅笔工具）用于在场景中指定帧上绘制线和形状，它的效果就好像用真的铅笔画画一样。帧是AnimateCC2017动画创作中的基本单元，也是所有动画及视频的基本单元，将在后面的章节中介绍。AnimateCC2017中的铅笔工具有属于自己的特点，例如，可以在绘图的过程中拉直线条或者平滑曲线，还可以识别或者纠正基本几何形状。另外，还可以使用铅笔工具的修正功能来创建特殊形状，也可以手工修改线条和形状。选择工具箱中的（铅笔工具）的时候，在工具栏下部的选项部分中将显示（对象绘制）按钮，用于绘制互不干扰的多个图形，单击右侧下的小三角形，会出现如图2-5所示的选项1.铅笔工具图2-5下拉选项图2-6铅笔属性面板这3个选项分别对应铅笔工具的3个绘图模式。●选择(直线化）时，系统会将独立的线条自动连接，将接近直线的线条自动拉直，对摇摆的曲线实施直线式的处理。●选择（平滑）时，将缩小Flash自动进行处理的范围。在平滑选项模式下，线条拉直和形状识别功能将都被禁止。在绘制曲线后，系统可以进行轻微的平滑处理，且使端点接近的线条彼此可以连接。●选择（墨水）选项时，将关闭Flash自动处理功能，即画的是什么样，就是什么样，不做任何平滑、拉直或连接处理。选择（铅笔工具）的同时，在“属性”面板中也会出现如图2-6所示的选项，包括笔触颜色、笔触粗细、样式、缩放、端点类型和接合类型等。单击颜色框，会弹出AnimateCC2017自带的Web颜色系统，如图2-7所示，从中可以定义所需的笔触颜色；拖动“笔触”右侧的滑块，可以自由设定线条的宽度；单击“样式”右侧的下拉列表框，用户可以从弹出的下拉选单中选择自己所需要的线条样式，如图2-8所示；单击（编辑笔触样式）按钮，可以在弹出的“笔触样式”对话框中设置所需的线条样式。图2-7Web颜色系统图2-8线条样式在“笔触样式”对话框中共有“实线”、“虚线”、“点状线”、“锯齿状线”、“点刻线”和“斑马线”6种线条类型。●实线：最适合于在Web上使用的线型。此线型可以通过“粗细”和“锐化转角”两项来设定，如图2-9所示。●虚线：带有均匀间隔的实线。短线和间隔的长度是可以调整的，如图2-10所示。图2-9实线图2-10虚线●点状线：绘制的直线由间隔相等的点组成。与虚线有些相似，但只有点的间隔距离可调整，如图2-11所示。●锯齿线：绘制的直线由间隔相等的粗糙短线构成。它的粗糙程度可以通过图案、波高和波长3个选项来进行调整，如图2-12所示。在“图案”选项中有“实线”、“简单”、“随机”、“点状”、“随机点状”、“三点状”、“随机三点状”7种样式可供选择；在“波高”选项中有“平坦”、“起伏”、“剧烈起伏”、“强烈”4个选项可供选择；在“波长”选项中有“非常短”、“短”、“中”、“长”4个选项可供选择。图2-11点状线图2-12锯齿状线●点刻线：绘制的直线可用来模拟艺术家手刻的效果。点刻的品质可通过点大小、点变化和密度来调整，如图2-13所示。在“点大小”选项中