FlashMX经典实例(7)

聆聽丶妳的声音

聆聽丶妳的声音

2016-01-29 13:09

FlashMX经典实例(7),FlashMX经典实例(7)

FlashMX经典实例之小桥流水


效果预览图:

图1-1

效果简介:

这个效果实现的是小桥流水的效果。小桥下的水静静地流淌着,小桥的倒影和水中的金鱼可以让我们想起了童年的生活。但最重要的这是一个比较实用和常用的效果。效果如图1-1所示。

文章简介:

文章中读者不但可以学到小桥流水的实现方法,还可以学到如何设计一只可爱的金鱼,以及学习另一种渐变动画类型——形状渐变动画。

制作步骤:

1.设置场景的大小为500px×300px,背景色为#10A9CC,帧频为12fps。

2.导入小桥。按快捷键Ctrl+F8打开“创建新元件”面板创建一个“小桥”图形元件。然后导入一座小桥图片,如图1-2所示。

 

图1-2

3.制作鱼尾。篇幅关系,笔者只能讲解“金鱼”制作的几个关键步骤。创建一个“鱼尾”影片剪辑元件。在元件的场景中绘制一个鱼尾,如图1-3所示。

 

图1-3

4.按快捷键Shift+F9键打开“混色器”面板,并如图1-4所示进行设置。“混色器”下拉菜单中选择“线型渐变”。其中三个滑块的颜色分别是#F5800A、#F8D356(透明度为70%)和白色(透明度为50%)。设置好后用“颜料桶”工具给鱼尾上色。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)

图1-4

4.如图1-5所示建立“鱼尾”层。分别在第5、10、15、20帧上插入关键帧。然后把每帧中的鱼尾设置成图1-5中不同的形状,当然笔者使用洋葱皮命令是为了大家能够看得更清楚一点,实际上这5个鱼尾应该是重叠的。

 

图1-5

单击“鱼尾”层,使该层的所有帧成阴暗的被选取状态。然后在“属性”面板的“补间”下拉菜单中选择“形状渐变”选项建立形状渐变动画。

5.制作金鱼。创建一个“金鱼”影片剪辑元件,如图1-6所示建立“胸鳍”、“鱼头”、“鱼身”等层。除了“鱼头”层外,其它三层都是由“鱼尾”元件通过“变形”面板变形而得到,这也体现了Flash设计中尽量重复使用元件来减小文件体积,提高效率的原则。

 

图1-6

在“鱼身”层中,只要设计一个红色的鱼身,然后让鱼身发生一点形变,产生一点动的效果就可以了。

6.制作流水。新建一个“流水”层。然后如图1-7所示创建元件的各层:“小桥1”层、“小桥2”层、“遮罩”层。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)

 

图1-7

7.按快捷键Ctrl+L打开库,把库中的“小桥”元件拖到“小桥1”层中。然后单击选中该层的第60帧按F5键插入帧。接着单击“隐藏/显示”按钮 隐藏“小桥1”层中的元件。然后再把库中的“小桥”元件再拖到“小桥2”层中。单击选中该层的第50帧按F6键插入关键帧。注意,“小桥1”层和“小桥2”层中的“小桥”元件应该相同。

8.在“遮罩”层中制作一个由一条条高度为8px的线条组成的遮罩块,每条小条之间要保证有一定的间隙。接着按快捷键Ctrl+G将其组合。如图1-8所示。

 

图1-8

9.单击“遮罩”层的第15、30、45、60帧并按F6键插入关键帧。然后把各帧中的遮罩元件上下移动一下,并建立补间动画。目的是使其上下移动,形成流水的间隙效果。只要保证遮罩物能完全遮罩住小桥就可以了。

10.从库中把“金鱼”元件拖拽到“小桥2”层中的适当位置,可随意的再复制出几条金鱼,并可在“属性”面板中将其色彩改成黑色。也可自己设计几条小蝌蚪放在该层中。那样,效果就更有童趣,更加春意盎然了。

11.回到主场景。如图1-9所示建立“小桥”层和“倒影”层。然后从库中把“小桥

展开更多 50%)
分享

猜你喜欢

FlashMX经典实例(7)

flash教程
FlashMX经典实例(7)

FlashMX经典实例(3)

flash教程
FlashMX经典实例(3)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

FlashMX经典实例(6)

flash教程
FlashMX经典实例(6)

FlashMX经典实例(11)

flash教程
FlashMX经典实例(11)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

FlashMX经典实例(8)

flash教程
FlashMX经典实例(8)

FlashMX经典实例(10)

flash教程
FlashMX经典实例(10)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Net是未来的趋势吗?

Net是未来的趋势吗?

Flash MX2004入门与进阶实例——MTV实战演习(15)

Flash MX2004入门与进阶实例——MTV实战演习(15)
下拉加载更多内容 ↓