电子文档交易市场
安卓APP | ios版本
电子文档交易市场
安卓APP | ios版本

网页设计与制作-电子教案-陈彦许 第7章 动画

62页
  • 卖家[上传人]:E****
  • 文档编号:89536443
  • 上传时间:2019-05-27
  • 文档格式:PPT
  • 文档大小:2.95MB
  • / 62 举报 版权申诉 马上下载
  • 文本预览
  • 下载提示
  • 常见问题
    • 1、第7章 网页动画的制作,【学习目标】,第7章 网页动画的制作,第7章 网页动画的制作,7.1 Flash 简介,Flash软件是当前网络上最流行的动画制作软件,在网页动画创作中被广泛地使用。此软件的出现使得在网上实现交互式流媒体成为现实,目前应用最多的是Flash8版本。它在Flash MX 2004基础上改变了原来软件的操作界面并添加了很多新功能。Flash都能干什么呢?这款软件功能很强大,主要有以下几个方面: 美工设计:Flash 8本身是一个优秀的矢量图形工具,使用它可以制作出精美的矢量图案。并且,还可以再进行图形图像的处理。 动画制作:动画制作是Flash的看家本事。在Flash中,可以使用“补间“来制作动画,只要制作动画的开头帧和结束帧,就可以让计算机自动生成中间的各个帧。同时,在Flash 8中还提供了“时间轴特效“来快捷地制作动画。一般的作品有MTY、动画小品等。 交互制作:交互性是Flash的另一个重要特性,Flash文件中可以使用鼠标和键盘进行交互,用户只要操纵鼠标和键盘就可以完成一系列的动画交互动作。利用这个特性可以制作交互按钮,也可以制作Flash网站、网页及网页

      2、元素。此外,Flash的交互功能还可以用来制作Flash游戏和教学课件。 程序开发:Flash提供的组件使得我们可以开发应用程序。组件是预先定义好的行为与参数的影片剪辑。使用它们可以制作图形界面的应用程序。,7.1 Flash 简介,7.1.1 基本概念,第7章 网页动画的制作,帧:帧是进行Flash动画制作的最基本的单位。在时间轴上的每一帧都可以包含需要显示的所有内容,包括图形、声音、各种素材和其他多种对象。 关键帧:有关键内容的帧。用来定义动画变化、更改状态的帧,即编辑舞台上存在实例对象并可对其进行编辑的帧。在时间轴上显示为实心的圆点,空白关键帧在时间轴上显示为空心的圆点,普通帧在时间轴上显示为灰色填充的小方格。 空白关键帧:空白关键帧是没有包含舞台上的实例内容的关键帧。 普通帧:在时间轴上能显示实例对象,但不能对实例对象进行编辑操作的帧。 同一图层中,在前一个关键帧的后面任一帧处插入关键帧,是复制前一个关键帧,可对其中的对象进行编辑操作;如果插入普通帧,则是延续前一个关键帧,不可对其进行编辑操作;插入空白关键帧,可清除该帧后面的延续内容,可以在空白关键帧上添加新的实例对象。 关键

      3、帧和空白关键帧上都可以添加帧动作脚本,普通帧上则不能。,注意:1.应尽可能的节约关键帧的使用,以减小动画文件的体积; 2.尽量避免在同一帧处过多的使用关键帧,以减小动画运 行的负担,使画面播放流畅。,7.1.2 操作环境,Flash软件版本更新较快,本教材中我们以Flash 8讲解动画制作流程。安装Flash 8后双击软件图标进入Flash启动界面。如图7-1所示:,第7章 网页动画的制作,7.1 Flash 简介,图7-1 FLASH 8 启动界面,在图7-1中区域、都显示灰色,不允许用户编辑,在区域中我们则可以进行Flash相关项目的创建,也可以通过菜单栏中的文件选项卡中的“新建”选项创建Flash项目。 真正的操作界面是在我们创建项目后呈现给我们的画面。创建新Flash文档,就可以打开Flash 8的工作界面(如图7-2所示)。Flash 8的工作界面主要包括标题栏和菜单栏、时间轴、工具箱、属性面板、浮动窗口、舞台。(图中的标号分别对应:标题栏和菜单栏、时间轴、工具箱、属性面板、浮动窗口、舞台),第7章 网页动画的制作,7.1 Flash 简介,图7-2 Flash的工作环境,7

      4、.1 Flash 简介,第7章 网页动画的制作,时间轴:时间轴 (Timeline) 是动画表演的“剧本”, 把不同的图形作品放在不同图层的相应帧里,以安排动画内容播放的时间和顺序,还用来调整动画的播放速度。 舞台:舞台是动画中“演员”表演的场所。舞台(Stage) 就是主工作区,用于放置图形内容(“演员”)的矩形区域,这些动画“演员”包括元件、矢量插图、文本、按钮、导入的位图图形或视频剪辑。Flash创作环境中的舞台相当于Flash 播放器中在回放期间显示Flash文档的矩形空间。可以在工作时放大和缩小以更改舞台的视图,而网格、辅助线和标尺有助于在舞台上精确地定位内容的位置。 属性面板:属性面板也是一个个小功能模块的集合,类似于浮动窗口。一般有“属性”、“滤镜”、“参数”和“动作”窗口。可以对舞台以及舞台上的各种对象进行设置。 浮动窗口:Flash 提供了许多种面板,每个面板对应一个功能模块,例如混色器面板用于颜色的配置,库面板用于库资源的管理。Flash8软件默认的为我们调出了一些浮动面板,我们也可以通过点击菜单栏中的“窗口”菜单调出我们所需要的面板,点击浮动面板名称前面的黑色小三

      5、角可以被其进行展开和折叠。 工具箱:工具箱中放置了编辑图形和文本的各种工具,用这些工具可以绘图,选取,喷涂,修改以及编排文字,还有些工具可以改变查看工作区的方式。在选择了某一工具时,其所对应的修改器(Modifier)也会出现在工具箱最底层位置,修改器的作用是改变相应工具对图形处理的效果。(由于工具箱的内容较多且在动画制作时使用较频繁,本教材将在接下来的小节中单独介绍,此处不做详细说明),7.1 Flash 简介,第7章 网页动画的制作,学习Flash的强大功能,首先要从它的工具箱入手,通过对工具箱中工具的熟练运用,可以创作出更好的动画作品。 工具箱也称为“作图工具栏”。工具栏箱中的工具可以用于绘制、涂色、选择和修改插图,并可以更改舞台的视图。工具箱分为四个部分: “工具“区域:包含绘画、涂色和选择工具 “查看“区域:包含在应用程序窗口内进行缩放和移动的工具。 “颜色“区域:包含用于笔触颜色和填充颜色的功能键。 “选项“区域:显示选定工具的组合键,这些组合键会影响工具的涂色或编辑操作。如图如图所示。使用菜单命令“窗口/工具“或者快捷键CtrlF2可以显示或隐藏工具栏。,7.1.3 Fl

      6、ash的工具箱,“工具“区域中的选择工具 和部分选择工具 用于选择对象的全部和部分区域、修改目标形状的轮廓。 任意变形工具 调整所选图形的大小,对图形进行旋转等操作。 填充变形工具 用来调整渐变填充色的方向。渐变色带过渡的距离。 线条工具 画出直线线段。,7.1 Flash 简介,第7章 网页动画的制作,“工具“区域中的选择工具 和部分选择工具 用于选择对象的全部和部分区域、修改目标形状的轮廓。 任意变形工具 调整所选图形的大小,对图形进行旋转等操作。 填充变形工具 用来调整渐变填充色的方向。渐变色带过渡的距离。 线条工具 画出直线线段。,7.1.3 Flash的工具箱,第7章 网页动画的制作,7.1 Flash 简介,套索工具 框选目标形状。 钢笔工具 以节点方式建立复杂精确的选区形状。 文本工具 用于输入文本。 椭圆工具 建立椭圆形状图形。 矩形工作组 包括矩形工具和多角星形工具 。矩形可以绘制矩形,多边形工具可以建立多边形和星形。 铅笔工具 使用线条绘制形状。 刷子工具 使用填充色绘制图形。 墨水瓶工具 为目标图形的轮廓形状填充颜色。 颜色桶工具 填充封闭形状的内部颜色。 滴管工

      7、具 提取目标颜色为填充颜色。 橡皮擦工具 擦除形状。 手形工具 调整移动工作区的视点。 缩放工具 放大和缩小视图。 笔触颜色 显示当前绘制线条所采用的颜色。 填充色 显示当前用来用来填充形状内部的颜色。 黑白按钮 可以将当前笔触色设为黑色,填充色设为白色。 没有颜色 绘制的封闭形状将不会自动以当前填充颜色填充,仅为线条形状。 交换颜色 将当前的笔触色与填充色互换。 选项 (这是选中套索工具后的选项内容)显示当前工具可以设置的选项。,7.1.3 Flash的工具箱,7.2 动画制作,7.2.1 逐帧动画制作倒计时器,逐帧动画也成为帧帧动画,它需要将每一帧都定义为关键帧,然后给每个帧创建不同的图像,通过连续播放这些帧,生成动画效果,在时间轴上表现为图7-4所示的状态。每个新关键帧最初包含的内容和它前面的关键帧是一样的,因此可以递增地修改动画中的帧。逐帧动画多用来创建连续的细腻动作。,第7章 网页动画的制作,图7-4 逐帧动画时间轴设置,第7章 网页动画的制作,7.2 动画制作,创建Flash文档。新Flash文档的创建有多种方法,可以使用菜单“文件/新建”,或者快捷键Ctrl+N,或者在F

      8、lash引导页上直接选择创建新Flash文档。如图7-5和图7-6所示。,图7-5 通过文件下拉菜单新建Flash文档 图7-6 在Flash引导页上直接新建Flash文档,7.2.1 逐帧动画制作倒计时器,Step1,下面我们来做一个“10秒钟倒数计时器”的动画。,第7章 网页动画的制作,7.2 动画制作,制作第一个关键帧上的文字图形:选中工具箱中的文字工具,在其对应的属性栏中,将文字颜色设为红色,大小设为100并将笔触颜色设置为红色,字体设为“黑体”,并且选择加粗和居中,如图7-7所示。,图7-7 文字工具属性栏设置,然后,到舞台上,第一个关键帧对应的位置输入文字:00:10,如图7-8所示:,图7-8 文字输入,Step2,7.2.1 逐帧动画制作倒计时器,第7章 网页动画的制作,7.2 动画制作,制作其它关键帧,分别在第1,2,3,4,5,6,7,8,9,10帧处右击插入“关键帧”,如图7-9所示:,图7-9 设置关键帧内容,并将每一个关键中对应的文字进行改动(将第二帧中的内容改为00:09,第三帧中的内容改为00:08,将第四帧内容改为00:07,依次类推将第十帧内容改为00

      9、:00)。,Step3,7.2.1 逐帧动画制作倒计时器,第7章 网页动画的制作,7.2 动画制作,设置帧播放频率。所有帧制作完成后,还需要对每帧播放的时间间隔做一下调整。双击时间轴上“帧频率”或单击舞台,打开Flash文档属性面板,将“帧频”由默认的30改为1即可。如图7-10所示:,此时,按Enter键就可以预览这个10秒钟计时器了。 保存动画文件,使用菜单“文件/保存”可以将Flash文件保存为.fla格式的Flash源文件。按Ctrl + Enter键,可以再次在Flash播放器中预览动画效果,同时会在.fla所在文件夹中生产.swf格式的Flash动画播放文件。,图7-10 Flash文档播放速度设置,Step4,Step5,7.2.1 逐帧动画制作倒计时器,7.2.2 补间动画制作滚动的足球,7.2 动画制作,第7章 网页动画的制作,补间动画是Flash中最常见的动画之一,所谓“补间”,就是两个关键帧,中间创建补间动画,两个关键帧之间由Flash软件通过计算生成中间各帧,使画面从前一个关键帧平滑的过渡到下一个关键帧。 Flash可以创建两种类型的补间:“补间动画”和“补间形状”。“补间动画”中,在一个时间点定义一个图形对象(必须为组合后的对象如:实例、组或文本块)的位置、大小和旋转属性,然后在另外一个时间点改变这些属性。在“补间形状”中,在一个时间点绘制一个图形对象(必须为打散的对象),然后在另一个时间点更改图形形状或绘制另一个图形。,下面我们首先来利用“补间动画”,制作滚动的足球。在Flash文档中的第一个关键帧处绘制一个足球。创建一个新的Flash文档,从工具箱中选择椭圆工具,在菜单栏“窗口/混色器”中将笔触颜色设为无,将填充类型设为“放射状”,调整色带如图7-11所示:,Step1,下面我们首先来利用“补间动画”,制作滚动的足球。,图7-11 混色器面板,7.2 动画制作,第7章 网页动画的制作,单击第一帧,选择工具栏最下方“选项”中的“对象绘制(J)”,在舞台中左侧按住Shift键拖出一个“足球”,使用工具箱中的填充变形工具调整填充的位置如

      《网页设计与制作-电子教案-陈彦许 第7章 动画》由会员E****分享,可在线阅读,更多相关《网页设计与制作-电子教案-陈彦许 第7章 动画》请在金锄头文库上搜索。

      点击阅读更多内容
    最新标签
    发车时刻表 长途客运 入党志愿书填写模板精品 庆祝建党101周年多体裁诗歌朗诵素材汇编10篇唯一微庆祝 智能家居系统本科论文 心得感悟 雁楠中学 20230513224122 2022 公安主题党日 部编版四年级第三单元综合性学习课件 机关事务中心2022年全面依法治区工作总结及来年工作安排 入党积极分子自我推荐 世界水日ppt 关于构建更高水平的全民健身公共服务体系的意见 空气单元分析 哈里德课件 2022年乡村振兴驻村工作计划 空气教材分析 五年级下册科学教材分析 退役军人事务局季度工作总结 集装箱房合同 2021年财务报表 2022年继续教育公需课 2022年公需课 2022年日历每月一张 名词性从句在写作中的应用 局域网技术与局域网组建 施工网格 薪资体系 运维实施方案 硫酸安全技术 柔韧训练 既有居住建筑节能改造技术规程 建筑工地疫情防控 大型工程技术风险 磷酸二氢钾 2022年小学三年级语文下册教学总结例文 少儿美术-小花 2022年环保倡议书模板六篇 2022年监理辞职报告精选 2022年畅想未来记叙文精品 企业信息化建设与管理课程实验指导书范本 草房子读后感-第1篇 小数乘整数教学PPT课件人教版五年级数学上册 2022年教师个人工作计划范本-工作计划 国学小名士经典诵读电视大赛观后感诵读经典传承美德 医疗质量管理制度 2 2022年小学体育教师学期工作总结 2022年家长会心得体会集合15篇
    关于金锄头网 - 版权申诉 - 免责声明 - 诚邀英才 - 联系我们
    手机版 | 川公网安备 51140202000112号 | 经营许可证(蜀ICP备13022795号)
    ©2008-2016 by Sichuan Goldhoe Inc. All Rights Reserved.