FlashMX第一次课讲义.ppt

动画制作软件FLASH,作品赏析（1）,点线人动画,功夫之王,设置交互浏览,动作创意丰富连贯,远近交替、动慢结合,作品赏析（2）,DV效果动画,散文作品,动静影像相得益彰,黑白色调渲染主题,纯背景音乐（点题）,作品赏析（3）,简单的图形示意,交通幽默,直观的演示效果,俏皮的配音和情节设计渲染主题,音效同步处理好,动画作品制作,制作一个较为完整的动画，如果希望达到良好的效果，能吸引观众，最重要的是创意。即在掌握好Flash软件制作动画的一些最基本操作后，个人构思和艺术修养等的综合体现。良好的创意加上在制作过程中不断娴熟的技巧，便可构成自己美妙的作品。,动画制作与平面图像处理的本质区别在于：时间维度。一幅平面图像效果相当于动画中的某个场景，但图像之间是独立的，而场景之间则是关联的。,第一部分 认识FLASH,1.1 动画制作基础,我们平时经常接触到不同种类的动画，如：传统的平面动画，三维立体动画。不论是何种动画形式，展现在我们面前时都是由一帧一帧的静态画面组成的，当这些静态画面以超过每秒15帧(fps)的速度播放时，就在人脑中形成了连续的运动画面，即动画。,1.2 认识Flash,Flash 插图 Flash是个矢量软件。矢量文件不管放大或者缩小，图像质量都不会失真。而且，矢量图一般都具有比位图小得多的文件尺寸，所以，它非常利于在网络上传播。光滑简洁的线条正是矢量图像的优势所在。所以，不少插图艺术家把Flash作为自己的首选绘图工具。,1.2 认识Flash(续）,Flash 动画 在Flash没有推出之前，网络上的动画只有一些GIF动画。现在，绝大多数的网站都应用了Flash的动画技术，精致的矢量线条、流畅的动画效果、快速的下载时间，都为Flash的进一步传播打下了良好的基础。,1.2 认识Flash(续）,Flash 网站开发 具有Flash技术的网站正日益成为一种趋势。很多网站从制作页面到后台服务，都完全抛弃了HTML页面技术。,1.2 认识Flash(续）,Flash 应用程序开发 Flash成为网站开发者们完成复杂交互的首选工具，一个精巧的小游戏，一个复杂多变的导航条，一段新奇的屏幕保护程序等，都能吸引网站浏览者的眼球。,1.3 Flash的基本概念,Flash文件：fla:这是Flash的文档文件的扩展名，我们制作动画时，编辑的都是这种文件；swf:这是有Flash MX生成的影片文档，也就是我们浏览网页时可以看到的Flash动画文档。,1.3 Flash的基本概念(续）,帧：帧是Flash动画中的基本单位，即一段动画有多个帧组成；关键帧：关键帧是我们制作的动画时所定义的不同状态的帧，利用关键帧Flash可以自动生成帧。,1.3 Flash的基本概念(续）,总帧数、fps：一段动画的播放时间总帧数/fps(每秒钟播放帧数)时间轴：Flash采用时间轴的方式设计和安排每一个对象（演员）的出场顺序和表现方式。(它相当于电影导演使用的摄影表，即在什么时间，哪位演员上场、说什么台词、做什么动作。),1.3 Flash的基本概念(续）,动作演员场景,1,2,3,4,5,6,1.3 Flash的基本概念(续）,元件：是我们制作的将要放置到Flash动画中的元素，它相当于电影中的演员和道具。在Flash中，将元件分为三种类型：图形 按钮 影片剪辑,1.3 Flash的基本概念(续）,实例：将元件放置到Flash文档中后，就称之为实例，一个元件可以有多个实例，且实例的属性与元件有一定的改变。场景：是我们组织影片，播放元件的实例的区域，一个Flash文档就是由多个场景组成。,概念：元件与实例,元件是可以在文档中重新使用的元素。元件可以包括图形、按钮、视频剪辑、声音文件或字体。当新创建一个元件时，该元件会存储在文件的库中。当该元件被放在舞台上时，就会创建该元件的一个实例。元件减小了文件大小，因为无论你创建多少个元件实例，Flash 只会将该元件在文件中存储一次。修改实例的属性而不影响主元件，但编辑主元件来更改所有实例。,1.4 Flash 程序界面,工具栏,帧编辑面板,层编辑面板,“属性”面板等,文档（影片）编辑区,1.4 建立一个Flash文档,从“开始”菜单中启动Flash 后，程序会自动建立一个空白的Flash文档。可以点击“文件”“新建”来建立一个新的空白文档。点击“文件”“从模板新建”可以利用系统预先制作好的文档快速生成新的Flash文档。,1.5 设置Flash文档的属性,新建一个Flash文档后，先要设置其文档属性，利用“属性”面板或右击文档选择“文档属性”项，即可对多个属性进行设置：,1.5 设置Flash文档的属性（续）,文档（影片）尺寸：默认为550400，我们可以改成更符合要求的尺寸；背景色：文档的背景所显示的颜色，默认为白色；帧频：即是前面所说的fps，修改帧频值，也可以相应的改变影片播放的时间。,1.6 测试影片,影片在制作过程中，若想查看影片的效果，我们可以随时点击“控制”“测试影片”或按Ctrl+Enter键即可。测试的同时，我们还可以通过菜单中的项目对影片进行控制。,1.7 文档的保存和影片输出,Flash文档保存：点击“文件”“保存”或“另存为”即可，注意保存的文件名和位置。,1.7 文档的保存和影片输出,影片输出：Flash动画制作完成后还要输出成影片才能使用，输出方法：点击“文件”“导出影片”，选择导出类型为“Flash影片”；在导出对话框中可以对该影片进行一些常用的设置，如：JPEG品质、防止导入等。,第二部分 简单动画制作,0 制作动画准备,制作一段动画前先要想好这段动画中包含哪些元素（元件），并且要想好这段动画的总的时间即各元件的状态。若是动画中需要一些外部的资源，如：图片、声音等，也要提前准备好。计划好后，就可以开始制作动画了。,2.1 创建动画的基本元素元件,建立好一个新的文档，并设置好文档属性后，就要开始创建元件。点击“插入”“新建元件”或按Ctrl+F8键，在弹出的对话框中要设置如下内容：名称：最好给出一个有意义的名称；行为：即是类型，根据需要有三种选择；高级：点击“高级”按钮可以显示出更多的属性选择（一般不需设置）。,2.2 元件制作实例-滚动的多彩小球,新建一个Flash文档，再新建元件，要求：名称：小球行为：图形。这时，进入到元件编辑状态。,2.2 元件制作实例滚动的多彩小球(续）,为了辅助我们画出更加规则的球形，可以选择“视图”“网格”中的“显示网格”和“对齐网格”。点击工具栏中的“椭圆工具”按钮，在工作区即可绘制椭圆，按住Shift键可以绘制规则的圆形。,2.2 元件制作实例滚动的多彩小球(续）,绘制完成后，点击“箭头工具”按钮，圈选整个图形后可以移动绘制好的图形，移动时可以按Shift+方向键快速移动。该工具也可以只选择图形中的一部分区域作为编辑对象。,2.2 元件制作实例滚动的多彩小球(续),点击“任意变形工具”按钮可以改变已绘制图形的大小或形状，该按钮还有一个功能，是调整图形的重心的位置。点击“部分选取工具”按钮可以组成该图形的一部分曲线，并调整该曲线的斜率。,选中图形后，可以从工具栏中的颜色编辑区设置图形的“笔触颜色”和“填充颜色”。工具栏中还有很多按钮和按钮选项，大家可自行研究使用方法。,2.2 元件制作实例滚动的多彩小球(续),利用工具栏中的按钮将小球的圆心（重心）调节到工作区的+字中心处。利用“线条工具”按钮作圆形的直径。点击“窗口”“变形”，选中刚画好的直线，在弹出的“变形”面板中设置旋转45度，再点击“拷贝并应用变形”按钮多次。,2.2 元件制作实例滚动的多彩小球(续),利用“颜料桶工具”按钮，对小球中的不同区域填充各异的颜色。至此，小球元件已制作完成，点击工作区上端显示的“场景1”即可返回场景中。,2.2 元件制作实例滚动的多彩小球(续),2.3 向场景中添加元件的实例,刚才已经制作好的小球元件，实际上是存放在Flash文档的库中。点击“窗口”“库”或按快捷键F11或Ctrl+L都可以显示“库”面板，这其中列出了当前文档中所有的元件。,2.3 向场景中添加元件的实例（续）,拖动刚才制作的“小球”元件到场景中即可。对于场景中的“小球”实例，我们可以对它进行一些简单的修改操作，如：改变其大小；利用“属性”面板修改其颜色属性等。,2.4 利用时间轴创建动画,时间轴是我们编辑动画的主要区域，在这里我们要设置的内容包括：插入关键帧；设置各关键帧中场景的内容；设置各关键帧间的补间方式（动画形式）。,2.5 插入关键帧,默认情况下，Flash文档会自动插入第一帧，并将第一帧设置为关键帧。我们插入的元件就是放置到了第一帧关键帧。,2.5 插入关键帧(续）,选中时间轴的第60帧，点击鼠标右键，在弹出的菜单中选择“插入关键帧”或直接按F6键即可插入新的关键帧。同时，刚才的小球也出现在第60帧中。这时，第1帧到第60帧之间会自动添加帧。,2.6 修改场景内容和设置动画,点击时间轴的第60帧关键帧，将场景中的小球移动到另一侧。（也就是定义了动画结束时小球的状态）再点击时间轴的第1帧关键帧，设置“属性”面板中的“补间”项内容为：动作。,2.6 修改场景内容和设置动画（续）,这时可以看到时间轴变化为：按Ctrl+Enter测试影片看一下效果！,注意关键帧间的箭头！,2.7 设置小球的滚动效果,再点击第1帧关键帧，刚才已经设置补间的动作效果，现在要设置滚动的效果。点击“属性”面板中的“旋转”，选择“顺时针”，2次。,2.7 设置小球的滚动效果（续）,这时再测试影片，看看效果！“属性”面板中还有一个“简易”选项，它可以输入-100100间的数值，默认为0。试着修改一下“简易”的值，看看有什么效果？,2.8 简单的形状动画,制作形状补间要求两个关键帧中属性设成“形状”对象，若是元件实例或是其它图形，都要先执行分离（“修改”“分离”）操作。其它的设置与动作补间基本相同。,附：时间轴视图常识,实关键帧：帧内实心圆空关键帧：帧内空心圆普通帧：帧内空心矩形空帧：空白无动画过渡帧：灰色运动动画过渡帧：淡蓝色带箭头变形动画过渡帧：淡绿色带箭头错误动画：虚线,简单动画补充,位置移动加速和减速旋转效果缩放变形透明效果,