Flash基础、逐帧动画.ppt

《Flash基础、逐帧动画.ppt》由会员分享，可在线阅读，更多相关《Flash基础、逐帧动画.ppt（39页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Flash 8.0Flash 8.0Flash 8.0Flash的特点的特点界面清晰，制作简单（动画可以自动生成）界面清晰，制作简单（动画可以自动生成）使用矢量图，文件占用空间小使用矢量图，文件占用空间小图像和文字输出质量高图像和文字输出质量高作品可以在线播放作品可以在线播放内嵌动作脚本内嵌动作脚本ActionScript2.0，交互性强，交互性强（复选按钮、下拉菜单、滚动条）（复选按钮、下拉菜单、滚动条）跨平台播放，跨平台播放，Powerpoint、Authorware等程等程序均可调用序均可调用Flash的两种格式文件的两种格式文件编辑文件（编辑文件（*.fla）：将各种元件、制作元素保存

2、在一）：将各种元件、制作元素保存在一起的文件，起的文件，可以编辑、制作可以编辑、制作、修改、保存。、修改、保存。电影文件（电影文件（*.swf）：是将已经制作完成的作品发布成）：是将已经制作完成的作品发布成的电影文件，的电影文件，不能编辑、修改不能编辑、修改。Flash文件的几种发布方式（文件文件的几种发布方式（文件-发布设置）：发布设置）：Flash（.swf）网页（网页（.html）gif图像图像jpg图像图像png图像图像Windows放映文件（放映文件（.exe）苹果机操作系统（苹果机操作系统（Macintosh）放映文件（）放映文件（.hqx）QuickTime文件（文件（.mov）

3、1.2 图形图形/图像的基础知识图像的基础知识1.2.1 图形图像的基本概念1.位图图像:位图图像又称为点阵图像。由许多点组成，这些点称为像素。图1.1 位图图像正常显示 1.2 位图图像放大显示2.矢量图:矢量类图像也称为向量图像，有时也简称图像。矢量图是以数学中的向量方式来记录图像的，内容以线条和色块为主。优点是文件小、容易变换、旋转，精度高，并且不会影响它的显示质量。但色调和色彩一般都不够丰富，对绘画能力要求较高。图 1.3 矢量图形正常显示 图 1.4 矢量图形放大显示 3.像素 像素是图形单元像素是图形单元(picture element)的的简称，它是位图中最小的基本单位。每简称，

4、它是位图中最小的基本单位。每个像素都有位置和颜色两个属性。个像素都有位置和颜色两个属性。4.图像分辨率 所谓的图像分辨率，一般来说就是每所谓的图像分辨率，一般来说就是每英寸包含的像素的个数。在一定分辨率英寸包含的像素的个数。在一定分辨率下，假如知道图像的尺寸，就可以精确下，假如知道图像的尺寸，就可以精确地算出该图像中具有多少个像素。地算出该图像中具有多少个像素。1.2.2 颜色模式颜色模式1.RGB模式（红、绿、蓝）2.CMYK模式（青色、洋红色、黄色、黑色）3.Lab颜色模式（亮度、颜色分量）4.HSB颜色模式（色调、饱和度、亮度）1.3 Flash常用术语常用术语1.4 Flash的工作界

5、面的工作界面启动启动Flash（注意：（注意：Flash 8.0会与暴风影音软会与暴风影音软件冲突）件冲突）工作界面：工作界面：菜单栏菜单栏工具箱工具箱时间轴时间轴工作区工作区面板组面板组1.5 常用面板常用面板属性面板属性面板动作面板动作面板颜色样本面板颜色样本面板混色器面板混色器面板场景面板场景面板组件面板组件面板中文中文 Flash 8.0工作区工作区获取帮助获取帮助中文帮助中文帮助1.6 Flash文件操作文件操作新建文件新建文件打开文件打开文件设置文档属性设置文档属性保存文件保存文件关闭和退出关闭和退出Flash时间轴时间轴时间轴好像导演的剧本，决定了各个场景时间轴好像导演的剧本，决

6、定了各个场景的切换以及演员出场、表演的时间顺序。的切换以及演员出场、表演的时间顺序。Flash把动画按时间顺序分解成帧，再把各把动画按时间顺序分解成帧，再把各个单独的帧画面连在一起，合成动画。个单独的帧画面连在一起，合成动画。灯笼左右摇摆灯笼左右摇摆新年贺卡新年贺卡图层控制区（图层控制区（1）Flash中图层的作用类似于中图层的作用类似于PS中图层的中图层的作用作用插入图层插入图层添加运动引导层添加运动引导层插入图层文件夹插入图层文件夹删除图层删除图层修改图层名称（双击图层名）修改图层名称（双击图层名）改变图层顺序改变图层顺序图层控制区（图层控制区（2）显示显示/隐藏所有图层隐藏所有图层锁定锁

7、定/解除锁定所有图层解除锁定所有图层显示所有图层的轮廓显示所有图层的轮廓图层属性窗口图层属性窗口图层的操作图层的操作建立建立8个图层，分别命名如下，并将所有个图层，分别命名如下，并将所有的图层锁定的图层锁定帧的分类帧的分类帧是组成动画的最基本元素，制作动画的大部帧是组成动画的最基本元素，制作动画的大部分操作都是对帧的操作。分操作都是对帧的操作。关键帧关键帧：关键帧是动画片段开始与结束的决定画面。关键帧是动画片段开始与结束的决定画面。通常，通常，Flash 会依照第会依照第1帧的帧的“关键帧关键帧”和最后和最后1帧帧的的“关键帧关键帧”，来决定动画的进行方式。也就是说，来决定动画的进行方式。也就

8、是说，只要安排好这两张画面，就可以制作出一段动画作只要安排好这两张画面，就可以制作出一段动画作品。品。空白关键帧：空白关键帧：空白关键帧是指它本身是关键帧，但空白关键帧是指它本身是关键帧，但该帧没有任何元素。该帧没有任何元素。帧：帧：帧也称静态帧，所有出现在帧也称静态帧，所有出现在“时间轴时间轴”中的帧中的帧都称为都称为“帧帧”。在。在Flash 的动画制作模式中，的动画制作模式中，“帧帧”往往代表中间画面，也就是第往往代表中间画面，也就是第1帧与最后帧与最后1帧画面帧画面间渐变的过程，因此它们是无法被编辑和修改的。间渐变的过程，因此它们是无法被编辑和修改的。建立关键帧建立关键帧/空白关键帧空

9、白关键帧/帧帧 在时间轴上选定一个普通帧，单击鼠标右键在时间轴上选定一个普通帧，单击鼠标右键在时间轴上选定一个普通帧，快捷键：在时间轴上选定一个普通帧，快捷键：插入帧，按插入帧，按F5插入关键帧，按插入关键帧，按F6插入空白关键帧，按插入空白关键帧，按F7帧符号的含义帧符号的含义 关键帧之间为灰色背景，表示对单关键帧的内容关键帧之间为灰色背景，表示对单关键帧的内容进行延续，以延长该关键帧的播放时间进行延续，以延长该关键帧的播放时间 表示表示“运动过渡帧运动过渡帧”，用箭头显示出动画的过程，用箭头显示出动画的过程，背景颜色为浅紫色。背景颜色为浅紫色。表示表示“形状过渡帧形状过渡帧”，用箭头显示出

10、动画的过，用箭头显示出动画的过程，程，“形状过渡帧形状过渡帧”与与“运动过渡帧运动过渡帧”的区别的区别是背景颜色为浅绿色。是背景颜色为浅绿色。虚线代表在过渡动画的过程中出了问题，应虚线代表在过渡动画的过程中出了问题，应检查开头与结尾关键帧的属性。检查开头与结尾关键帧的属性。帧符号的含义帧符号的含义 当关键帧上有一个小写的字母当关键帧上有一个小写的字母“a”“a”出现时，出现时，表示这个帧已被指定动作脚本，该帧可以实现表示这个帧已被指定动作脚本，该帧可以实现相应的交互动作。相应的交互动作。关键帧上有一个小红旗，表示该帧上设定了关键帧上有一个小红旗，表示该帧上设定了“帧帧标签标签”或或“注释注释”

11、。表示在该帧中加入了声音表示在该帧中加入了声音 金色的锚记，表明该帧是一个命名金色的锚记，表明该帧是一个命名“锚记锚记”。切换不同的帧显示状态切换不同的帧显示状态 使用使用“小标尺小标尺”按钮按钮帧的编辑帧的编辑插入帧（插入帧（F5）/关键帧（关键帧（F6）/空白关键帧空白关键帧（F7）选择帧（连选选择帧（连选shift键，多选键，多选ctrl键）键）移动帧（右键剪切移动帧（右键剪切/粘贴帧，或拖曳帧）粘贴帧，或拖曳帧）复制帧（右键复制复制帧（右键复制/粘贴帧）粘贴帧）删除帧删除帧清除关键帧：将关键帧转为帧或者空白关键帧清除关键帧：将关键帧转为帧或者空白关键帧清除帧：删除选中帧的内容清除帧：删

12、除选中帧的内容删除帧：删除帧和内容，后续帧向前移动删除帧：删除帧和内容，后续帧向前移动帧居中：时间轴下方帧居中：时间轴下方逐帧动画逐帧动画逐帧动画逐帧动画更改每一帧中的舞台内容，它逐帧动画更改每一帧中的舞台内容，它最适合于复杂的动画。最适合于复杂的动画。逐帧动画会明显增加文件的大小。逐帧动画会明显增加文件的大小。要创建逐帧动画，需要将每个帧都定义要创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图为关键帧，然后给每个帧创建不同的图像。像。每个新关键帧最初包含的内容和它前面每个新关键帧最初包含的内容和它前面的关键帧是一样的，因此可以递增地修的关键帧是一样的，因此可以递增地修改动画

13、中的帧。改动画中的帧。制作：计数开始的打字机效果制作：计数开始的打字机效果制作：计数开始的打字机效果制作：计数开始的打字机效果文件的播放文件的播放播放播放 Enter测试测试 Ctrl+Enter文件的发布文件的发布发布设置发布设置发布发布动画补间动画练习练习11、打开、打开flash软件，在软件，在“创建新项目创建新项目”下选择下选择“flash文档文档”2、点击菜单、点击菜单“修改修改”-”文档文档”，将尺，将尺寸改为寸改为400*300，“背景颜色背景颜色”改为蓝改为蓝色，确定色，确定3、保存文件、保存文件4、选择第、选择第1帧，帧，选择选择“椭圆工具椭圆工具”在工作区外画一个在工作区外

14、画一个椭圆椭圆5、选择第、选择第40帧，右键帧，右键“插入关键帧插入关键帧”，利用，利用“选择工具选择工具”将椭圆拉到工作区将椭圆拉到工作区内内6、选中第、选中第1帧，右键帧，右键“创建补间动画创建补间动画”7、ctrl+enter预览动画效果，并保存预览动画效果，并保存第1帧第40帧练习练习2：由远及近飞翔的雕：由远及近飞翔的雕建立一个雕的图形元件建立一个雕的图形元件制作动画，共三段：制作动画，共三段：雕从小变大雕从小变大雕从大变小雕从大变小雕变得消失（雕变得消失（alpha值为值为0）动画补间属性面板精讲动画补间属性面板精讲缩放：缩放：如果起始帧和结束帧中的对象大小不一如果起始帧和结束帧中

15、的对象大小不一样，那么选中该选项可以让对象的大小逐渐变样，那么选中该选项可以让对象的大小逐渐变化；取消该选项则保持动画过程中对象的大小化；取消该选项则保持动画过程中对象的大小不变，只在进入结束帧的时候突然变大或者变不变，只在进入结束帧的时候突然变大或者变小。小。缓动：设置对象运动的加速度。缓动：设置对象运动的加速度。如果是如果是0，那么对象将做匀速运动；如果是正数，那么对象将做匀速运动；如果是正数，那么对象将做减速运动；如果是负数，那么对象将那么对象将做减速运动；如果是负数，那么对象将做加速运动。做加速运动。单击后面的单击后面的“编辑编辑”按钮，可以通过按钮，可以通过“自定义缓入自定义缓入缓出

16、缓出”功能做详细的加速度设置。功能做详细的加速度设置。练习练习3：制作小球下落运动：制作小球下落运动创作动画补间动画创作动画补间动画在动画补间属性面板中，对在动画补间属性面板中，对“缓动缓动”的的编辑线进行修改，使得下落时由慢到快，编辑线进行修改，使得下落时由慢到快，弹起时由快变慢弹起时由快变慢动画补间属性面板精讲动画补间属性面板精讲旋转：设置对象旋转的方向和次数。旋转：设置对象旋转的方向和次数。调整到路径：在使用引导动画的时候，调整到路径：在使用引导动画的时候，让对象随着路径的方向变化而改变自己让对象随着路径的方向变化而改变自己的朝向。的朝向。同步：使图形元件实例的动画和主时间同步：使图形元

17、件实例的动画和主时间轴同步。轴同步。对齐：在使用运动路径时，让补间元素对齐：在使用运动路径时，让补间元素自动附加到运动路径。自动附加到运动路径。练习练习4：飘落的文字：飘落的文字输入输入“飘落的文字飘落的文字”，并分离一次，并分离一次修改修改-时间轴时间轴-分散到图层，五个文字将分散到图层，五个文字将分离到五个图层中分离到五个图层中第第50帧处插入关键帧，选中第帧处插入关键帧，选中第1帧创建帧创建补间动画，设置旋转，在动画补间属性补间动画，设置旋转，在动画补间属性面板中将第面板中将第1帧的文字帧的文字alpha值改为值改为0移动各个图层文字的出现顺序。移动各个图层文字的出现顺序。请关闭计算机，放好凳子再离开！谢谢！