实验7 旋转文字(P122)
1.Flash 文档属性:大小 550*450,背景 深绿色。
2.背景层:绘制黄色坐标线,输入标题,添加按钮:
窗口/其他面板/公用库/按钮/Oval buttons - blue/
拖入按钮层,点击按钮/添加命令
on (release) {
play();
}
3.创建“环形文字图形”元件,导入 环形文字 大小 400*400。
图片矢量化处理:修改/位图/转换位图为矢量图/颜色阈值 200/删除周边色块。
4.创建“环形文字动画”元件,第 1 帧拖入“环形文字图形”元件,大小 400*400,
第 60 帧插入关键帧。第 1 帧属性,补间:动作,旋转:逆时针。
5.场景 1 创建“旋转文字”层。
第 1 帧,拖入“环形文字动画”元件,大小 400*400。
制作“旋转环形文字”影片,每间隔 30 帧分别切换为圆形、椭圆形、斜椭圆形。
第 1、30、90 帧添加命令“stop();”。
使用 Fireworks 制作环形文字:
选中文本和圆形路径/文本菜单/附加到路径(大小 180*180)。
1.Flash 文档属性:大小 400*400,背景 深绿色,黄色坐标线,标题。
2.创建环形文字图形元件,导入 环形文字。
3.创建“旋转文字影片”剪辑,第 1 帧拖入“环形文字图形”元件,
第 60 帧插入关键帧。第 1 帧属性,补间:动作,旋转:逆时针。
4.场景 1 第 1 帧,拖入“旋转文字影片”剪辑,大小 100*100。
制作“旋转文字”影片,间隔 30 帧切换自转、放大、缩小和公转。
第 30 帧插入关键帧,“旋转文字”影片剪辑,大小 280*280。
设为放大动作动画。
5.第 90 帧插入关键帧,“旋转文字影片”剪辑由中心移动到公转起点。
6.添加引导层,绘制圆形(200*200)的公转轨迹线,切开断口。
7.第 90 帧到 120 帧,制作“旋转文字影片”剪辑逆时针公转动画。
8.创建按钮层:窗口/其他面板/公用库/按钮/Oval buttons - blue/
拖入按钮层第 1 帧/动作-帧/添加命令“stop();”,
把按钮层第 1 帧复制到第 30、60、90、120帧,
9.点击按钮/添加命令
on (release) {
play();
}
宝贝笑笑(P126)
1.创建“宝贝笑笑”影片剪辑元件,导入“宝贝.GIF”。
动作/全局函数/时间函控制/goto AndPlay, play, stop。
动作/全局函数/影片剪辑控制/on(release)。
第 1 帧添加命令“stop();”,最后 1 帧添加命令“gotoAndPlay(2);”
2.场景 1 第 1 帧拖入“宝贝笑笑”影片剪辑元件,元件实例命名为“BBXX”。
3.添加 2 个按钮:窗口/其他面板/公用库/按钮/
古典 Classic buttons-圆弧形 Arcade buttons(椭圆 Oval buttons - orange)。
在 2 个按钮旁分别输入“宝贝”和“笑笑”。
4.选择“宝贝”按钮,输入动作语句。
on (release) {
BBXX.gotoAndStop(1);
}
5.选择“笑笑”按钮,输入动作语句。
on (release) {
BBXX.play();
}
展示小猫(P134)
猫位图 xm1.jpg/[猫图形]元件 xm1/[猫图按钮]元件 b1、[猫影片剪辑]元件 m1。
1.创建[猫图形]元件:xm1,拖入猫位图 xm1.jpg,大小 100 * 110。
把[猫图形]元件“xm1”,复制成 xm2,交换位图 xm2.jpg。
2.创建[猫图按钮]元件:b1,[猫图按钮]层拖入[猫图形]元件 xm1 100*110。
[按钮边框]层不同状态,把框分别设置成绿、红、蓝。
把[猫图按钮]元件“b1”,复制成 b2,交换元件[猫图形] xm2。
状态 | 弹起 | 经过 | 按下 | 点击 |
[按钮边框]层 | 绿色 | 红色 |
蓝色 |
|
[猫图按钮]层 |
[猫图形]元件 xm1 100*110 |
3.创建“返回按钮”元件: b0。(P138)
4.用库元件创建动作动画(P137)
场景 1 第 1 帧拖入小猫图形元件“xm1”
右击[猫图形]元件“xm1”,转换成[猫影片剪辑]元件“xm1”。
双击[猫影片剪辑]元件 xm1,第 10 帧插入关键帧。
第 1 帧复盖[猫图形]按钮,第 10 帧复盖舞台/设置动作动画/
第 10 帧添加动作语句“stop();”。
把[猫影片剪辑]元件“xm1”,复制成 xm2,交换元件[猫图形] xm2。
5.场景 1 创建“猫图按钮”层,第 1 帧拖入按钮 b1 b2。
第 1 帧添加动作语句“stop();”。
6.创建“猫动画”层:
第 5 帧插入关键帧,增加“stop();”语句,
拖入[猫影片剪辑]元件“xm1”,第 5 帧属性:帧名称 m1。
第 10 帧插入关键帧,增加“stop();”语句,
拖入[猫影片剪辑]元件“xm2”,第 10 帧属性:帧名称 m2。
7.创建“猫图按钮”层:
[猫图按钮] b1,添加动作语句“gotoAndPlay("m1");”。
[猫图按钮] b2,添加动作语句“gotoAndPlay("m2");”。
8.创建“返回”层:
返回按钮 b0,添加动作语句“gotoAndStop(1);”。
* 展示猫狗
1.创建[猫图形]元件:xm,拖入猫图 xm1.jpg,大小 100 * 110。
把[猫图形]元件“xm”,复制成 xm1 xm2 xm3,更换猫位图。
创建小狗影片剪辑元件:xg1 xg2,导入 dog.GIF 动画。
2.创建[猫图按钮]元件:an,[猫图按钮]层拖入[猫图形]元件 xm 100*110。
[按钮边框]层不同状态,把框分别设置成绿、红、蓝。
状态 | 弹起 | 经过 | 按下 | 点击 |
[按钮边框]层 | 绿色 | 红色 |
蓝色 |
|
[猫图按钮]层 |
[猫图形]元件 100*110 |
3.创建圆形“展示按钮”元件: an0。(P138)
4.创建圆形“猫按钮”元件:an1 an2 an3,圆形“狗按钮”元件:an4 an5
5.场景 1 创建“猫图按钮”层,第 1 帧拖入按钮 an an1 an2 an3 an4 an5。
an 坐标(233,110),第 1 帧添加动作语句“stop();”。
6.用库元件制作动作动画(P137)
场景 1 第 1 帧拖入小猫图形元件“xm1”
右击[猫图形]元件“xm1”,转换成[猫影片剪辑]元件“xm1”。
双击[猫影片剪辑]元件 xm1,第 10 帧插入关键帧。
第 1 帧复盖[猫图形]按钮,第 10 帧复盖屏幕/设置动作动画/
第 10 帧添加动作语句“stop();”。
把[猫影片剪辑]元件“xm1”,复制成 xm2,xm3 交换元件[猫图形] xm2, xm3。
* 用位图打散形状动画(P142)
第 1 帧拖入猫位图 xm1 400*600/打散/,第 10 帧插入关键帧。
第 1 帧复盖按钮,第 10 帧复盖屏幕/设置形状动画/
第 10 帧添加动作语句“stop();”。
7.创建“猫动画”层,第 5 帧插入关键帧,增加“stop();”语句,
拖入[猫影片剪辑]元件“xm”,第 5 帧属性:帧名称 m,
8.第 10、15 帧拖入小猫影片剪辑元件“xm2”“xm3”,
帧名称“m2”“m3”。
9.第 20、25 帧拖入小狗影片剪辑元件“xg1”“xg2”,
帧名称“g1”“g2”。
10.“猫图按钮”层:猫图按钮 an,添加动作语句“gotoAndPlay("m");”。
按钮 | an | an0 | an1 | an2 | an3 | an4 | an5 |
播放 | m | 停在 1 帧 | m1 | m2 | m3 | g1 | g2 |
11.“返回”层:展示按钮 an0,添加动作语句“gotoAndStop(1);”。
文字遮罩风景
实验目的:制作遮罩层动画
实验过程:
有文字笔划处看到彩色条纹色块或风景,空白处遮罩彩条。
1.修改—影片—尺寸:550*310。
2.彩条风景层—选择线性填充—画矩形:550*130,
导入风景图像 550*170。
3.添加文字层—输入文字:
“文字遮罩彩条”“文字遮罩风景”字号 90,
“●●●●●●■■■■■■●●●●●●”特殊符号 字号 30。
定义为遮罩层—系统自动定义彩条风景层被遮罩。
万花筒(P157)
万花筒 滚动图像 mm1 mm2 mm3 mm4 mm5 mm6
1.文档属性:背景深绿色,尺寸 320*320。
2.建立图形元件“mm”:
拖入 6 张图片:mm1 mm2 mm3 mm4 mm5 mm6,
前 2 张拖入 2 次,共 8 张 300*230 图片。
按图片宽 300 的间距设置坐标:
mm1(0,0) mm2(300,0) mm3(600,0) mm4(900,0)
mm5(1200,0) mm6(1500,0) mm1(1800,0) mm2(2100,0)。
3.场景1中建立 mm 层,
第 1 帧拖入“mm”图形元件,使图形对齐舞台左边,坐标(10,10)。
第 200 帧插入关键帧,使图形倒数第 2 张相片对齐舞台左边,建立动作动画。
4.建立“圆图形”元件:50*50。
5.建立“多圆图形”元件:230*230。
6.建立“多圆影片剪辑”元件:
第 1 到 200 帧正转 2 周,200 到 400 帧反转 2 周,简易 100。
7.建立动态遮罩层:
“多圆影片剪辑”的保持、放大和缩小间隔50帧。
拖入“多圆影片剪辑”,
第 1 帧使“多圆影片剪辑”复盖舞台一张相片,坐标(45,10)。
第 100 帧放大“多圆影片剪辑”,使中心圆复盖舞台一张相片。
帧 | 1 | 50 | 100 | 150 | 200 | 250 |
多圆影片 | 230*230 | 230*230 | 1500*1500 | 1500*1500 | 230*230 | 230*230 |
8.建立“外框”层:300*300 矩形黄色粗 4 曲断线边框,坐标(10,10),输入标题。
地球自转公转
元件库中图形元件、影片剪辑和场景中图层的分析:
1.地球平面图元件:导入地球平面图,大小 430*100。
2.地球动画元件:
背面遮罩层:150*150
背面地图层:430*100,Alpha 30%,右移 120帧。
前面遮罩层:150*150
前面地图层:430*100,左移 120帧。
地球层:圆形色块 150*150,放射蓝白色填充,白色反光点位于右上。
3.月亮图形元件:40*40,xy(-20,-20),白黄白放射填充,边缘颜色 Alpha 0%。
4.地球带月亮动画元件:
上层地球层: 150*150 用遮罩只显示上半地球。
月亮层:沿开口的椭圆引导线绕地球旋转180帧。
第 1 帧 月亮(12*12)加速,简易 -100,
第 90 帧 月亮(60*60)减速,简易 100。
轨迹线层:显示月亮运行的轨道,弥补引导线的不显示。
下层地球层: 150*150 显示整个地球。
5.场景 1:拖入地球带月亮动画元件。该元件可以作为其他动画的元件。
字绕人转(P169)
* 库影片剪辑转为文件
复制粘贴影片剪辑的所有帧到新文件的场中。
* 把“旋转环形文字”文件复制成“字绕人转”文件,导入“旋转表演”动画,
增加图层“下层人”“上层人”“遮罩层”。
1.Flash 文档属性:大小 550*450,背景 深绿色。
2.背景层:绘制黄色坐标线,输入标题,添加按钮。
3.创建“环形文字图形”元件,导入 环形文字 。
4.创建“环形文字动画”元件,第 1 帧拖入“环形文字图形”元件,逆时针旋转 1 周。
5.场景 1 创建“旋转文字”层,第 1 帧,拖入“环形文字动画”元件。
间隔 30 帧切换为圆形、椭圆形、斜椭圆形。
6.导入“旋转表演”动画。
7.“下层人”图层:拖入“旋转表演”动画。
8.“上层人”图层:复制粘贴“下层人”图层的第 1 帧,
增加遮罩层,控制只显示“上层人”上身。
跳转按钮
实验目的:制作图像声音按钮
实验过程:
制作图像声音按钮
素材可以采用多种方法获取:
下载网上共享资源、Flash 动画逐帧播放获取、
数码相机拍照、扫描仪扫描、用画图软件绘制。
参考网上共享资源 Flash 动画别墅奇观,取别墅作背景制作别墅按钮动画
实验过程:
1.插入—新建元件—影片声音 ypsy 按钮—窗口—共享库—按钮—Pill Botton。
按钮状态 |
一般 |
经过 |
按下 |
反应区 |
按钮层 |
飞鸽飞鱼 |
飞鸽上天 |
飞鱼跳水 |
探测鼠标 |
影片层 |
fgfy 影片 |
fgst 影片 |
fyts 影片 |
|
声音层 |
an.MP3 |
Camera Shutter |
Cloth Rip |
|
2.按钮层有四种状态:一般、经过、按下和反应区。
按钮状态分别用不同的文字:飞鸽飞鱼、飞鸽上天、飞鱼跳水。
3.按钮符号增加影片层和声音层。
4.按钮层、影片层和声音层对应鼠标经过和按下状态都插入关键帧。
5.用不同文字、影片和声音加入相应的层和关键帧。
6.利用 Flash 共享库的相似声音:窗口—共享库—声音—
用 Camera Shutter 模拟飞鸽吱吱叫,用 Cloth Rip 模拟飞鱼跳水声。
7.导入外部声音:文件—导入—例如:F:/wltd828/an.MP3。an22 an26
8.按[Ctrl]+[Enter]键预览动画。
制作跳转按钮动画
实验目的:制作跳转按钮动画
实验过程:
1.跳转帧
单击场景中关键帧(如,20帧)—窗口—动作—帧动作卡—动作—基本动作—
双击跳转命令(goto)—设置跳转场景、目标类型(如,帧数)、帧序号(如,1)。
Flash MX 2004 版
行为面板[+]—影片剪辑—转到帧或标签并在该处播放—播放帧号,如 1。
2.跳转按钮
右击场景中按钮—动作—对象动作卡—动作—基本动作—双击跳转命令(goto)—
系统添加代码"On (Release) {gotoAndPlay(1)}"—
设置跳转场景、目标类型(如,帧数)、帧序号(如,21)。
Flash MX 2004 版
右击场景中按钮—当前位置编辑—场景—
“动作-按钮”面板—全局函数—影片剪辑控制—双击 on 命令—选择 Release—
系统添加代码"On (Release) {};"—
“动作-按钮”面板—全局函数—时间轴控制—双击 gotoAndPlay 命令—
系统添加代码"On (Release) {gotoAndPlay()};"—
设置跳转场景、目标类型(如,帧数)、帧序号(如,21)。
声音层 |
Beam Scan Metal Klank |
Camera Shutter |
Cloth Rip | |||
影片层 |
天上飞机 火箭射机 |
天上飞鸽 鱼射飞鸽 |
水上飞鱼 飞鸽追鱼 |
|||
跳转帧 | 1—19帧 |
20关键帧 跳转到1帧 |
21—39帧 |
40关键帧 跳转到21帧 |
41—59帧 |
60关键帧 跳转到41帧 |
跳转按钮 背景层 |
[跳转飞鸽] 跳转到21帧 |
[跳转飞鱼] 跳转到41帧 |
[跳转飞机] 跳转到1帧 |
4.选择模拟声音
用 Beam Scan 模拟飞机轰轰声 fjs (fjs.wav),
用 Camera Shutter 模拟飞鸽吱吱叫 fgs (fgs.wav),
用 Cloth Rip 模拟飞鱼跳水声 lys (lys.wav)。
用 Metal Klank 模拟爆炸声 bzs (bzs.wav)。
元件库中图形元件、影片剪辑和场景中图层的分析:
1.文档属性:背景 深绿色,30fps。
2.红字层:输入文字,选择字体、字号 100。
3.黑字层:复制粘贴红字层第 1 帧,改为黑字,用方向键向左下移动黑字。
4.黑白渐变图形元件:黑白色块 600*200,白色 Alpha 80%,黑色 Alpha 50%,
复制粘贴黑白色块/修改/变形/水平翻转/两块对接。
5.黑白渐变层:第 1 帧,拖入黑白渐变图形元件,旋转一角度。
制作左下移动 45 帧的动作动画。
第 1 帧复制粘贴到第 90 帧,制作右上移动 45 帧的动作动画。
6.黑字遮罩层:遮罩黑白渐变层,复制粘贴黑字层第 1 帧。
放大相片(P192)
元件库中图形元件、影片剪辑和场景中图层的分析:
有遮罩处看到大图,无遮罩处看到小图。
1.圆图形元件:黑色 200*200。
2.放大镜图形元件:200*200,黑色边框 10,
圆色块:0% 蓝、10% 白、80% 白,从中心往外由透明到不透明。
3.镜子层:复制粘贴“大图遮罩”层所有帧,
右击黑色圆图形元件/交换元件/放大镜图形元件。
4.大图遮罩层:拖入圆图形元件,
走“Z”形(60帧走一笔划)在舞台上扫描“小图”。
5.大图层:拖入原图或与舞台大小相同的中间部分。
6.小图层:原图缩小到与舞台大小相同。