还剩18页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
基础知识教学课件Flash目录简介与发展历史Flash1了解的起源、发展及其在教育领域的应用价值Flash工作界面详解Flash2熟悉的工作环境和各功能面板的使用方法Flash动画制作基础3学习关键帧、补间动画等基本动画制作技巧元件与时间轴4掌握元件类型及时间轴的高级应用入门ActionScript了解基础脚本编程,实现交互功能第一章简介与发展历史Flash的诞生与演变Flash年11996公司推出Macromedia,最初名为Flash
1.02年FutureSplash Animator2000发布,引入Flash5编程语言,ActionScript年32005大大增强交互性收购,Adobe Macromedia成为产品线的Flash Adobe4年后2010一部分随着兴起,HTML5Flash在网页领域应用减少,但在教育课件领域依然活跃的优势与局限Flash优势特点基于矢量图形,文件体积小,加载速度快•动画效果流畅,可实现复杂的过渡与特效•内置脚本语言,支持丰富的交互功能•适合制作精美的教学课件与演示材料•一次设计,多平台运行(通过)•Flash Player局限性搜索引擎难以识别内容,不利于•Flash SEO随着移动设备普及,等平台对支持有限•iOS Flash需要安装插件才能播放•Flash Player存在一定的安全漏洞风险•逐渐被、等开放标准替代•HTML5CSS3尽管存在这些局限,在教育领域的课件制作中仍有其独特价值,特别是在需要复杂交互和精美动画的场景Flash标志与发展里程碑Flash01诞生阶段1996-2000从到,确立了基于矢量的动画制作标准FutureSplash Flash02繁荣时期2001-2010成为网页动画和交互的主流技术,广泛应用于游戏、广告和教育课件Flash03转型阶段2011-2020面对挑战,逐渐从网页应用转向桌面应用和教育课件领域HTML504后时代后Flash2020宣布停止更新,但创作工具的设计理念仍影响着动画制作软件Adobe FlashPlayer Flash第二章工作界面详Flash解主要界面组成Flash菜单栏与工具栏包含所有操作命令和常用工具按钮,提供绘图、选择和编辑功能Flash舞台与标尺动画内容的可视区域,可设置背景色、尺寸和帧速率时间轴与图层控制动画时间进程和内容层次,是动画制作的核心控制区属性面板与库调整所选对象的属性,管理和复用元件素材舞台与时间轴的关系舞台Stage是观众可见的矩形区域•可设置背景色、尺寸和网格参考线•支持放大、缩小和平移操作•内容可延伸至舞台外部区域(不可见)•时间轴Timeline横向代表时间流程,以帧为单位•纵向代表图层叠加顺序•通过关键帧控制内容变化•提供播放头控制动画预览•理解舞台与时间轴的关系是掌握动画制作的基础舞台上的每个元素都受时间轴控制,时间轴上的每个改变都会反映在舞台上Flash界面详解Flash
①菜单栏与应用程序栏提供文件操作、编辑、视图等功能入口,包含撤销重做按钮和工作区切换/
②工具栏包含选择、绘图、修改工具,下方为颜色控制区和视图控制区
③属性检查器根据选中对象动态变化,显示并允许修改当前选中内容的属性
④时间轴面板显示图层和帧,控制动画时间进程,包含帧率设置和播放控制
⑤舞台区域动画内容的主要编辑和预览区域,周围有标尺和辅助工具第三章动画制作基础关键帧与补间动画关键帧Keyframe时间轴上标记内容变化的特殊帧,分为空白关键帧不包含内容的起始点•内容关键帧包含图形或元件的帧•补间动画类型运动补间适用于元件,控制位置、大小、旋转等•形状补间适用于矢量图形,控制形状变化•传统补间早期版本的补间方式,兼容性较好•补间动画的核心原理是设定起始和结束关键帧,由自动计算中间过渡帧,大大提高动画制作效率Flash元件类型介绍图形元件按钮元件影片剪辑元件Graphic ButtonMovie Clip特点特点特点与主时间轴同步播放包含四个状态弹起、经过、按下、点拥有独立的时间轴•••击区不能包含交互功能可嵌套其他元件••可响应鼠标事件占用资源较少•支持复杂脚本控制••内置简单交互功能•适用于静态图形、简单动画元素适用于复杂动画、交互组件适用于导航按钮、交互控件合理选择和组合使用这三种元件类型,是高效制作动画的关键通过库面板管理元件,可实现素材的重复使用Flash动画制作实操演示步骤一创建图形使用绘图工具创建矢量图形,或导入位图素材提示尽量使用矢量图形,文件更小,缩放不失真步骤二转换为元件选中图形,按转换为元件(通常选择影片剪辑类型)F8命名元件并存入库中,便于重复使用步骤三创建关键帧在时间轴上选择帧,按插入关键帧F6调整元件的位置、大小、透明度等属性步骤四创建补间动画右键点击起始帧与结束帧之间,选择创建补间动画在属性面板中调整补间效果、缓动等参数动画关键帧与补间示意图补间动画的工作原理动画路径与属性变化通过计算起始关键帧和结束关运动补间会在舞台上显示对象的运动Flash键帧之间的差异,自动生成中间帧,路径,可通过直接编辑路径调整运动形成平滑过渡效果补间动画的蓝色轨迹除位置外,还可同时控制对象区域表示该区段受控于补间算法的旋转、缩放、透明度等属性变化缓动控制通过属性面板的缓动设置,可控制动画的加速度变化,创造更自然的运动效果例如渐入、渐出、弹性等效果第四章入门ActionScript简介ActionScript什么是?ActionScript是的脚本语言,基于标准开发,用于ActionScript FlashECMAScript为动画添加交互功能和控制逻辑Flash版本演进ActionScript基础版本,语法简单AS
1.0引入类和面向对象编程AS
2.0完全重构,性能大幅提升AS
3.0本课件主要介绍,它在教育课件制作中应用最为广泛,平衡了易AS
2.0用性和功能性即使不懂编程,掌握基本的语句也能制作出功能丰富的交互式课件ActionScript常用语句ActionScript基本动画控制按钮与事件处理变量与条件判断stop;//停止播放当前myButton.onRelease=function varscore=0;score+=10;if时间轴play;//播放当{gotoAndPlay场景score=60前时间轴gotoAndStop5;//跳转2;};myButton.onRollOver={gotoAndPlay通过;}else到第5帧并停止gotoAndPlay10;//function{this._alpha={gotoAndPlay未通过;}跳转到第10帧并播放70;//透明度变为70%};这些基本命令已经可以满足大多数教学课件的交互需求代码通常放在关键帧上或按钮事件中ActionScript影片剪辑元件的脚本示例属性控制//设置透明度myClip._alpha=50;//设置位置myClip._x=100;myClip._y=200;//设置缩放myClip._xscale=150;myClip._yscale=150;拖拽控制myClip.onPress=function{this.startDrag;};myClip.onRelease=function{this.stopDrag;};影片剪辑是中最灵活的元件类型,通过可以完全控制其行为,实现复杂的交互效果Flash ActionScript示例代码按钮点击跳转动画帧场景设计按钮设置一个教学课件,包含多个章节,通过按钮导航不同内容创建四个按钮元件章节、章节、章节、返回主页123代码实现//主时间轴第一帧,停止播放stop;//章节按钮的点击事件btn_chapter
1.onRelease=function{gotoAndPlay章节1;};btn_chapter
2.onRelease=function{gotoAndPlay章节2;};btn_chapter
3.onRelease=function{gotoAndPlay章节3;};//返回按钮在各章节中的代码btn_home.onRelease=function{gotoAndStop主页;};。
个人认证
优秀文档
获得点赞 0