《Flash案例制作-1.ppt》由会员分享，可在线阅读，更多相关《Flash案例制作-1.ppt（75页珍藏版）》请在金锄头文库上搜索。
1、Flash案例制作,西北师范大学,Flash案例制作,Flash案例制作,西北师范大学,图像与图形,位图图像也称为栅格图像，它是由无数个彩色网格组成的，每个网格称为一个像素，每个像素都具有特定的位置和颜色值。,Flash案例制作,西北师范大学,矢量图形是由数学公式所定义的直线和曲线所组成的。是对图像规律的描述，可以是运动的规律或是颜色规律等。 用图形指令来表示图元。如Line x1,y1 x2,y2,矢量图像放大效果,图像与图形-矢量图形,Flash案例制作,西北师范大学,图像与图形的区别,图像的存储是从左到右，从上到下 图形是按图元指令的先后顺序存储 图像放大缩小有像素损失；图形可任意放大缩
2、小，可进行局部编辑 图像容量比图形大的多，图形以计算时间为代价,Flash案例制作,西北师范大学,案例一：Flash基本操作,五环制作,篮球的制作,掌握： .对象的组成（笔触和填充） .组合与分离（Ctrl+G和Ctrl+B） .对齐的方式 .混色器的使用 .移动工具的使用（圆弧、拉伸）,Flash案例制作,西北师范大学,案例二：Flash基本操作,掌握： .图元的种类 .图形元件 .混色器的使用 .组合与分离 . 静态文本 .滤镜的使用,Flash案例制作,西北师范大学,案例三：Flash补间动画“动画补间”,掌握： 逐帧动画 .动画的种类 补间动画 . 形状补间（图像） .补间动画 动画补
3、间(图形) 点到点的直线 .动画补间 引导线的曲线,动画补间,演示,Flash案例制作,西北师范大学,案例四：Flash“动画补间”引导层动画,掌握： 引导层动画的使用及注意事项 形状补间动画 引导层动画的注意事项： 1.引导层只能放引导线（运动路径），运动路径只能是图像，且不能做任何补间动画。 2.运动路径必须有一个起点和一个终点，且只有一个起点和一个终点。 3.运动路径在设计时是可见的，在运行时是看不见的。,演示,Flash案例制作,西北师范大学,案例五：Flash形状补间动画,掌握： 形状变形的条件 1.补间距离要短（防止鼓包现象） 2.必要时添加形状提示 形状变形动画可以制作： 1.物
4、体位置运动、旋转等 2.物体颜色和透明度改变等 3.物体形状的改变,Flash案例制作,西北师范大学,案例六：Flash遮罩技术示例一红绿蓝三基色课件,掌握： 遮罩的含义 在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。 遮罩的作用 1.在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见； 2.用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 遮罩技术的使用及注意 被遮罩层必须是图像,很多效果丰富的动画 都是通过遮罩动画来完成的,演示,Flas
5、h案例制作,西北师范大学,案例七：Flash遮罩技术示例二：闪闪红星,演示,Flash案例制作,西北师范大学,案例八：Flash遮罩技术示例三：弹簧振子,掌握： 弹簧的设计 遮罩技术的使用 混色器的使用 轴心的使用,演示,Flash案例制作,西北师范大学,大作业：医学课件光线通路,演示,Flash案例制作,西北师范大学,案例九：Flash声音控制方法一 通过动作脚本控制声音的播放,掌握： 按钮的使用 动作脚本分类 按钮动作事件编程（on事件） 声音的控制方法,s= new Sound(); s.attachSound(a1); p1._visible=1; p2._visible=0;,动作-
6、帧：,on (release) s.start(s.position/1000, 100); p1._visible=0; p2._visible=1; ,动作-“播放”按钮：,on (release) s.stop(); p1._visible=1; p2._visible=0;,动作-“暂停”按钮：,演示,Flash案例制作,西北师范大学,案例十：Flash声音控制方法二 将声音文件直接放入时间轴,掌握： 声音控制的方法 文字与声音同步 遮罩技术的使用 “落雪”文字制作 图像转图形的方法 雪花制作方法,演示,Flash案例制作,西北师范大学,案例十一：酒精灯燃烧,掌握： 动画补间和形状补间
7、 动画补间的两种方法 遮罩技术的使用 混色器中位图的使用 按钮的使用,综合大作业,演示,Flash案例制作,西北师范大学,案例十二：按钮的使用-文字按钮,掌握： 按钮的设计状态（弹起、指针经过、按下和点击） 动作脚本命令：play();stop();fscommand(“quit”); 物体轴心的移动,演示,Flash案例制作,西北师范大学,案例十三：按钮的使用-隐藏按钮,掌握： 隐藏按钮的使用 一种通用时间轴结构,演示,Flash案例制作,西北师范大学,案例十四：按钮的使用-弹出式导航菜单,掌握： 动态按钮的制作 形状补间动画 一种通用时间轴结构,演示,Flash案例制作,西北师范大学,案例
8、十五：按钮的使用-图片滚动,掌握： 隐藏按钮的使用 影片剪辑动作脚本编写OnClipEvent 影片剪辑load事件和enterFrame事件的触发条件 鼠标事件on(rollover)、on(rollout)和on(press),演示,Flash案例制作,西北师范大学,案例十六：形状补间动画 几何图形对折三角形内角和,掌握： 形状补间动画的注意事项 添加形状提示的技巧 文字标记添加的方法,演示,Flash案例制作,西北师范大学,案例十七：Flash的复制功能,duplicateMovieClip(snow,snow+i,i); setProperty(snow+i,_x,random(550
9、); setProperty(snow+i,_y,random(300); setProperty(snow+i,_alpha,random(100); i=i+1;,if(i100) gotoAndPlay(1); else i=1;,下雪,下雨,掌握： Flash复制功能,演示,Flash案例制作,西北师范大学,案例十八：练习型课件-单项选择题,掌握： 组件的使用 动态文本框,stop(); aaa = new Object(); aaa.click = function (e) if(e.target.selection.label=C) res=恭喜你，答对了！; else res=错
10、！; tm1.addEventListener(click, aaa);,演示,Flash案例制作,西北师范大学,案例十九：练习型课件-判断题,aaa = new Object(); aaa.click = function(e) res = e.target.selection.data; tm1.addEventListener(click, aaa); bbb = new Object(); bbb.click = function() nextFrame(); res=; bt1.addEventListener(click, bbb);,演示,Flash案例制作,西北师范大学,案例二
11、十：练习型课件-填空题,if (t1 = 止血) t = t+1; mc1.gotoAndStop(2); else mc1.gotoAndStop(3); if (t2 = A) t = t+1; mc2.gotoAndStop(2); else mc2.gotoAndStop(3); if (t3 = 脾) t = t+1; mc3.gotoAndStop(2); else mc3.gotoAndStop(3); cj=t/3.0*100;,演示,Flash案例制作,西北师范大学,案例二十一：练习型大作业两位数的加法,a=random(99) b=random(99) aa._alpha=
12、0 bb._alpha=0 s1=new Sound() s2=new Sound() s1.attachSound(拍手) s2.attachSound(叹息),on (press) if (c=a+b) d=回答正确！ bb._alpha=0 aa._alpha=100 s1.start(); else d=回答错误！ aa._alpha=0 bb._alpha=100 s2.start(); ,第一帧：,“确定”按钮：,掌握： 动态文本框的使用 输入文本框的使用 简单程序编写 立体按钮的制作,on (press) c= d= gotoAndplay(1) ,“继续”按钮：,演示,Flas
13、h案例制作,西北师范大学,案例二十二：碰撞函数的使用,on (press) x = _x; y = _y; startDrag(this, true); on (release) stopDrag(); if(_root.p1.hitTest(_root.text1) _root.i+; if (_root.i = 3) _root.gotoAndStop(5); _root.gotoAndStop(2); _root.text1._visible=0; _root.res=正确！; else _root.res=错误！; _x = x; _y = y; ,演示,Flash案例制作,西北师范大
14、学,课件综合分析,Flash案例制作,西北师范大学,课后练习一：美丽的天空,Flash案例制作,西北师范大学,课后练习二：太阳地球月亮运动,Flash案例制作,西北师范大学,课后练习三：勾股弦定理证明,Flash案例制作,西北师范大学,课后练习四：日全食,Flash案例制作,西北师范大学,课后练习五：现代教育技术小积件,Flash案例制作,西北师范大学,利用DW制作动态网页,Flash案例制作,西北师范大学,1. 在F盘下建立一文件夹wwww（站点）， 并且在里面建几个子文件夹（就好似你网站的子目录）,一、服务器配置-建站，设虚拟目录,Flash案例制作,西北师范大学,2.回到wwww的根目录
15、，右键选择“共享和安全” （其实是快速地建立虚拟目录）,一、服务器配置-建站，设虚拟目录,Flash案例制作,西北师范大学,3，出现属性对话框后，选择“Web共享”标签，点选“共享文件夹”，出现共享别名对话框，选择默然设置，确定即可。,一、服务器配置-建站，设虚拟目录,Flash案例制作,西北师范大学,4.设置Web共享就是设置IIS的虚拟目录。可以查看IIS中默认网站中已经有了wwww。,一、服务器配置-建站，设虚拟目录,Flash案例制作,西北师范大学,编辑站点,5.打开 Dreamweaver,选择“站点”下的“管理站点”命令,在弹出的属性框中选“高级”标签，从“分类”中先选“本地信息”
16、，右窗口中设置站点名称，本地根文件夹（指向到前面建立的文件夹）。,Flash案例制作,西北师范大学,6.然后设置远程信息，访问选择“本地/网络”，远端文件夹仍 选择我们的站点文件夹f:wwww,编辑站点,Flash案例制作,西北师范大学,7.再接着“测试服务器”，“服务器模型”暂为ASP VBScript，“访问”本地/网络，“测试服务器文件夹”仍是站点文件夹f:wwww，“URL前缀”在http:/localhost后面添加“wwww/”，添加的东西就是我们步骤3中设置的虚拟目录。,编辑站点,Flash案例制作,西北师范大学,8.站点定义基本结束，点击确定。出现“编辑站点”对话框，“完成”即可。,编辑站点,Flash案例制作,西北师范大学,二、数据库设置篇,1.在站点根目录下设置专门的数据库存放目录，如f:www下面的dat
