搜索
FLASH动画制作第1章初识Flash动画本章进阶了解Flash的应用领域了解Flash基本动画原理认识FlashCS5.5工作界面了解时间轴、帧、图层和场景掌握新建和发布Flash影片的方法案例案例分析该案例通过把一系列连贯的素材图片导入到舞台中，制作一匹马奔跑的Flash动画。素材完成效果Flash应用领域动画制作网络广告动画网络游戏开发手机程序开发网站建设应用程序开发FLASH的特点FLASH是一个功能强大、简单易学的网页动画制作工具。用FLASH制作出来的动画不但占用的空间小，而且动画品质高，不管怎样放大、缩小，它都清晰可见。FLASH动画的迷人之处还在于我们可以通过点击按钮，选择菜单来控制动画播放，甚至可以制作成小游戏。正是有了这些优点，使得FLASH在网络上非常流行。Flash基本动画原理动画的产生是利用人们眼睛的视觉暂留作用。Flash动画是由时间轴上多个不同画面的帧组合而成。画面以每秒24帧的频率播放，产生物体活动效果。1.FlashCS5工作界面绘图工作区菜单栏工具箱时间轴属性面板颜色面板库面板舞台菜单栏工具箱时间轴属性面板颜色面板库面板演员后台舞台剧本胶片导演FLASH界面场景时间轴图层区工具栏面板区库元件剧本演员后台舞台胶片美工效果相关概念•元件：（好比是演员）一个位图、矢量图形、音乐片段或是一段独立的动画。•库：（好比是后台）存放动画元件等•场景：（好比是舞台）动画表现场所•时间轴：（好比是剧本）动画制作最重要的区域。它是编辑动画的工作台，是加工动画的流水线，包括层编辑区、帧编辑区和时间线。相关概念•帧：时间轴中的每一个小格子称为“帧”，是构成动画的基本单位。帧有两种形式：过渡帧和关键帧。过渡帧上的图片与它前面相邻关键帧的图片相同并以空心方块为结束标记，关键帧是以实心黑点为结束标记，动画图片一定要创建在关键帧上。•层：是为了方便制作复杂的动画作品而引入的一种手段。•在每一层中都包含了一系列的帧，不同层中的对象彼此独立，可以单独编辑。在播放时，展示出来的动画是所有层中播放指针所在位置的帧的内容的组合。动画原理：要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），置于后台（放在库里），然后把演员放在舞台上（把元件放在场景上），让演员照着剧本演出（在时间线上设置开始、结束时的状态，生成动画）。举例舞台：制作和播放影片的矩形区域。在舞台上，可以放置背景、添加控制按钮、绘制及修改图形。舞台大小就是影片播放区域的大小。舞台、时间轴、帧、图层和场景舞台舞台、时间轴、帧、图层和场景时间轴：时间轴用于组织和控制在一定时间内播放的图层数和帧数，它的主要组件是图层、帧和播放头。舞台、时间轴、帧、图层和场景帧：Flash动画制作中最基本的单位。帧频：每秒钟播放的帧数。帧的类型：关键帧、空白关键帧、普通帧。关键帧空白关键帧普通帧舞台、时间轴、帧、图层和场景图层：组织和排列动画中的内容，可以隐藏、锁定或重新排列Flash中的图层,包括引导层和遮罩层等特殊图层。舞台、时间轴、帧、图层和场景场景：场景是用来绘制、编辑和测试动画的地方，一个场景就是一段相对独立的动画。一个Flash动画可以由一个场景组成，也可以由多个场景组成。创建和发布Flash影片设置文档的属性创建动画预览和测试影片定义发布设置发布和导出文档创建和发布Flash影片设置文档属性：使用“文档属性”对话框对影片的画面大小、帧频、背景色以及其它属性进行设置。文档属性演示案例制作奔跑的马素材完成效果导入素材后导入素材操作步骤新建文档设置文档属性导入到舞台对话框测试影片影片测试效果发布设置完成效果演示案例制作本章总结Flash可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。时间轴和舞台组成了Flash创作软件的核心，在时间轴上，帧和层是Flash创作中最基本的两个操作位置，这两个位置都是组成舞台视觉元素的构件。发布动画影片的基本步骤：设置好文档的属性、创作动画、预览和测试影片、定义发布设置和发布影片。学习目标•认识【工具】面板•掌握选择工具的使用•掌握绘图工具的使用•掌握填充工具的使用•掌握查看工具的使用•掌握颜色工具的使用目录：任务1认识【工具】面板任务2绘制包装袋任务3绘制花朵任务4制作LOGO图形任务5制作“蔓藤式填充”图形任务6随心所欲变换图像任务7制作个性文字综合实训——制作卡通画任务1认识【工具】面板【选择】区域：主要用来选择工作区中的编辑对象【绘图】区域：主要用来绘制线条、图形，输入文本【填充】区域：主要用来填充颜色、擦除填充和吸取颜色【查看】区域：主要用来应用程序窗口进行缩放和移动【颜色】区域：主要用来上色【选项】区域：显示选定工具相应的工具选项任务2绘制包装袋知识准备1.线条工具在Flash中直线是最基本的图形，使用【线条工具】可以绘制直线。按【Shift】键可以绘制特定角度的直线和闭合图形。任务2绘制包装袋知识准备2.铅笔工具使用【铅笔工具】绘图，类似于使用真实的铅笔，【铅笔工具】自由度很大，功能较强，使用铅笔可以绘制出很多复杂的曲线图形。选择【铅笔工具】后，按住鼠标左键不放，在舞台上拖动。同时按住【Shift】键绘制，可以绘制水平或是垂直的线条。•伸直：绘制直线，并将和三角形、椭圆形和矩形相近的形状转化为对应的基本图形。•平滑：绘制平缓的曲线。•墨水：对绘制的线条不进行任何的加工。任务2绘制包装袋知识准备3.选择工具使用【选择工具】，可以选取对象、移动对象、复制对象和变形对象。•选取对象在编辑对象之前，必须要先选择对象，被选择的对象会被亮点填充或方框包围。•移动对象选取对象后，鼠标移动在对象上，按住左键不放，拖动对象到适当位置，松开左键，编辑对象就为移动在新位置。•编辑对象变形对象：将鼠标光标放在未选定对象的线条边角处，光标会变成，按住鼠标左键进行拖动角点，可以改变边角位置来达到变形效果；将鼠标光标放在未选定对象的线条边界处，光标会变成，按住鼠标左键进行拖动，可以改变线条曲率达到变形效果任务实施任务目标：使用【线条工具】、【铅笔工具】和【选择工具】绘制包装袋图形。任务2绘制包装袋任务3绘制花朵知识准备1.钢笔工具如果要绘制精确又复杂的路径，就要用到【钢笔工具】。【钢笔工具】可以对绘制的图形有非常精确的控制，我们绘制的节点、节点的方向都得到很好的控制。•绘制直线•绘制曲线任务3绘制花朵知识准备2.部分选择工具使用【部分选取工具】，可以通过改变对象轮廓上的锚点位置来进行对象变形。绘制直线。用【部分选取工具】单击对象轮廓，可以显示该对象轮廓上的锚点单击曲线锚点，锚点上会出现一个切线手柄，可用拖动手柄来改变曲线，把鼠标放置到舞台其他位置点击一下，可以看到改变锚点后效果单击直线上的锚点，移动锚点，可以改变直线上的长度，把鼠标放置到舞台其他位置点击一下，可以看到改变锚点后效果任务3绘制花朵知识准备3.颜料桶工具【颜料桶】工具可以对闭合区域填充颜色。这个闭合的区域可以是空的区域、已填充区域。另外还可以使用颜料桶对非完全闭合的区域进行填充，非闭合的由有【颜料桶】工具的设定决定。任务3绘制花朵知识准备4.墨水瓶工具【墨水瓶】工具可以更改当前线条的颜色(不包括渐变和位图)、宽度和样式。任务3绘制花朵知识准备5.刷子工具使用【刷子工具】可以绘制各种类型的笔触，绘制出类似于毛笔的效果。选择【刷子工具】后，工具箱对应的【选项】区域，可以设置刷子绘画模式、笔刷大小、笔刷形状等。任务3绘制花朵知识准备6.喷涂刷工具【喷涂刷工具】，类似于粒子喷射器，可以一次将形状图案喷涂到舞台上。任务实施任务目标：使用【线条工具】、【笔刷工具】、【钢笔工具】、【部分选取工具】、【颜料桶工具】、【墨水瓶工具】绘制花朵图形。任务3绘制花朵任务4制作LOGO图形知识准备1.矩形与基本矩形工具使用【矩形工具】可以绘制矩形或是正方形，单击矩形工具后，舞台中的光标变成了一个十字，按住鼠标左键拖拉，就可以绘制一个矩形，如果同时按【Shift】键进行拖拉可以绘制正方形。矩形【属性】面板，可以通过【填充和笔触】选项来设置矩形轮廓和填充颜色、轮廓线粗细和轮廓线类型。【基本矩形工具】，和【矩形工具】的区别在于，绘制后的矩形保持原图属性，可以再【属性】面板中继续进行圆角调整，也可以使用【选取工具】拖动矩形对象上的锚点，将其变形为不同形状的圆角矩形任务4制作LOGO图形知识准备2.椭圆与基本椭圆工具【椭圆工具】可以绘制椭圆或圆形，如果在拖动的同时按下【Shift】键可以绘制圆形对象。和矩形工具一样，通过【椭圆工具】的【属性】面板也可以设置线条颜色、填充颜色、线条宽度和线条类型等。【基本椭圆工具】和【基本矩形工具】一样，绘制后的椭圆保持原图属性，可以通过【属性】面板或是【选取工具】进行原属性的调节。任务4制作LOGO图形知识准备3.多角行星形工具【多角形工具】绘制方法和【矩形工具】、【椭圆工具】类似，也可以通过该【属性】面板设置多角星形的轮廓颜色、填充颜色、轮廓线粗细和类型等。任务4制作LOGO图形知识准备4.图形的合并与组合•图形的合并选择【修改】|【合并对象】子菜单中的相关命令可以合并或改变现有对象，从而创建新的形状。在画布的正中间绘制一个正圆和一个正方形，绘制前在工具箱的下方选择【对象绘制】。•图形的组合在Flash动画制作中，经常会利用【组合】命令将图形对象进行组合，从而便于后面对其进行整体编辑。在舞台中选择多个图形对象，然后执行菜单中的【修改】|【组合】（快捷键【Ctrl+G】）命令，即可将选中的图形对象进行组合任务实施任务目标：使用【椭圆工具】、【选择工具】、【任意变形工具】绘制图形。任务4制作LOGO图形任务5制作“蔓藤式填充”图形知识准备1.Deco工具填充图形Deco工具是Flash中一种类似【喷涂刷】的填充工具，使用Deco工具可以快速完成大量相同元素的绘制，也可以应用它制作出很多复杂的动画效果。将其与图形元件和影片剪辑元件配合，可以制作出效果更加丰富的动画效果。2.Deco工具的属性设置Deco工具的【属性】面板中，FlashCS5提供了13种绘制效果：藤蔓式填充、网格填充、对称刷子、3D刷子、建筑物刷子、装饰性刷子、火焰动画、火焰刷子、花刷子、闪电刷子、粒子系统、烟动画和树刷子任务实施任务目标：使用Deco工具的【藤蔓式填充】效果绘制图形。任务5制作“蔓藤式填充”图形任务6随心所欲变换图像知识准备1.任意变形工具使用【任意变形工具】，可以将工作区中的对象进行旋转、倾斜、缩放、扭曲和封套等变形操作。其中，扭曲和封套功能只适用于形状对象，当对象为元件、文本、位图、渐变时，则这两种变形操作选项处于不可用状态。选择【任意变形工具】后，工具箱对应的【选项】区域会出现【贴紧至对象】、【旋转与倾斜】、【缩放】、【扭曲】和【封套】这5个选项。任务6随心所欲变换图像知识准备2.渐变变形工具【渐变变形工具】是用来调整颜色渐变的工具。任务实施任务目标：使用【线条工具】、【选择工具】、【钢笔工具】、【任意变形工具】和【渐变变形工具】完成图形。任务6随心所欲变换图像任务7制作个性文字知识准备1.输入文字及属性调整文本工具时用来输入文字的工具，文本类型分为“静态文本”、“动态文本”、“输入文本”三个种类。选择【文本工具】后，可以通过舞台右侧的【属性】面板来设置文本信息。任务7制作个性文字知识准备2.文字变形文字的变形，使用菜单中【修改】|【分离】命令或是快捷键【Ctrl+B】分离文本，文本块中每个字符都会成为一个独立的字符，然后用【变形工具】或者【选取工具】更改文字的形状。任务实施任务目标：使用【文字工具】、【修改】|【分离】菜单命令、【颜料桶工具】、【渐变变形工具】完成个性文字。任务7制作个性文字任务实施利用项目二所学知识制作卡通画。综合实训——制作卡通画1.2.1FlashCS5.5的开始页1.2.2FlashCS5.5的操作界面1.2.3设置工作环境1.2FlashCS5的工作环境1.2.1FlashCS5的开始页在F