分享
 
 
 

Flash实用效果之小桥流水

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

简介:

本例实现的是小桥流水效果。长满青苔的小桥下水静静地流淌着,小桥的倒影和水中的金鱼让我们想起了童年的情景。如效果图所示。该效果主要是运用了遮罩技术来实现倒影效果,而倒影效果是很常用的效果,很多作品都有使用到。

点击这里下载

在文章中,读者不但可以学会小桥流水的制作方法,还可以学习如何设计一只可爱的金鱼,以及形状渐变动画的运用。

制作步骤:

1.新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为500px x 300px,背景色为#10A9CC,帧频为12fps。

2.导入小桥图片。按快捷键Ctrl+F8打开“创建新元件”面板创建一个“小桥”图形元件。导入一座小桥的图片,本例使用的小桥如效果图中所示。

3.制作鱼尾。创建一个“鱼尾”影片剪辑元件。点选“工具”面板中“铅笔”工具 ,在元件的场景中绘制一个鱼尾的轮廓(线条要闭合)。

图1

4.按快捷键Shift+F9键打开“混色器”面板,如图1所示进行设置。“混色器”下拉菜单中选择“线性”选项。面板中3个滑块的颜色分别为#F5800A、#F8D356(Alpha值70%)和#FFFFFF(Alpha值50%)。设置“混色器”面板后,点选“工具”面板中的“颜料桶”工具 给鱼尾上色。效果如图2所示。

图2

5.在“鱼尾”影片剪辑元件的场景中创建“鱼尾”层,层的设置如图3所示。分别点选“鱼尾”层中的第5、10、15、20帧,按F6键插入关键帧。把每帧中的鱼尾设置成如图4中不同的形状,在场景中,5个鱼尾的位置应该是基本重叠的。

图3

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

图4

6.制作金鱼。创建一个“金鱼”影片剪辑元件,如图5所示建立“胸鳍”、“鱼头”、“鱼身”等层。金鱼鳍都通过“鱼尾”元件的变形得到,这样设计可以尽量重复使用元件来减小文件体积,提高效率。鱼眼、嘴、鳃可以通过“椭圆”、“铅笔”工具轻松绘制。“鱼身”层中有3个关键帧,使鱼身形变来产生动感。最终设计效果如图6所示。

7.制作流水。新建一个“流水”层。如图7所示创建“小桥1”、“小桥2”和“遮罩”三层。

图7

按快捷键Ctrl+L打开“库”面板,将面板中的“小桥”元件拖拽到“小桥1”层的场景中。点选该层的第60帧按F5键插入帧。隐藏“小桥1”层中的元件,见图7。再把“库”中的“小桥”元件拖拽到“小桥2”层的场景中。点选该层第50帧按F6键插入关键帧。注意:“小桥1”层和“小桥2”层中的“小桥”元件的位置相同。

8.在“遮罩”层的场景中制作一个由高度为8px的线条组成的遮罩块,线条之间有一定的间隙。选中所有线条,按快捷键Ctrl+G将其组合。如图8所示。

图8

9.点选“遮罩”层中第15、30、45、60帧并按F6键插入关键帧。将各帧中遮罩上下移动几个象素,并建立补间动画,见图7。将遮罩上下移动可以形成流水的间隙效果。保证遮罩能完全遮住小桥元件。

10.从“库”中将“金鱼”元件拖拽到“小桥2”层中的适当位置,可随意的再复制出几条金鱼。点选“金鱼”元件,在“属性”面板中将其“色调”设置成黑色,如图9所示。这样,红金鱼就变成黑金鱼了。也可以再放几条小蝌蚪在该层中,效果就更童趣,更加春意盎然了。

图9

11.回到“场景 1”。如图10所示建立“小桥”、“倒影”层。将“库”中的“小桥”元件拖拽到“小桥”层的场景中。把“流水”元件拖拽到“倒影”层的场景中。按快捷键Ctrl+T打开“变形”面板,将“流水”元件翻转过来,并调整到适当位置。见效果图。

图10

小桥流水的效果到这里就做好了。最终效果如效果图所示。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有