Flash笔记.doc

Flash 笔 记Macromedia多媒体公司推出的矢量动画制作软件,目前由Adobe公司收购现在为Adobe Flash软件 它的前身是Futrue SplashFlash MX(2002-3-15)=6.0Flash MX2004(2003-9-10)=7.0Flash 8(2005-9-13)Flash 8 Pro(2005-9-13)Flash的应用范围:1. 制作Flash个人主页2. 制作网页动画(广告条 菜单 标志 鼠标)3. 制作Flash版课件4. 制作MTV歌碟5. 制作广告片段6. 制作Flash短片7. 影视片段8. 教程(“金山打字”教程)Flash的特点:1.占用空间小(swf具有自动压缩的功能)2.下载时间短(采用”流”式播放):/loading效果3.矢量性(清晰高度)4.交互功能强(Actions)5.强大的动画功能6.结合声音输出:/制作背景音乐7.支持视频的制作:/制作flash视频文件8.支持图像的透明性(结合Fireworks软件)9.打散对象的重叠切割性制作Flash视频文件:1.视频文件格式:flv.fvf格式2.如何导入视频:”文件”导入”导入视频”3.播放方式:你希望如何部署视频? (1)从Web服务器渐进式下载带播放器控制按钮 (2)在SWF中嵌入视频并在时间轴上播放自动播放,不带控制按钮制作背景音乐:1.如何导入音乐:”文件”一”导入” Ctrl+R不直接显示在画布,而驻留在库面板中,要拖入舞台.2.声音的类型:war(波形音乐.短) mp3歌曲3.声音的设置:(1)Streem”流”式播放,一边下载一边播放 (2)Event事件声音停在某帧一起响应(适合声音较短的文件)Flash过渡动画又称变形动画 只需制作动画的关键状态(起始状态和结束状态)之间即可自动生成 移动动画:(紫色) 形状动画:(绿黄色)背景音乐的制作:1.首先,需要准备mp3音乐2.打开Flash随意制作一个对象,按F8转换为影片剪辑,双击进去删除对象,然后按ctrl+r导入音乐,按F11从库面板中拖入音乐到时间轴,按F4延长显示,直接显示完(几千帧),再单击音乐中的某帧,在属性栏设置”数据流”3.返回主场景4.输入:音乐的标题制作动画的流程:1.分析图层:不动的放一层,动的放不同层2.确定每层的关键样子:如果不修改的(延长显示)就按F5,如果需要修改的就按F6插入关键帧3.创建合适的动画Flash过渡动画分类:1.移动动画(motion):给元件对象设置动画 转化为元件:F8 显示: 元件/案例:变幻的光环2.形状动画(shape):给打散物体设置动画 变成打散物体:ctrl+B 显示:Ctrl+shift+D 分配到各层(以区块分) Ctrl+B分散自定义个性化鼠标:1.制作要作为鼠标的对象,然后按F8转换为影片剪辑(注意中心点)2.选中刚才的影片剪辑,在属性栏命名为:a3.单击第1帧,从”窗口”公用库”按钮”. 拖一个按钮出来摆在下方Shift+F9混色器旋转属性栏移动动画总结:只有移动动画能实现旋转操作,所以凡是旋转就必须制作移动动画,对象就必须是元件.上级作业:倾斜动画1.结合其他软件制作:文字沿路径排列一圈的效果(中文字一圈,英文字一圈),然后ctrl+c复制,在Flash中ctrl+v粘贴2.将文字圈按F8转换成影片剪辑,再双击进去,还按F8转换为元件,再利用该元件,在20帧的位置实现一节旋转一圈的动画3.回到主场景,将元件倾斜,两个元件朝反方向倾斜4.结合椭圆和钢笔工具,绘制圆,处理成5块,并填充为图片.光环的旋转:1.制作一个彩色光环,按F8转换为元件,中心点在正中央2.复制一个元件,新建一层粘贴,并Ctrl+Alt+S改大3.在两层20帧的位置,一起按F6,一起制作移动动画旋转2圈.只是一个顺时针转两圈,一个逆时针转两圈4.在两层70帧的位置,一起按F6,沿对应的方向旋转一点点,再制作好移动动画5.在中间绘制一个图,在里填其图片资料F5 普通帧(延长)F6 关键帧(可改变的这帧)F7 空白关键帧(“闪烁” “突然消失”)上机作业:背景音乐1.第一层:输入音乐标签:MUSIC2.第二层:绘制矩形条,按F8转换成影片剪辑,双击进去,制作一节动画(高-矮-高的动画),然后在第一帧按F9添加函数:gotoAndPlay(random(18).单击场景1,返回主场景.3.第三层:输入音乐的名称,就是歌曲的名字4.第四层:随意画个东西,按F8转换成影片剪辑,双击进去,按Ctrl+r导入音乐,按F11从库面板里拖出来,再在时间轴按F5延长显示5.第五层:绘制矩形区域,按F8选”按钮”,在属性栏设置alpha为0%6.在第一层的第2帧按F5延长,第二层的第2帧按F6,将音乐条ctrl+B打散,变成不动的效果,改成大小不一样的效果.第三层第2帧,按F6删除,将内容改成”暂停.”.第四层的第2帧按F7 第五层的第2帧按F6 7.单击第1帧的隐形按钮,按F9添加函数: on(press) gotoAndStop(2) 单击第2帧的隐形按钮,按F9添加函数: on(press) gotoAndStop(1) 单击第1帧,按F9添加函数:stop()随机函数 gotoAndPlay跳到(random随机(18标准)Ctrl+k 对齐上级作业:马赛克效果1.绘制矩形块,按F8转换成影片剪辑,双击进去;实现一节变透明的动画(第1帧:正常显示,第15帧,将矩形透明度降低然后选择一节形状动画)2.选中该矩形元件,点”插入”时间轴特效”帮助”复制到网络”,输入合适的行、列,进行铺满.3.按F11打开库面板,找到矩形元件,双击进去,单击第1帧,按F9添加函数:gotoAndPlay(random(13)第2章 图层一、普通层:制作直线动画使用的图层二、引导层:制作动画沿路径的效果(弯弯斜斜的曲线)三、遮罩层:制作对象受另一对象限制的效果四、图层目录:就是管理图层的文件夹 课题:引导层一、概念:什么情况用引导层? 答:看到动画围绕弯弯斜斜的曲线来运动的就使用引导层2、 怎样制作引导层?(步骤) 答: 1.制作动画的背景图片,也就是参照物 2.制作动画层的对象,按F8转换成影片剪辑注意中心点的选择 3.新建引导层,绘制引导线,线段一定要断开(千万不要闭合) 4.朝后走,在某帧处,将引导层按F5,将动画层按F6,再将动画的两个关键帧锁定路径的两个端点,最后,创建移动动画即可上机作业:1、 制作创意的引导层(要求有背景有卡通图片)上机作业一: 雪花飘落1.制作背景图片层:导入一张雪天的背景图片,调整得与舞台一样匹配;2.新建一层,绘制一个雪花,按F8转化成影片剪辑双击进去,在里面进行编辑,实现一个雪花的飘落.并在第1帧,按F9添加函数:gotoAndPlay(random(13)3.返回到主场景,将雪花复制几个,按ctrl+alt+s进行不规则的缩放和旋转上机作业二: 多个动画的引导传输1.导入多张图片,处理好,分别转换成影片剪辑,按ctrl+shift+D分到各层2.新建引导层,绘制引导线,断开一点3.制作一个图片沿引导层的效果4.将其他层移动到引导层下方,成为被引导,再制作沿路径的效果5.拖动引导层,进行错位(就是每层移开几帧)课题:遮罩层一、什么是遮罩层? 答:对象的显示明显受到另一对象的限制2、 怎样制作遮罩层?(步骤) 答: 1.先将2个对象层制作好 2.思考图层位置: ”孔”区域-”上层” “孔”里要显示的对象-”下层” 3.选上层,右击,选”遮罩层”上机作业一: 滚动显示的照片上机作业二: 万花筒效果1.导入图片,按F8转换成影片剪辑,双击进去,新建一层,制作出一块弧形(通过圆和线条的合并来制作)2.回到场景,将元件复制很多个,通过Ctrl+T面板复制并旋转30度3.新建一层,绘制渐变的圆,调整透明度将里面的白色alpha调成0%Ctrl+Alt+C Ctrl+Alt+V上机作业一: 放大镜视图(视觉感觉: 图片一步步在放大 事实上,图片没有放大过) 第一帧 第二十帧 第一层 图(小) F6(大) 第二层 小图 F5 第三层 大图 F5上机作业二: 百叶窗效果1.导入图片,调整与舞台匹配好2.新建一层,绘制一个百叶窗(矩形),按F8转换成影片剪辑插入-时间轴特效-帮助-复制到网格,将百叶窗铺满整个舞台3.按F11打开库面板,双击百叶窗原件,进去编辑:制作一节小-大 大-小的动画4.返回到主场景,将百叶窗帧按等分延长,将图片一节节铺好 然后,右击”百叶窗”图层,选”遮罩层”遮罩层只承认填充区域,边框会自动忽略.将线条转换成填充:”修改”-”形状”-”将线条转换成填充”,这样就可以让线条成为填充了,自然就可以变成遮罩层了随鼠标移动的放大镜效果:1.Ctrl+J修改背景色为黑色2.导入一张图片,按F8转换成影片剪辑,调整得与舞台一样大,在属性栏将alpha调整为60%3.新建一层,复制图片,按Ctrl+Alt+S放大,在属性栏并将透明度调整为100%4.新建一层,制作一个放大镜(圆形),按F8转换成影片剪辑,在属性栏命名为:a5.选中放大镜图层,右击,选”遮罩层”6.单击第一帧,按F9添加函数:startDrag(“a”,true) Mouse.hide()上机作业一: 边框划过1.Ctrl+J修改舞台尺寸,如550*1002.打一排字,按Ctrl+N打散2次,用墨水瓶工具添加边框3.新建一层,绘制白矩形(斜摆),制作一节动画,左右滑动的效果4.新建一层,将第一层的边拷贝过来,通过修改-形状-将线条转换成填充5.选中第三层,右击,选”遮罩层”上级作业二: 片花动画1.导入图片,Ctrl+K与舞台匹配好2.新建一层,绘制圆,按F8转换成影片剪辑,双击进去编辑,实现一节小-大-小-大的动画,在第1帧,按F9添加函数:gotoAndPlay(random(25)3.返回主场景,将元件复制很多,铺满整个舞台,然后,右击该层,选择遮罩层上机作业一: 拉开的对联效果1.Ctrl+j将舞台设置为:550*200、2.绘制左杆,按F8转换成元件3.新建一层,将左杆Ctrl+C,在第二层Ctrl+Shift+V复制过来4.在左杆的第20帧,按F5延长 .在右杆的第20帧,按F6插入关键帧,实现一节从左往右的动画效果(移动动画)5. 新建一层,绘制对联布+字:有布有字,在第20帧按F5延长6. 新建一层,绘制矩形(尺寸和布正好一样大),在20帧按F6插入关键帧,制作一节从小到大的动画7. 选中矩形层,右击,选”遮罩层”如何将制作好的Flash动画嵌入到以后的网页中去(DreamWeaver里面)?答: 1.在Flash中将动画保存好,英文名字或英文+数字的名字;然后按Ctrl+enter得到.swf文件,以便下步使用; 2.打开DreamWeaver软件,Ctrl+N新建文件,在里面单击:Flash插件按钮,插入刚才的Flash文件 3.选中Flash文件,在属性栏单击”参数”按钮,输入wmode值为:transparent 4.按F12进行网页预览,这是Flash动画的背景真正透明了,能很好的适应网页排版Ctrl+Shift+O 打开库面板上机作业一: 水中倒影效果1.在第一层: 导入图片(有水面的图片),制作上图加下图排列好;2.新建一层,将下图复制过来,按右方向键移动2下,按下方向键移动2下.3.新建一层,绘制波浪,画好后按F8转换成元件,注意中心点在上面的中央.4.朝后走,在第1层、第2层的第20帧按F5,在第3层的20帧按F6,制作一节朝下拉的动画5.选中第3层,右击”遮罩层”上机作业二: 数字流效果1.Ctrl+J修改背景色为黑色2.输入一排:垂直的文字,按F8转换成影片剪辑,双击进去,在里面制作三层,一层是文本,一层是渐变的矩形 实现从上往下的动画,一层是拉开的对象3.在元件里的第一帧,按F9添加函数:gotoAndPlay(random(30)4.返回到主场景,按Ctrl键进行不规则的复制第3章 工具的使用一.绘图工具栏: 又称为:工具箱 Ctrl+F2二.属性栏的应用: Ctrl+F3 (1)直线工具:n Shift+绘制直线: 水平线、垂直线、45度的斜线上机作业一: 聚光效果1.Ctrl+J修改舞台:550*120 黑色2.用直线工具绘制线条组,按F8转换元件.在元件里新建一层绘制矩形条,再进行遮罩3.返回主场景,在右侧再复制一份,翻转上机作业二: 广告背景上级作业一: 模拟滚动条(带上、下点击)1.制作滚动条边框2.新建一层,输入长文本,制作一节从下往上的动画3.新建一层,绘制矩形(规定显示的区域)，右击图层,选”遮罩”4.新建一层,制作两个按钮:上、下按钮(将对象制作好,再按F8选”按钮”)5.单击第一帧,按F9,添加stop()函数,选”往上”的按钮,按F9添加函数: on(press,keyPress”) prevFrame()选”往下”的按钮,按F9添加函数: on(press,keyPress”) nestFrame()上机作业二: 网页滚动条(鼠标移上去时暂停，鼠标移开时接着播放)1.制作滚动条的边框2.新建一层,导入大量的图片,通过Ctrl+K面板排列好,按F8转换成影片剪辑 制作一节从下往上移动的动画3.新建一层,绘制矩形,右击选”遮罩层”4.新建一层,将矩形复制过来,按F8选择”按钮”,在属性栏将alpha设置为0%5.选中该隐藏按钮,按F9添加函数: On(rollover) stop() On(rollout) play()钢笔工具(快捷键: P)绘制曲线或多条直线有3种模式: 1.普通钢笔(默认情况) 2.精确光标: 可以按键盘CapsLock键切换 3.钢笔预览: 按Ctrl+U打开参数框进行设置 建议大家用钢笔时: 开启: 精确光标和钢笔预览模式上级作业一: 八挂图(又称:太极图)一.绘制太极图: 先绘制正圆,在新建一层,用钢笔绘制s形,再组合到一层,进行填充,黑色的综合应用二.选中太极图,按F8转换成影片剪辑,在里面再按F8转换成影片剪辑,在40帧实现一节旋转一圈的动画三.返回主场景,将太极图压扁四.插入一个太极图的卡通画,将图片背景处理成透明显示在太极图的上方 建议还可以插入一张练习太极的背景图片放在后面 矩形工具(快捷键: R)绘制方形1. Shift+绘制:正方形2. Alt+绘制:从中心点散发3. 画圆角矩形:(1)可在选项区，单击圆角半径进行设置 (2)在绘制过程中，按上下方向键改变圆角值填充变形工具(快捷键: F)修改渐变填充或位图填充的填充位置、方向、大小上机作业三: 系统时间和日期1. 用A文本工具制作以下的效果: 系统提醒你 当前日期: 现在时间:2.在日期后面和时间后面绘制两个文本框设置为动态文本、加框，名字为a和b3.单击第1帧,按F9添加函数:1.t=new Date() 2.a=t.getFullYear()+”年”+(t.getMonth()+1)+”月”+t.getDate()+”日” 3.h=t.getHours() 4.m=t.getMinutes() 5.s=t.getSeconds() 6.if(length(h)2)h=”0”+h 7.if(length(m)2)m=”0”+m 8.if(length(s)2)s=”0”+s 9.b=h+”:”+m+”:”+s4.在第2帧按F5插入普通帧延长显示第4章 文本(切换的快捷键是:T)一、文本的三种类型: 1.静态文本:用于静态显示的文字,不用于其他操作; 2.输入文本:允许用户输入的文字 3.动态文本:显示动态更新的文本2、 文本框里的类型: 当使用输入文本或动态文本的时候,在属性栏需要设置类型: 1.单行:文本框是一行的 2.多行:文本框是多行的,例如:建议或留言一般都是多行的 3.密码:显示内容不能直接看到了,一般是. 4.多行不换行(不用)上机作业一: 测试按钮的点击次数1.用文本工具制作如下界面: 提示:当前你已经点击 次！2. 把刚才的动态文本框,取名叫:a,加边框3. 制作一个”点击”按钮4. 选中该按钮按F9添加函数:on(press)a=Number(a)+15. 单击第1帧,按F9添加函数:a=0窗口公用库按钮上机作业二: 制作一个创意按钮(简单版)补充: 如何制作按钮? 1.先将对象制作好2.按F8转换成元件,选择”按钮”,选择”中心点”3.双击按钮,进入第4帧,编辑hit帧,绘制一块填充区域上级作业三: 简易计算器简 易 计 算 器1. 用文本工具制作如下界面:清除= 2.在”=”上加函数:on(press,keyPress”) if(b=”+”)d=Number(a)+Number(c) if(b=”-”)d=Number(a)-Number(c) if(b=”*”)d=Number(a)*Number(c) if(b=”/”)d=Number(a)/Number(c) 3.在”清除”上加函数:on(press) a=” b=” c=” d=” F7 插入空白关键帧(相当于:按了F6后再按Delete键)上级作业一: 用户的身份展示1.用文本工具制作如下界面:将输入文本框命名为a 请输入你的用户名:2. 在下方制作一个确定按钮3. 在帧上的第2帧按F7插入空白关键帧,用文本工具制作: Hello, 用户,你好!欢迎进入本站 将该动态文本框命名为b 4.添加函数: (1)第1帧,按F9添加stop() (2)在第1帧的确定按钮,按F9添加:on(press,keyPress”) gotoAndStop(2) (3)在第2帧,按F9添加:b=a上级作业二: 打字机效果1.制作动态文本框,多行,不要边框,命名为a2.单击第1帧,按F9添加函数:i=0 t=”你想打的字”3. 单击第2帧,按F6再按F9添加函数: if(i=length(t) a=substring(t,1,i) i=i+1 else stop()4.单击第3帧,按F9添加函数:gotoAnplay(2)按第一帧添加函数: 1.t=new Date() 2.if(t.getDay()=0) a=”日” 3.if(t.getDay()=1) a=”一” 4.if(t.getDay()=2) a=”二” 5.if(t.getDay()=3) a=”三” 6.if(t.getDay()=4) a=”四” 7.if(t.getDay()=5) a=”五” 8.if(t.getDay()=6) a=”六”按钮:一什么是按钮? 答: 按钮就是鼠标移上去时有手形2 怎么制作按钮? 答: 按钮里有4帧: UP帧,表示原始状态 OVER帧,表示鼠标移上去时 DOWN帧,表示鼠标按下时 HIT帧,表示鼠标的反应范围备注:hit帧是一块矩形区域,只用于一块范围,最终不直接显示.3 制作步骤: 1.绘制一个对象 2.按F8转换成按钮 3.双击,进入按钮编辑区,按照4帧,编辑具体状态上级作业一:怕鼠标的文字上级作业二:聚焦按钮的制作1.绘制正圆,在属性栏修改为: 粗细16,样式:圆点状,深灰色.2.按F8将正圆变成按钮,在里面按3次F6,再把按钮的第2帧按F8转换成影片剪辑,双击进去,在里面实现圆围绕一圈的动画.3.返回到主场景,将按钮复制很多个,并铺好.动态按钮(双向动画)1. 绘制两条直线段,用于放置按钮2. 在中间输入按钮项目名,按F8转换成影片剪辑3. 双击进去,进行编辑,将第一帧的按钮按F8转换成按钮在第2-11帧,制作一节朝上移的动画,分别在第2、第12、第20帧按F9添加stop()函数4. 新建一层,在第1帧、第11帧、第20帧放置隐形按钮 并在第1帧的按钮上添加函数:on(press)gotoAndPlay(2) 在第11帧的按钮上添加函数:on(press)gotoAndPlay(12) 在第20帧的按钮上添加函数:on(press)gotoAndPlay(2)鼠标的点击触发：1.导入图片,调整得与舞台一样大.2.新建一层,从word软件里拷贝一个自选图形过来,或插入一个外部素材,要求背景是透明的小图片.3.选中这个小图形,按F8转换成影片剪辑,然后双击到里面来,再按F8转换成按钮,透明度调成0%.4.单击第2帧,按F6,将其打散,按F8转换成影片剪辑,然后,从第2帧到第20帧,制作一节动画.5.单击第1帧,按F9添加函数:stop(),最后第20帧也按F9添加函数:gotoAndPlay(2).单击第1帧的按钮,按F9添加函数:on(press)gotoAndPlay6.返回主场景,将元件复制并铺满整个舞台. keyPress按键操作 (1)普通键:keyPress”键名” 比如:按a键keyPress”a” (2)控制键:keyPress” 比如:按空格键keyPress”上级作业一： 步骤：(1)随意制作一个影片剪辑，在里面实现.gif动画(2)返回主场景，将影片剪辑在属性栏命名为：a(3)输入一节提示语：按.什么键可移动物体(4)制作一个按钮，放置在后台位置(5)选中按钮，F9，添加函数：on(keyPress” a._x=a._x-10 on(keyPress” a._x=a._x+10 on(keyPress ) a._y=a._y-10 on(keyPress ) a._y=a._y+10stratDrag() 拖放对象格式：startDrag(“a”,true)开始拖放 stopDrag()停止拖放duplicateMovieClip()复制影片剪辑DuplicateMovieClip(“实例名”,”新实例名”,层次)上级作业二：flash制作拼图游戏1.导入一张大图，复制一张小图样本，再把大图打散，用墨水瓶工具添加边框，拖出来，显示拼图实际区域2.将大图打散，切成几块，将每一块都按F8转换成按钮元件3.选中按钮元件，在属性栏命名为：a1,a2,a3,a44.选中按钮，按F9添加函数：on(press)startDrag(“a1”,true) on(release)stop() 其他的按钮修改一下函数setProperty() 设置属性格式: setProperty(“实例名”,属性,值)1. _alpha 透明度2. _rotation 旋转3._height 高度4._width 宽度上级作业:两张图片的透视显示1. ctrl+J修改舞台为需要的效果: 如: 300*2202. 导入两张图片,修改成一样的大小,分布到两层.每一个都转换成F8影片剪辑,将上面那个图片在属性栏取名为:a3. 新建一层,制作2个按钮: 如: -、+代表透明度4. 单击-按F9添加函数:on(press,keyPress”) setProperty(“a”,_alpha,a._alpha-10)5. 单击+按F9添加函数:on(press,keyPress”) setProperty(“a”,_alpha,a._alpha+10)上级作业二: 绘制花瓣1. 绘制一个椭圆,按F8转换成影片剪辑,在属性栏命名为a,双击进去,在里面实现一节有关于图形的遮罩动画.2. 在外面新建一个按钮:复制按钮,把反映区制作好3. 按F9添加函数: