Flash笔记.docx
- 文档编号:23439466
- 上传时间:2023-05-17
- 格式:DOCX
- 页数:22
- 大小:44.01KB
Flash笔记.docx
《Flash笔记.docx》由会员分享,可在线阅读,更多相关《Flash笔记.docx(22页珍藏版)》请在冰豆网上搜索。
Flash笔记
Flash笔记
Macromedia多媒体公司推出的矢量动画制作软件,目前由Adobe公司收购现在为AdobeFlash软件它的前身是FutrueSplash
FlashMX(2002-3-15)=6.0
FlashMX2004(2003-9-10)=7.0
Flash8(2005-9-13)
Flash8Pro(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.选中刚才的影片剪辑,在属性栏命名为:
a
3.单击第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.第一层:
输入音乐标签:
MUSIC
2.第二层:
绘制矩形条,按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+CCtrl+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转换成影片剪辑,在属性栏命名为:
a
5.选中放大镜图层,右击,选”遮罩层”
6.单击第一帧,按F9添加函数:
startDrag(“a”,true)Mouse.hide()
上机作业一:
边框划过
1.Ctrl+J修改舞台尺寸,如550*100
2.打一排字,按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和b
3.单击第1帧,按F9添加函数:
1.t=newDate()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+”:
”+s
4.在第2帧按F5插入普通帧延长显示
第4章文本(切换的快捷键是:
T)
一、文本的三种类型:
1.静态文本:
用于静态显示的文字,不用于其他操作;
2.输入文本:
允许用户输入的文字
3.动态文本:
显示动态更新的文本
2、文本框里的类型:
当使用输入文本或动态文本的时候,在属性栏需要设置类型:
1.单行:
文本框是一行的
2.多行:
文本框是多行的,例如:
建议或留言一般都是多行的
3.密码:
显示内容不能直接看到了,一般是...
4.多行不换行(不用)
上机作业一:
测试按钮的点击次数
1.用文本工具制作如下界面:
提示:
当前你已经点击次!
2.把刚才的动态文本框,取名叫:
a,加边框
3.制作一个”点击”按钮
4.选中该按钮按F9添加函数:
on(press){a=Number(a)+1}
5.单击第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.制作动态文本框,多行,不要边框,命名为a
2.单击第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=newDate()
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帧:
<第1帧>UP帧,表示原始状态
<第2帧>OVER帧,表示鼠标移上去时
<第3帧>DOWN帧,表示鼠标按下时
<第4帧>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){gotoAndPlay}
6.返回主场景,将元件复制并铺满整个舞台.
keyPress按键操作
(1)普通键:
keyPress”键名”比如:
按a键keyPress”a”
(2)控制键:
keyPress”<控制键>”比如:
按空格键keyPress”
上级作业一:
步骤:
(1)随意制作一个影片剪辑,在里面实现.gif动画
(2)返回主场景,将影片剪辑在属性栏命名为:
a
(3)输入一节提示语:
按...什么键可移动物体
(4)制作一个按钮,放置在后台位置
(5)选中按钮,F9,添加函数:
on(keyPress”
on(keyPress”
on(keyPress"
on(keyPress"
stratDrag()拖放对象
格式:
startDrag(“a”,true)开始拖放stopDrag()停止拖放
duplicateMovieClip()复制影片剪辑
DuplicateMovieClip(“实例名”,”新实例名”,层次)
上级作业二:
flash制作拼图
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 笔记