第9次课flash基础.ppt

《第9次课flash基础.ppt》由会员分享，可在线阅读，更多相关《第9次课flash基础.ppt（42页珍藏版）》请在优知文库上搜索。

1、12主要学习内容认识Flash一、Flash的工作界面二、Flash常用的名词三、基本工具使用操作四、动画制作实验九：实验九：Flash形变动画制作形变动画制作 3认识Flash Flash Flash是一款用于矢量图形创作和矢量动画是一款用于矢量图形创作和矢量动画制作的专业软件。制作的专业软件。FlashFlash是由是由MacromediaMacromedia公司研发的，该公司公司研发的，该公司被被AdobeAdobe公司收购后，公司收购后，Flash Flash 与与PhotoshopPhotoshop有了很好的集成性。有了很好的集成性。矢量图矢量图是根据几何特性来绘制图形，是根据几何特

2、性来绘制图形，矢量可以是一个点或一条线，矢量可以是一个点或一条线，它的特点是放大后图像不会失真，它的特点是放大后图像不会失真，和分辨率无关，文件占用空间较小，和分辨率无关，文件占用空间较小，适用于图形设计、文字设计和一些标志设计、适用于图形设计、文字设计和一些标志设计、版式设计等版式设计等。矢量图形与分辨率无关，可以修改描述图形形状的线条和曲矢量图形与分辨率无关，可以修改描述图形形状的线条和曲线的属性，可以对矢量图形进行移动、调整大小、重定形状线的属性，可以对矢量图形进行移动、调整大小、重定形状以及更改颜色的操作而以及更改颜色的操作而不更改其外观品质不更改其外观品质。位图图形跟分辨率有关，编辑

3、位图图形可以位图图形跟分辨率有关，编辑位图图形可以更改它的外观品更改它的外观品质质。调整位图图形的大小会使图像的边缘出现锯齿，因为网。调整位图图形的大小会使图像的边缘出现锯齿，因为网格内的像素重新进行了分布。格内的像素重新进行了分布。6一、Flash的工作界面7舞台舞台控制面板控制面板时间轴控制面板时间轴控制面板工具栏工具栏8面板的折叠（右侧和下方面板的显示面板的折叠（右侧和下方面板的显示/隐藏）隐藏）编辑区（或舞台）显示比例的改变编辑区（或舞台）显示比例的改变通过通过【窗口窗口】菜单来实现工具栏的显示菜单来实现工具栏的显示/隐藏隐藏9 场景场景：FlashFlash动画中提供了多场景动画的制

4、作过程动画中提供了多场景动画的制作过程 时间轴时间轴：表示整个动画与时间之间的关系。表示整个动画与时间之间的关系。舞台舞台:在创建在创建 Flash Flash 文档时放置图形内容的矩形区域，文档时放置图形内容的矩形区域，这些图形内容包括矢量插图、文本框、按钮、导入的位这些图形内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑，诸如此类。图图形或视频剪辑，诸如此类。舞台属性的改变舞台属性的改变BACK10二、Flash常用的名词11 帧：帧：就是影像动画中最小单位的单幅影像画面，相当于电就是影像动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。影胶片上的每一格镜头。一帧就是一副

5、静止的画面，一帧就是一副静止的画面，连续的帧就形成动画，如电视图象等。连续的帧就形成动画，如电视图象等。每一帧都是静止的图象，快速连续地显示帧便形成了每一帧都是静止的图象，快速连续地显示帧便形成了运动的假象。高的帧率可以得到更流畅、更逼真的动运动的假象。高的帧率可以得到更流畅、更逼真的动画。每秒钟帧数画。每秒钟帧数 (fps)(fps)愈多，所显示的动作就会愈愈多，所显示的动作就会愈流畅。流畅。1.帧和关键帧解析：跳舞的小人图片序列12 关键帧：关键帧：有关键内容的帧有关键内容的帧，用来定义动画变化、更改状态的帧。，用来定义动画变化、更改状态的帧。FlashFlash动画只要设置开始帧和结束帧

6、即可。动画只要设置开始帧和结束帧即可。任何动画要表现运动或变化，至少前后要给出两个不同任何动画要表现运动或变化，至少前后要给出两个不同的关键状态，而中间状态的变化和衔接电脑可以自动完的关键状态，而中间状态的变化和衔接电脑可以自动完成，成，在在FlashFlash中，表示关键状态的帧叫做关键帧中，表示关键状态的帧叫做关键帧。有图像的关键帧（关键帧）有图像的关键帧（关键帧）“”表示表示 无图像的关键帧（空白关键帧）无图像的关键帧（空白关键帧）“”表示表示1.帧和关键帧13 空白关键帧空白关键帧：无对象的关键帧。无对象的关键帧。空白关键帧就是舞台什么东西都没有，在空白关键帧就是舞台什么东西都没有，在

7、做物体出现消失的时候很有用，如果需要他在做物体出现消失的时候很有用，如果需要他在中间什么时候消失就可以在中间想对的时间轴中间什么时候消失就可以在中间想对的时间轴上插如空白关键帧。上插如空白关键帧。任何动画都要有第一帧 142.元件元件元件：可反复取出使用的图形：可反复取出使用的图形,按钮或一段小动画按钮或一段小动画如何创建元件如何创建元件?方法方法 1:1:新建一个空白元件新建一个空白元件,然后在元件编辑状态下然后在元件编辑状态下穿件元件的内容。选择菜单穿件元件的内容。选择菜单“插入插入”“新建元新建元件件”或者按键盘或者按键盘 ctrl+F8 ctrl+F8 也可以新建一个元件。也可以新建一

8、个元件。方法方法2:2:将场景上的对象转换成元件。选择场景里现将场景上的对象转换成元件。选择场景里现有元件有元件,单击鼠标右键单击鼠标右键,选择转换为元件。选择转换为元件。153.图层 Flash Flash中的图层作用与中的图层作用与PhotoshopPhotoshop相似。相似。为了动画设计的需要，为了动画设计的需要，FlashFlash还添加了还添加了遮罩遮罩层和运动引导层层和运动引导层。遮罩层遮罩层决定了被遮罩层的显示情况。决定了被遮罩层的显示情况。运动引导层运动引导层用于设置动画沿路径运动。用于设置动画沿路径运动。BACK16三、基本工具使用操作三、基本工具使用操作17常用工具颜料桶

9、墨水瓶任意变形选择填充变形橡皮擦笔触颜色填充色使用使用“鼠标鼠标”按住按住“矩矩形工具形工具”然后可以再下然后可以再下拉工具中进行选择拉工具中进行选择181.1.线条工具线条工具2.2.椭圆工具椭圆工具（笔触颜色、填充色和笔触样式）（笔触颜色、填充色和笔触样式）球、佛珠、糖葫芦等球、佛珠、糖葫芦等3.3.铅笔工具铅笔工具 制作人脸等制作人脸等（一）Flash基本图形绘制194.4.矩形工具矩形工具（边角半径设置）（边角半径设置）邮票实例的制作邮票实例的制作步骤：步骤：新建一个新建一个flash文件，舞台背景改为文件，舞台背景改为“蓝色蓝色”；单击工具箱的矩形工具，在其属性面板中设置：笔触颜单击

10、工具箱的矩形工具，在其属性面板中设置：笔触颜色为色为“白色白色”，笔触高度为，笔触高度为15，笔触样式为，笔触样式为“圆点圆点”，填充色为填充色为“白色白色”；在舞台绘制矩形；在舞台绘制矩形；导入一张图片，调整图片；导入一张图片，调整图片；保存。保存。205.5.多角星形工具多角星形工具 五星红旗的制作五星红旗的制作步骤：步骤：新建一个新建一个flash文件；文件；单击工具箱的矩形工具，在其属性面板中设置：笔触颜色为单击工具箱的矩形工具，在其属性面板中设置：笔触颜色为“无无色色”，笔触高度为，笔触高度为15，笔触样式为，笔触样式为“实线实线”，填充色为，填充色为“红红色色”；在舞台绘制矩形；在

11、舞台绘制矩形；单击工具箱的多角星形工具，在其属性面板中设置：笔触颜色为单击工具箱的多角星形工具，在其属性面板中设置：笔触颜色为“无色无色”，笔触高度为，笔触高度为15，笔触样式为，笔触样式为“实线实线”，填充色为，填充色为“黄色黄色”；单击；单击“选项选项”按钮，按钮，设置样式为设置样式为“星形星形”，边数为，边数为“5”；在舞台绘制五角星；在舞台绘制五角星；复制对象，拖动到合适位置；复制对象，拖动到合适位置；保存。保存。211.1.选择工具选择工具 可用于抓取、选择、移动和改变图形形状可用于抓取、选择、移动和改变图形形状。选择一个对象选择一个对象l 如果选择的是一条直线、一组对象或文本，只需

12、要单击需要的对象即可；l 如果选择的是图形，需要在某条边线上双击鼠标左键；选择多个对象选择多个对象l 一种是使用框选；l 另一种是按住【shift】键进行复选；移动移动直线变曲线直线变曲线（二）对象的选取222.2.部分选取工具（选学部分选取工具（选学*）可以选择并移动对象，也可以对图形进行变形等处理可以选择并移动对象，也可以对图形进行变形等处理步骤：步骤：（一个红心的制作一个红心的制作）使用椭圆工具绘制一个正圆，笔触颜色为使用椭圆工具绘制一个正圆，笔触颜色为“无色无色”，填充色为，填充色为“红色红色”；按住按住【ctrl】键，用鼠标进行拖动，复制出另一个正圆，拖动到合适位键，用鼠标进行拖动，

13、复制出另一个正圆，拖动到合适位置；置；选择部分选取工具，单击以选中图形；选择部分选取工具，单击以选中图形；单击图形底部的路径点，向下方拖动，拖出一个尖状，作为心的底部；单击图形底部的路径点，向下方拖动，拖出一个尖状，作为心的底部；选中图形中部路径点，按选中图形中部路径点，按【delete】将其删除。将其删除。233.3.套索工具套索工具 24文本工具文本工具 设置文本字体、大小、颜色、样式、对齐方式设置文本字体、大小、颜色、样式、对齐方式等；等；将文本转换为矢量图形，对其进行渐变色填充、将文本转换为矢量图形，对其进行渐变色填充、绘制边框路径等操作；绘制边框路径等操作；滤镜（投影、渐变发光等）滤

14、镜（投影、渐变发光等）（三）Flash文本编辑案例一：制作动画的文字案例一：制作动画的文字25步骤：步骤：a)a)导入文件图片，利用任意变形工具来改变图片的大小；导入文件图片，利用任意变形工具来改变图片的大小；b)b)选择文本工具，在选择文本工具，在【属性属性】面板中设置文本属性：字体为黑体，字体大小面板中设置文本属性：字体为黑体，字体大小为为3535，文本颜色为红色；，文本颜色为红色；c)c)在舞台中输入在舞台中输入“美好的时光美好的时光”几个字；几个字；d)d)在在【时间轴时间轴】面板中面板中单击右键插入关键帧单击右键插入关键帧，一共插入，一共插入5 5个关键帧；个关键帧；e)e)选择第选

15、择第1 1帧，把舞台中的第帧，把舞台中的第1 1个字保留，其余文本都删除掉，这样致保留第个字保留，其余文本都删除掉，这样致保留第一个字一个字“美美”；f)f)选择第选择第2 2帧，把舞台中的前帧，把舞台中的前2 2个字保留，其余文本都删除掉，这样致保留第个字保留，其余文本都删除掉，这样致保留第一个字一个字“美好美好”；g)g)选择第选择第3 3帧，把舞台中的前帧，把舞台中的前3 3个字保留，其余文本都删除掉，这样致保留第个字保留，其余文本都删除掉，这样致保留第一个字一个字“美好的美好的”；h)h)选择第选择第4 4帧，把舞台中的前帧，把舞台中的前4 4个字保留，其余文本都删除掉，这样致保留第个

16、字保留，其余文本都删除掉，这样致保留第一个字一个字“美好的时美好的时”；i)i)第第5 5帧保留所有文本；帧保留所有文本；j)j)【控制控制】菜单中选择测试影片命令（菜单中选择测试影片命令（CTRL+EnterCTRL+Enter）来预览动画效果；）来预览动画效果；k)k)可以放慢播放速度，可以放慢播放速度，【修改修改】菜单中选择文档命令，在打开的菜单中选择文档命令，在打开的【文档属性文档属性】对话框中，更改对话框中，更改【帧频帧频】为为1.1.l)l)CTRL+EnterCTRL+Enter再次预览动画；再次预览动画；BACK26四、动画制作四、动画制作27 根据动画实现方式的不同，可以将动根据动画实现方式的不同，可以将动画分为画分为逐帧动画逐帧动画和和补间动画补间动画。补间动画。补间动画有形状补间和运动补间两种制作方法。有形状补间和运动补间两种制作方法。28（一）逐帧动画案例二：跳街舞的小人案例二：跳街舞的小人 在时间帧上逐帧绘制帧内容称为逐帧动画逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。由于逐帧动画的帧序列内容不一样，不仅增加制作