Flash_CS4动画制作实例教程

,Flash CS4动画制作教程,Flash CS4,动画制作,实例教,程,2,第,1,章,Flash CS4,入门,本章主要内容：,Flash,动画的特点和应用；,Flash CS4,的工作界面；,Flash CS4,界面的设置；,基本文件的操作。,2,第,1,章,Flash CS4,入门,1.1,认识,Flash CS4,1.1.1 Flash,动画的特点,Flash,的主要特点如下：,Flash,使用了矢量图形和流式播放技术，可以随意调整缩放，而不会影响图形文件的大小和质量。,通过使用关键帧和元件，使所生成的,“,.swf,”,格式的动画文件非常小，便于在网络上播放和传播。,Flash,制作的动画，能够交互式地将音乐、动画、声效等融合在一起，很多用户已经把,Flash,当做一个开发多媒体的首选工具。,Flash,拥有功能强大的,ActionScript,语言，它采用了与,JavaScript,类似的语法结构，拥有自己的,ActionScript,函数、属性和目标对象等，并且兼容并支持,Flash,低版本。,1.1.2 Flash,动画的应用,1,制作动画短片,2,第,1,章,Flash CS4,入门,2,制作游戏,3,制作,MTV,4,制作多媒体教学课件,5,制作,Internet,应用程序,6,制作网页,1.2 Flash CS4,的工作界面，如右图,1-1,所示。,菜单栏,标题栏,布局模式,舞台,属性面板,绘图工具箱,时间轴,/,图层,/,动画编辑器窗口,1.2.1,标题栏,1.2.2,菜单栏,1.2.3,主工具栏,1.2.4,绘图工具箱,图,1-1,2,第,1,章,Flash CS4,入门,单击“小三角”可以展开下一级菜单进行选择,1.2.4,绘图工具箱,图,1-2,绘图工具箱如右图,1-2,所示,它包含了,10,多种绘图工具，用户可以使用这些工具对图像或选定区进行操作。单击绘图工具箱右上角的 按钮，可以将工具箱折叠为图标 。若要展开面板可单击 按钮或 图标；另外，可以把面板缩放成单列或多列。,2,2,第,1,章,Flash CS4,入门,1.2.5,时间轴,时间轴面板如右图所示，它的主要组件是层、帧和播放头，还包括一些信息指示器，如图,1-3,所示。,层,帧,播放头,信息指示器,1.2.6,场景与舞台,在当前编辑的动画窗口中，我们把动画内容编辑的整个区域叫做场景。,舞台就是绘制和编辑动画内容的矩形区域，具体如图,1-4,所示。,图,1-3,第,1,章,Flash CS4,入门,场景名称,舞台,工作区,舞台比例,图,1-4,场景和舞台,2,第,1,章,Flash CS4,入门,1.3 Flash CS4,界面的设置,1.3.1,动画属性的设置,按照下列步骤设置动画属性：,第,1,步：打开,【,属性,】,面板,它会显示整个动画的属性。,第,2,步：点击,【550,400,像素,】,右侧的,【,编辑,】,按钮，弹出,【,文档属性,】,对话框。,第,3,步：在,【,帧频,】,框键入正确的放映速度，即帧每秒。默认值,24,，即动画的每一秒要显示,24,帧画面。,第,4,步：在,【,尺寸,】,框中，输入电影的宽度和高度值。最小为,18,像素，最大为,2880,像素。,第,5,步：点击,【,背景颜色,】,右侧的色框，在弹出的颜色面板里用户可以选择动画背景的颜色。,第,6,步：单击,【,确定,】,。,2,第,1,章,Flash CS4,入门,1.3.2,时间轴线的设置,1.3.3,工具栏、工具面板的设置,工具栏、工具面板以及工作区等都可以在屏幕上任意拖动，用户可以将其拖放到最适合自己操作的位置。,1.4,基本文件的操作,1.4.1,创建新文档,1.4.2 Flash,文档的操作,2,实训,1,：,设计一个小球从上向下运动的动画,实训,2,：,设计一个小球由大渐小的动画,第,1,章,Flash CS4,入门,提示,:,先用椭圆工具绘一个小球,然后在第,1,关键帧把小球位置放在舞台上方，在第,30,关键帧把小球位置放在舞台下方,最后在第,1,帧至,30,帧之间创建补间形状动画。,提示,:,用椭圆工具绘一个小球；用变形工具将第,30,关键帧的小球缩小；在第,1,帧至,30,帧之间创建补间形状动画。,2,第,2,章 工具的使用,本章主要内容：,矢量图和位图；,线条和填充图形；,Flash CS4,常用工具的功能及其使用。,2,任务一：,制作一张“几何形体图”,效果如图,2-1,所示,。,任务二：,制作一张,“,荷花图,”,，,效果如图,2-2,所示。,第,2章 工具的使用,（图,2-1,）,（图,2-2,）,2,任务三：,制作一张“春天美景图”,效果如图,2-3,所示,。,第,2章 工具的使用,（图,2-3,）,2,问题与思考：,第,2章 工具的使用,Flash CS4,的工具箱中的各种工具如何使用？,如何绘制图形？,如何编辑图形？,2,第,2章 工具的使用,2.2.1,矢量图和位图,矢量图形使用称作矢量的直线和曲线描述图像，矢量也包括颜色和位置属性。矢量图形与分辨率无关，它适合于线性图，特别是二维卡通动画，能够有效地减少文件容量。位图图形使用称作像素的排列在网格内的彩色点来描述图像。在编辑位图图形时，修改的是像素，而不是直线和曲线。位图图形跟分辨率有关，位图适合表现层次和色彩细腻丰富，包含大量细节的图像。,2.2.2,线条和填充图形,线条，是指用线条工具、钢笔工具、铅笔工具绘制的图形以及由椭圆工具、矩形工具绘制的边框线。调整线条的粗细可以使用属性面板中的,“,笔触,”,数值的大小来改变；改变线条颜色可以使用墨水瓶工具。,填充图形，是指用刷子工具绘制的图形，或者是由椭圆工具、矩形工具绘制的图形的填充部分。填充图形的颜色不能通过墨水瓶工具来改变，只能使用颜料桶工具来调整。,2,第,2章 工具的使用,2.2.3,工具介绍,（图,2-4,绘图工具箱）,2,实训,1,：,制作“几何图形”,实训,2,：,制作,“,乡间美景图,”,，效果如图,2-5,所示。,要求：,绘制正方形、矩形、多边形、圆、五角星等几何图表，并自定颜色填充。,第,2章 工具的使用,图,2-5,2,要求：,用,3D,工具制作由,6,张大小相同但内容不同的图片构成的正方体图形,第,2章 工具的使用,实训,4,：,制作,“,正方体图,”,实训,3,：,设计制作,“,卡通人物图,”,，效果如图,2-6,所示。,图,2-6,2,第,3,章 文本处理,本章主要内容：,文本的类型及属性的设置；,文本的输入及编辑；,文字效果和静态动画的制作。,2,任务一：,制作“渐变色的文字”的动画,效果如图,3-1,所示,。,任务二：,制作“金属文字”的动画,，,效果如图,3-2,所示。,第,3章 文本处理,（图,3-1,）,（图,3-2,）,2,任务三：,制作一幅“霓虹广告”的动画,效果如图,3-3,所示,。,第,3章 文本处理,（图,3-3,第,1,帧和第,5,帧的效果图）,2,问题与思考：,第,3章 文本处理,文本有哪些类型？,文字转化为矢量图形的方法是什么？,如何制作文字效果？,静态动画如何制作？,2,2,第,3章 文本处理,3.2.1,文本及其类型,在,Flash CS4,中，文本类型可分为,3,种：静态文本、动态文本和输入文本。三种类型的切换方法是在文本工具属性面板的第一个下拉列表框中选择。,一般情况下默认的文本是静态文本，在动画播放过程中，静态文本区域中的文字是不可编辑和改变的，但是可以对静态文本块进行缩放、旋转或者扭曲，可以为他们指定不同的颜色和透明度效果。动态文本就是可编辑的文本，在动画播放过程中，文本区域的文字可通过事件的激发来改变。,输入文本就是在动画播放过程中，提供我们输入文本，产生交互。它,允许用户在空的文本区域中输入文字，用于填充表格，回答调查的问题或者输入密码等。,3.2.2,设置文本属性,3.2.3,设置段落属性,1,设置段落的对齐方式,2,设置边距和间距,第,3章 文本处理,3.2.4,文本的输入,分为水平方向输入和垂直方向输入两种。,3.2.5,文本的编辑,1,转换文本类型,2.,分散文字：,分散文字就是将文字转换为矢量图形，具体操作是使用,【,修改,】/【,分离,】,命令。,3.,填充文字,注意：,一旦把字符转换成线条和填充以后，就不能把它们作为文本来编辑。即使重新组合字符或者把它们转换成符号，也不能再应用字体、字距或是段落选项。,2,实训,1,：,制作“数学公式”,，效果如图,3-4,所示。,实训,2,：,制作,“,空心字,”,，效果如图,3-5,所示。,第,3章 文本处理,图,3-4,实训,3,：,设计制作“霓虹灯广告”。,图,3-5,2,第,4,章 元件和库,本章主要内容：,元件的类型；,元件的创建和编辑；,实例的编辑；,库的使用；,元件的制作,2,任务一：,制作“渐变色的文字”的动画,效果如图,3-1,所示,。,任务二：,制作“金属文字”的动画,，,效果如图,3-2,所示。,第,4章 元件和库,（图,3-1,）,（图,3-2,）,2,任务一：,如何创建图形元件,。,第,4章 元件和库,（图,4-1),要求,:,创建一图形元件，效果如图,4-1,所示,任务二：,如何创建图形元件,。,要求,:,创建一,“,动态按钮,”,元件，设置四个关键帧中按钮颜色属性变化，鼠标在,“,动态按钮,”,上,“,按下,”,、,“,弹起,”,等不同状态会出现不同的效果，如图,4-2,所示。,图,4-2,“,鼠标按下,”,和,“,鼠标弹起,”,时按钮状态,2,第,4章 元件和库,（图,4-3),任务三：,如何创建影片剪辑元件,。,要求,:,创建一影片剪辑元件，组成四个正方形在舞台上旋转的动画，如图,4-3,所示。,2,问题与思考：,第,4章 元件和库,元件的类型有哪些？,如何制作元件？,如何使用元件？,元件库如何使用？,2,第,4章 元件和库,4.2.1,在动画中使用元件的优点,1,可以简化动画的制作过程,2,减小文件大小,3,方便网络传输,4.2.2,元件的类型,元件主要有图形、影片剪辑和按钮,3,种类型，不同类型的元件有着不同的作用。,4.2.3,元件的创建,1,创建新元件,2,将舞台元素转换为元件,2,第,4章 元件和库,4.2.4,编辑元件,1,编辑元件的方法,2,元件的编辑,4.2.5,创建与编辑实例,1,将元件的实例添加至舞台,2,编辑实例,4.2.6,库和公用库,1,定义公用库,2,使用公用库,2,实训,1,：,制作“环环相扣图形元件”,，效果如图,4-4,所示。,实训,2,：,制作“变色按钮”,，效果如图,4-5,所示。,第,4章 元件和库,图,4-4,实训,3,：,制作“一小球从大变小的影片剪辑元件”。,图,4-5,“,弹起,”,时效果,“,鼠标经过,”,时效果,“,按下,”,时效果,要求：,将实训,1,至实训,3,所制作的元件从库中拖放到舞台上，将实训,3,转换为图形元件。,实训,4,：,实例的编辑,2,第,5,章 逐帧动画,动画的原理,；,帧的概念、分类和基本操作；,逐帧动画的创建。,本章主要内容：,2,第,5,章 逐帧动画,任务一：,制作“奔跑的豹子”动画,要求：,制作一只豹子奔跑运动（设计效果如下图,5-1,所示）。,图,5-1,2,第,5,章 逐帧动画,任务二：,制作“倒计时效果”动画,要求：,制作在一个红色圆角矩形背景下显示,“,5,、,4,、,3,、,1,、,GO,！,”,的倒计时动画效果（设计效果如下图,5-2,所示）。,图,5-2,2,第,5,章 逐帧动画,要求：,制作花盆中的花儿逐渐成长，并生成一朵花的动画效果,（设计效果如下图,5-3,所示）。,任务三：,制作“花逐渐成长的过程”动画,图,5-3,2,第,5,章 逐帧动画,动画的基本原理是什么？,如何创建逐帧动画？,什么叫帧？,帧分为几种类型？,如何操作帧？,问题与思考：,2,第,5,章 逐帧动画,5.2.1,动画基本原理,动画就是通过连续播放一系列画面，给视觉造成连续变化的图画，