Flash实例教程教案1

《Flash实例教程教案1》由会员分享，可在线阅读，更多相关《Flash实例教程教案1（56页珍藏版）》请在装配图网上搜索。

1、Click to edit Master title style,,Click to edit Master text styles,,Second level,,Third level,,Fourth level,,Fifth level,,,*,单击此处编辑母版标题样式,,单击此处编辑母版文本样式,,第二级,,第三级,,第四级,,第五级,,,,*,单击此处编辑母版标题样式,,单击此处编辑母版文本样式,,第二级,,第三级,,第四级,,第五级,,,,*,Flash实例教程教案,,Flash实例教程教案Flash实例教程教案目录第1部分 Flash简介，工具，资源,,第2部分 Flash动画技术

2、，包括逐帧、形状补间、运动补间、蒙板、时间轴特效、图层以及色彩运用、声音控制等,,,第5部分 Flash实用项目制作，包括视频、电子相册、公文包和网站、Flash MV以及幻灯片演示文稿等,目录,第,1,部分,Flash,简介，工具，资源,,第,2,部分,Flash,动画技术，包括逐帧、形状补间、运动补间、蒙板、时间轴特效、图层以及色彩运用、声音控制等,,第,3,部分 滤镜和混合技术,第,4,部分 简介及实例,,第,5,部分,Flash,实用项目制作，包括视频、电子相册、公文包和网站、,Flash MV,以及幻灯片演示文稿等,,第,1,章,Flash,简介,Flash,是交互式矢量动画制作软件

3、，专业化的,Web,应用制作工具,,,Flash 8,的特点流媒体技术矢量图形系统,,Flash,版本简史,1996,年,4,月：,FutureSplash Animator,,1996,年,11,月：,Macromedia Flash 1,,1997,年,6,月：,Macromedia Flash 2,,1998,年,5,月：,Macromedia Flash 3,,1999,年,6,月：,Macromedia Flash 4,,2000,年,8,月：,Macromedia Flash 5,,2002,年,3,月：,Macromedia Flash MX,,2003,年,9,月：,Mac

4、romedia Flash MX 2004,,2005,年,9,月：,Adobe Flash Basic 8,,Flash 8,的新功能,补间动画的自定义缓入,/,缓出,,图形效果滤镜,,混合模式,,运行时位图缓存,,改进的文本消除锯齿功能,,新的视频编码器,,手机模拟器,,本地文件安全性,,Flash,文件描述，等等,,用,Flash 8,可以做什么,电子贺卡，二维动画和仿三维动画，,Flash MV,,,多媒体课件，图书多媒体光盘,,产品展示与在线电子相册,,网络游戏,,网上广告，动态网站标志、,Web,站点的导航系统及整个,Flash,站点，,Web,版简历、公文包,,电子地图,,网络视

5、频,,手机应用及消费电子产品上的应用,,桌面应用系统 ，等等,,第,2,章 基本绘图工具介绍,Flash 8,的界面 文档属性，舞台和工作区，时间轴和图层,,基本绘图工具 线条绘图工具，形状工具，笔刷工具和橡皮擦工具，选取工具，任意变形工具，填充变形工具,,使用菜单,,首选参数调整,,,实例,【,例,1】,制作彩色小风车,,知识点：使用直线工具、变形面板的复制并应用变形、颜色工具，选择多个对象,,实例,【,例,2】,制作红心,,知识点：使用选取工具、直线工具、变形工具，粘贴到当前位置的方法,,实例,【,例,3】,制作万圣节的礼物,,知识点：使用椭圆工具、铅笔工具、选取工具，平滑曲线,,实

6、例,【,例,4】,制作弯弯的月亮,,知识点：使用分割形状，柔化形状的填充边缘,,实例,【,例,5】,制作相片框,,知识点：使用笔刷工具，笔刷的模式，颜色工具,,实训,1,,绘图工具绘制一个立体五角星,,制作马赛克图形,,第,3,章 颜色工具和文字工具,Flash 8,的颜色工具 调色板和混色器，墨水瓶和颜料桶,,Flash 8,的文字工具 静态文本，动态文本和输入文本,,文本设置,,实例,【,例,1】,制作艺术相册,,知识点：使用对齐面板、矩形工具、橡皮擦工具及擦除模式，设置形状透明度的方法,,实例,【,例,2】,制作彩色的球,,知识点：使用和设置放射性渐变色的方法，使用辅助线,,,使用

7、右键菜单（上下文菜单），建立注释层,,实例,【,例,3】,制作彩色的盒子,,知识点：使用位图填充、变形工具，调整线性填充色的填充方向，设置元件的注册点，将对象组合成组,,实例,【,例,4】,制作生日贺卡,,知识点：使用套索及魔术棒工具，魔术棒设置，修改位图，分离文字，用位图填充,,实训,2,模仿实例练习，尽快熟悉各种工具的综合应用。,,将例,1,中的艺术相册完成，为其他,3,幅照片制作显示效果。,,模仿例,2,，制作一束气球。,,用三个不同的位图制作一个各面内容不同的盒子,,第,4,章 资源、库及公用库,库及公用库,Flash 8,的库，,Flash 8,的库的管理，公用库，建立自己的公用库

8、、素材库,,,【,例,1】,让,Flash 8,使用,Flash MX,的声音公用库,,,【,例,2】,建立自己的素材库,,第,4,章 资源、库及公用库,处理位图导入位图，位图属性，分离位图，位图平滑，位图缓存，将位图转换为矢量图,,【,例,3】,制作水彩画效果,,知识点：导入位图，对齐面板，文档尺寸与内容匹配，转换位图为矢量图,,第,4,章 资源、库及公用库,导入矢量图 导入矢量图，从外部文件复制矢量图,,处理声音 导入声音，声音属性设置,,第,4,章 资源、库及公用库,处理元件 影片剪辑元件，按钮元件，图形元件,,【,例,4】,演员与角色,,知识点：利用元件生成多个实例，使用

9、渐变色编辑栏调整渐变色，使用变形面板、对齐面板，使用转换为元件功能，制作按钮,,实训,3,到因特网上收集免版税的音效文件，制作自己的音效素材库。,,模仿例,3,，制作一组独特的按钮,,,第,5,章 逐帧动画技术,动画原理,,帧及帧频,,帧的类型,,逐帧动画制作实例,,【,例,1】,由,Gif,文件理解,Flash,逐帧动画,,实例,【,例,2】,制作具有打字效果的动画,,知识点：分离文字，插入关键帧、空白关键帧及普通帧，翻转帧，在帧上加入声音，声音的事件同步设置，制作逐帧动画,,【,例,3】,制作滚动的通知,,知识点：使用标尺、辅助线,,【,例,4】,制作组字的动画,,知识点：制作逐帧动画，

10、使用翻转帧,,实例,【,例,5】,制作毛笔写字效果,,知识点：使用橡皮擦工具，文字分离为形状，翻转帧,,实例,【,例,6】,分析并制作一个“行走的人”逐帧动画,,知识点：分解运动中的对象，由简单动作生成复杂动作的方法，颜色样式调整,,实训,4,模仿实例练习，尽快熟悉各种工具的综合应用。,,模仿例,5,，将毛笔替换为铅笔，制作一个逐帧动画：铅笔写字。,,模仿小小动画，制作一个简单的火柴头动画。,,完善例,6,，将行走的人加添手臂动作，制作完整的一个人行走的动画,,第,6,章 运动补间动画技术,补间动画的概念,,【,例,1】,制作“翻动的纸牌”动画,,知识点：打开外部库（作为库打开），制作运动补间

11、动画,,第,6,章 运动补间动画技术,运动补间动画,1——,直线运动,,常用的运动补间动画的属性设置动画的运动速度,——,缓动 元件的高度和宽度旋转一个角度透明度颜色样式,,缓动值记忆小窍门,初学,Flash,时，经常搞不清缓动值的正负。下面的小诀窍可以帮助你记忆,,缓动值为,负数,时，意味着运动物体慢慢减少负荷，所以运动物体呈,加速度,运行；,,缓动值为,正数,时，意味着运动物体慢慢增加负荷，所以运动物体呈,减速度,运行。,,运动补间动画,1——,直线运动,【,例,2】,制作一个拍球的动画,,知识点：运动补间设置，“缓动”参数设置，使用变形面板、标尺,,运动补间动画,1——

12、,直线运动,【,例,3】,制作“百叶窗”动画,,知识点：调整舞台上对象的坐标值，元件分散到图层，运动补间设置,,,粘贴到当前位置，调整渐变色填充方向,,运动补间动画,2——,沿轨迹运动,【,例,4】,制作一个由远而近的盒子,,知识点：使用引导图层，制作沿曲线轨迹运动补间动画，设置补间缓动值，使用变形面板，使用洋葱皮功能,,复杂的运动补间动画,——,动画中的动画,【,例,5】,制作太阳、地球和月亮相对运动的动画,,知识点：使用引导图层，制作沿曲线轨迹运动补间动画，制作嵌套动画,,时间轴特效动画,模糊特效,,【,例,6】,制作模糊文字的特效,,知识点：时间轴效果,——,模糊,,时间轴特效动画,复制

13、到网格,,【,例,7】,应用复制到网格特效制作网页背景,,知识点：时间轴效果,——,复制到网格,,时间轴特效动画,展开,,【,例,8】,应用展开特效制作弹性文字,,知识点：时间轴效果,——,展开,,时间轴特效动画,分离,,【,例,9】,应用分离特效制作图片切换动画,,知识点：时间轴效果,——,分离,,时间轴特效动画,【,例,10】,修改分离特效中元件的运动补间动画。,,知识点：自定义缓入,/,缓出。,,实训,5,利用例,3,百叶窗的制作方法，制作一个纵向开闭的百叶窗动画。,,利用例,5,中的方法制作图的电子绕原子核运动的动画。,,利用“复制到网格”时间轴特效，制作图所示的网格背景。,,修改例

14、,9,，使各碎块以不同速度飞出画面。,,第,7,章 形状补间动画技术,形状的概念,,简单的形状补间动画,,【,例,1】,制作文字变图形的动画,,知识点：制作形状补间动画，分离文字,,形状补间的方向控制方法,【,例,2】,利用形状提示点控制变形,,知识点：设置形状提示点，设置形状补间动画,,各种形状的形状补间动画制作实例,【,例,3】,制作一笔画的动画,,知识点：制作直线的形状补间、曲线的形状补间动画、运动补间动画,,【,例,4】,绘制一个会生长的花。,,知识点：制作曲线的形状补间动画,,各种形状的形状补间动画制作实例,【,例,5】,绘制一个彩色的圆。,,知识点：分割形状，使用变性面板，使用形

15、状提示点，制作几何形状的形状补间动画,,【,例,6】,恐龙和海豚。,,知识点：设置形状提示，制作任意形状的形状补间动画,各种形状的形状补间动画制作实例,,各种形状的形状补间动画制作实例,【,例,7】,制作翻页效果。,,知识点：制作形状补间动画，设置缓动，渐变色、注册点，使用任意变形工具,,,实训,6,模仿例,3,，制作展开的菜单,,模仿例,6,，利用两张动物图片，借助形状提示，制作两个动物互相转变的动画,,第,8,章,Flash 8,动画中的颜色处理,色彩基本知识 日常生活中感受到的颜色 显示器颜色的混合原理,——RGB,颜色 加法混合和减法混合,,Flash 8,中的颜色,216,网页

16、安全颜色使用十六进制数值,Flash 8,的混色器和颜色样本,,为逐帧动画增添色彩,【,例,1】,制作闪烁的霓虹灯,,知识点：设置颜色，使用笔触颜色的渐变色、辅助线、变形面板、变形菜单，安装字体，分离文字,,形状补间动画中的色彩,【,例,2】,制作,Flash,贺卡：四季的祝福,,知识点：制作形状补间动画、运动补间动画，调整形状的颜色透明度、渐变色填充方向,,运动补间动画中的色彩,【,例,3】,制作淡入淡出的字幕动画。,,知识点：设置元件的颜色透明度，制作运动补间动画,,运动补间动画中的色彩,【,例,4】,制作旋转的彩球,,知识点：使用放射性渐变色，调整颜色的,Alpha,透明度值，制作透明球体，设置图片无限循环显示,,实训,7,用例１动画中用到的字体制作一个霓虹灯动画，颜色沿文字的笔画变化。,,制作一束飘动的气球。,,谢谢观赏,