《广西教师培训课件-FLASH基础与实例.ppt》由会员分享，可在线阅读，更多相关《广西教师培训课件-FLASH基础与实例.ppt（73页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、FLASH基础与实例广西大学信息网络中心 石杰 推荐教材: 山东电子音像出版社出版 清华大学出版社 国防工业出版社第1章 FLASH入门基础 学习目标:认识和了解FLASH的特点 教学重点:图形图象的分类,FLASH界面组成 1.1 认识FLASH: 是Macromedia公司开发的矢量动画专业制作软件 1.1.1 FLASH动画的特点 作品文件小 下载时间短 交互性强 例子1 例子2 适用范围广: MTV 小游戏 网页制作等 图像质量高 1.1.2 FLASH的应用领域 网络动画 网络广告 动态网页 在线游戏 多媒体教学1.1.3 MX 2004新功能1. 提高工作效率 时间轴特效 行为 辅
2、助功能支持 更新的模板 查找和替换2. 丰富的媒体支持 高保真导入:可以导入adobe illustrator文件,任何版本的EPS文件,以及pdf文件. 视频导入向导FLASH 8新功能 1.1.4 运行环境 Cpu:intel pentium 600 MHZ或更高 系统:windows2000 或windows xp 内存:至少128M 磁盘空间:至少190MB可用空间 1.2 FLASH图形基本概念 1.2.1 位图:由计算机根据图像中每一点的信息生成的,要存储和显示位图就需要对每一个点的信息进行处理,这样的一个点就是像素. 特点:放大到一定倍数就会出现明显的马赛克现象. 例子 1.2.
3、2 矢量图 是由计算机根据矢量数据计算后生成的,它用包含颜色和位置属性的直线或曲线来描述图像. 特点:占用的存储空间小,放大多少倍都不会出现马赛克. 例子 1.2.3 位图与矢量图的区别 矢量图的大小与图形尺寸无关,但是图形的复杂程度直接影响着矢量图的大小.当图形不是很复杂的时候,用矢量图形可以减少文件大小 1.3 熟悉操作界面 1.3.1 启动与退出 启动 退出1.3.2 工作界面开始页1. 标题栏2. 菜单栏3. 主要工具栏4. 时间轴:左侧为图层查看窗口,右侧为帧查看窗口图层区:主要用于图层操作时间轴控制区:创建动画和控制动画的播放播放指针帧格时间轴状态栏5. 绘图工具箱:绘制矢量图的主
4、要工具6. 舞台:编辑FLASH对象的存放区域7. 属性面板8. 浮动面板9. 使用辅助绘图功能1.标尺2.辅助线3.网格 1.4 首选参数设置 1.4.1 常规 1.4.2 编辑 1.4.3 剪贴板 1.4.4 警告 1.4.5 动作脚本第2章 图形的绘制教学重点:图形的绘制，对象的选择与变形，文本的录入等2.1 工具箱介绍1. 绘图工具2. 查看工具3. 颜色工具4. 工具选项2.2 选择工具2.2.1 选取和移动1. 选择对象1. 单个对象2. Shift，选取多个对象2. 造型编辑3. 贴齐物件4. 平滑与伸直 2.2.2 部分选取工具 2.2.3 套索工具：用来选取任何形状范围的对象
5、 魔术棒：左键沿轮廓选，右键对色彩范围选 魔术棒属性 多边形：针对不规则图形 2.3 绘图工具 2.3.1 线条工具 绘制线条 设置属性 例子2.3.2 钢笔工具（贝塞尔曲线工具）用于绘制精确平滑的路径1. 画直线2. 画曲线：先定义起始点，在定义终点的时候按住鼠标的左键不放3. 对图形轮廓进行修改4. 举例 2.3.3 椭圆工具：绘制椭圆或圆形 2.3.4 矩形工具 圆角矩形半径按钮 属性/选项 例子 综合例子2.3.5 铅笔工具1. 颜色的修改2. 粗细的修改3. 选项的设置2.3.6 刷子工具1. 刷子模式2. 锁定填充3. 刷子大小 2.3.7 任意变形工具 旋转与倾斜 缩放 扭曲(分
6、离状态) 封套(分离状态) 2.4 文本工具 静态文本:一般的文字 动态文本:动态显示文字内容的范围 输入文本:互动电影在播放时可以输入文字的范围,主要用于获取用户信息.2.5 填充工具2.5.1 颜料桶工具:用以对封闭的轮廓范围或图形块区域进行颜色填充.1. 空隙大小:缺口大小只是一个相对概念,即使是封闭大空隙,实际上也是很小的. 2.5.2 墨水瓶工具:为已有的边框改变颜色,粗细,线型等属性,还可以为没有边框的矢量图块添加边框线 2.5.3 填充变形工具 调整渐变圆的中心 调整渐变圆的长宽比 调整渐变圆的大小 调整渐变圆的方向 2.5.4 滴管工具:用于从指定的位置获取线段或色块的颜色 获
7、取线段颜色（打散） 获取色块颜色（打散） 对位图进行采样（先对位图打散一次） 2.5.5 橡皮擦工具 橡皮擦模式 水龙头 橡皮擦形状2.6 查看工具2.6.1 手形工具:移动对象2.6.2 缩放工具2.7 颜色工具练习:1.制作波浪文字2.绘制花朵3.绘制场景(蓝天,草地,小鸡,大树)第3章 图形的编辑教学重点:对象的组合与分离,对象的移动与复制,对齐.常用面板3.1 图形的编辑3.1.1 组合与分离1. 执行”修改/组合”或按下Ctrl+G,可以对图形进行组合.组合后的图形显示蓝框.2. 组合图形的排列3. 分离 3.1.2 选取图形 对象是元件或组合物体,直接对对象单击 打散的对象,选中部
8、分以点的形式显示 选取对象是从外导入的,以花框显示 选取多个对象,用鼠标框选 3.1.3 移动图形 选取对象拖动 剪切粘贴 3.1.4 复制图形 按Ctrl键拖动 Ctrl+C复制， Ctrl+V粘贴3.1.5 对齐图形1. 通过辅助线对齐2. 用对齐面板对齐3.1.6 旋转图形3.1.7 将线条转换成填充3.1.8 转换位图为矢量图 3.2 常用功能面板 3.2.1 对齐面板 3.2.2 混色器面板 3.2.3 颜色样本面板 3.2.4 信息面板 3.2.5 场景面板 3.2.6 变形面板 3.2.7 动作面板 3.2.8 行为面板 3.2.9 组件面板 3.2.10 历史记录面板 3.2.
9、11 影片浏览器 3.2.12 库面板 3.2.13 帮助面板第4章 帧与图层的编辑操作 教学重点：帧的操作，图层的编辑与管理 4.1 帧的认识与编辑 4.1.1 类型 空白帧 关键帧：黑实心圆点 空白关键帧 普通帧：为了延长影片播放时间 动作渐变帧 形状渐变帧 不可渐变帧 动作帧 标签帧 注释帧 锚记帧4.1.2 帧的属性1. 帧标签2. 补间无动作形状声音：可以设置和编辑帧中的声音效果4.1.3 帧的编辑操作1. 移动播放指针2. 插入帧3. 插入关键帧4. 插入空白关键帧5. 选取帧选取单帧选取多帧从头帧拖曳鼠标到尾帧头选中帧，按shift单击多个帧的另一端单击图层选中图层所有帧按下ct
10、rl，选取多个不连续选取帧6.帧的删除：选中右键“删除帧”7.剪切帧8.复制帧9.帧的粘贴10. 帧的移动11. 指定可打印帧12. 翻转帧 4.1.4 设置帧频 4.1.5 使用洋葱皮工具 4.2 图层的相关编辑4.2.1 图层概念4.2.2 图层的编辑1. 插入图层2. 重命名图层3. 调整图层的顺序4. 图层属性设置 名称 显示:设置显示与隐藏 锁定 类型: 正常:标准图层 引导:引导线 被引导:对象随引导线轨迹运动 遮罩 被遮罩轮廓颜色将图层视为轮廓:使图层内的对象以线框模式显示.图层高度:在处理插入声音的图层时很实用5. 插入图层文件夹6. 编辑图层文件夹7. 选取图层单击选取一个S
11、hift选取多个相邻Ctrl选取不相邻8. 删除图层9. 复制图层10.隐藏图层11.图层的锁定和解锁 4.3 特殊图层的应用 4.3.1 使用遮罩层 4.3.2 使用引导层第5章 动画的编辑与制作 教学重点:逐帧动画的创建,动作与形变动画的创建,引导动画和遮罩动画 5.1 动画的基本类型 5.1.1 逐帧动画 逐帧动画的每一帧都是关键帧,每个帧的内容都是手动编辑,工作量大 每个关键帧可以独立编辑,相邻帧中的对象变化不大 文件大,占用较大内存例1:铅笔写字1.新建FLASH 空白文档.修改/文档,宽550,高300,背景:黑,其它默认,确定2.选择文本工具,设置字体Highlight LET,
12、字号100,颜色橙色,输入文字”FLASH”.3.用对齐面板调整位置.单击水平中齐和垂直中齐,将FLASH置于舞台中央4.按下两次ctrl+b,将文字完全分离.5.在图层1的第1帧,使用橡皮擦工具,擦掉分离文字中多余的部分,使文字都为不封闭线段6.分别在第2帧到第85帧的所有帧,按下关键帧,插入关键帧.7.执行文件/导入/导入到库,将钢笔导入到库.8.在场景单击插入图层,名为pencil9.在库面板里选中pencil.eps,拖曳到舞台上.10. 在图层pencil上单击鼠标右键,在弹出的快捷菜单中,添加引导层,为pencil添加一个引导层.11. 在图层1的第1帧按下鼠标右键,在弹出的快捷菜
13、单中,选择复制帧,然后在引导层的第1帧鼠标右键,选择粘贴帧.12. 现在需要使舞台中的铅笔沿着引导线移动,选择任意变形工具,在单击舞台中的铅笔,会看见铅笔的中央有一个小圆,使用引导线时这个小圆至关重要,因为在引导过程中是这个小圆沿着引导线运动,所以要想铅笔的哪个部位沿着引导线运动时,就需要将小圆移到那里.将鼠标放在小圆上,当鼠标右下方出现一个小圆圈时,按住鼠标左键将铅笔中央的小圆拖动到笔尖上.13. 单击图层pencil的第1帧,拖曳舞台上的铅笔,让笔尖上的小圆与F的左上角右边的线条重合14. 分别在pencil层的第15帧(F尾),第16(L头),30(L尾)帧,第31(A头),41(A尾)
14、帧,第42(A内头),46(A内尾)帧,第47(S头),56(S尾)帧,第57(H头), 85(H尾)帧插入关键帧14.Pencil层创建补间动画 5.1.2 动作补间动画 5.1.3 形状补间动画 5.1.4 引导层的动画 5.1.5 遮罩层动画第6章 元件与库的使用教学重点:各种类型元件的创建方法,修改,管理.6.1 元件6.1.1 元件类型1.图形元件:反复可以使用的图形,可以是静止图片或多个帧组成的动画,但不能添加交互行为和声音2.影片剪辑:本身是可独立播放的动画.播放主动画的时候,影片元件也在循环播放3.按钮元件:用于响应鼠标事件.包括弹起,指针经过,按下和点击4种状态6.1.2 创
15、建元件的基本操作1.创建图形元件2.创建影片剪辑3.创建按钮元件6.1.3 变更元件的基本方法6.2 库1.打开库面板2.新建库元件3.更改库元件属性4.删除库元件5.利用库文件夹管理元件6.导入素材到库7.调用其他动画中的库:文件/导入/打开外部库6.2.2 使用公共库第7章 为动画添加声音 教学重点:声音的导入方法,编辑 7.1 声音的导入及使用 7.1.1 声音文件概述 在flash中可以直接引用wav,mp3,aiff和au4中音频格式1.Mp3格式:体积小,音质接近cd水平,传输方便.2.Wav格式:是微软和IBM共同开发的pc标准声音,它直接保存对声音的采样数据,没有压缩,音质好,
16、但体积大.7.1.2 声音的类型1.声音事件:在动画完全下载之前,不能持续播放,只有下载结束才可以.在没有得到明确的停止指令前,播放不会结束2.流式声音:将声音分成小片段,并将每一段结合到特定帧上,flash迫使动画与声音同步. 7.1.3 导入声音:文件/导入/导入到舞台 7.1.4 声音的使用 7.1.5 编辑声音 7.1.6 设置声音属性 7.1.7 输出声音:声音属性导出设置测试确定7.2 视频的导入7.2.1 能导入的视频格式1.系统安装了quicktime 4或更高版本，或安装了Direct 7或更高版本，则可以导入各种文件格式。2.支持：Mov(quicktime影片)，avi，
17、mpg/mpeg.3.如果不支持，flash会显示警告信息7.2.2 运动视频编解码器7.2.3 导入为内嵌视频第8章 action script的基本使用 教学重点:为帧添加脚本的方法,为影片剪辑添加脚本的方法,为按钮添加脚本的方法,掌握函数,变量,运算符的使用及作用 8.1 action script概述 As是一种面向对象的编程语言,是在flash影片中实现互动的重要组成部分. 8.2 action script类型:帧,按钮,影片剪辑,组件 8.2.1 为帧添加脚本 为帧添加的动作脚本只有在影片播放到该帧时才被执行. 8.2.2 为影片剪辑添加脚本 为影片剪辑添加脚本通常是在播放该影片
18、剪辑时as被执行 8.2.3为按钮添加脚本 为按钮添加脚本只有在触发按钮时,特定事件才会执行.8.3 语句中的参数8.3.1 函数:函数是可以向脚本传递参数并能够返回值的可重复使用的代码块.1.时间轴控制2.浏览器/网络3.影片剪辑控制4.用于运算的函数5.打印函数6.其他函数7.数学函数8.转换函数8.3.2 变量1. 变量命名规则2. 变量的数据类型3. 变量的作用范围4. 变量的声明8.3.3 运算符1. 数学运算符2. 比较运算符3. 逻辑运算符8.4 常见as2.0命令语句8.4.1 播放控制播放控制的实质,是指对电影时间轴中播放头的运动状态进行控制,以产生包括播放(play),停止
19、(stop),声音的关闭(stopAllSound),画面显示质量的高低(toggleHighQuality)等动作.其控制作用可以作用于电影中的所有对象.1. Play2. Stop 8.4.2 播放跳转1.gotoandPlay2.gotoandStop 8.4.3 条件语句 8.4.4 循环语句 8.4.5 fscommand 练习:趣味小测试第9章 影片的输出与发布教学重点:测试与优化动画的方法和技巧,导出与发布动画的方法9.1 影片优化和测试9.1 影片的优化1.减少影片的大小2.文本的优化3.颜色的优化4.影片中的元素和线条的优化5.动作脚本的优化9.1.2 测试影片9.1.3 调试影片9.1.4 使用输出面板1. 打开输出面板2. 列出影片的对象3. 列出影片变量4. Trace动作输出信息 9.2 影片发布格式 9.3 导出影片 9.3.1 导出电影 9.3.2 导出图像 9.3.3 播放FLASH 影片 综合实例: season