闪吧论坛 » [教材发布区] » [原创]适合初学者的黄河壶口瀑布及四个简单水波的做法

查看完整版本: [原创]适合初学者的黄河壶口瀑布及四个简单水波的做法

铁仔 2004-4-2 04:42

[原创]适合初学者的黄河壶口瀑布及四个简单水波的做法

我是flash园地中的菜鸟，看别人发帖子手痒痒，跟了个习作“黄河壶口瀑布”的帖，却有一些朋友感兴趣，下面介绍一下具体做法，顺便再介绍4个简单的水波的做法，供同我一样的初学者参考。
 
又想写，又要偷懒，其中常规的操作就简述或省略了。为叙述方便，一些地方没有很严谨，只求有flash基本制作经验的朋友能看懂就行，例如在元件拖入舞台成为实例后仍称为元件，特此说明。
 
一、黄河壶口瀑布的做法
 
 [upload=swf]UploadFile/2004-4/20044120396307.sw <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p>
 
图一是作品的各图层图，可以看到整个作品就是3个简单的遮罩，大约100帧左右（帧数按需要增减）。
 
图一
 
 
 
先导入黄河的图片，在场景上“黄河”图层中当然要用1次，做背景。
 
新建瀑布图片元件：拖入黄河壶口瀑布图片（再一次用了，下面还要用），执行“修改/分解组件”命令，打散分解图片，分解后图片上布满小白点。
 
选“套索”工具，在下面“选项”中选“魔术棒”属性，在出现的魔术棒属性面板上设定“限度”（数值越大，选择不同颜色的范围越大），然后选“魔术棒”，用魔术棒选择图形中不要的部分，按Delete 键将其删除
 
图二
 
 <o:p></o:p>
 
反复选择、删除不要的背景和水之间的岩石之类，仅留下瀑布的水的部分。有些地方可以偷懒用“橡皮”大面积擦除，更方便一些。这实际上就是flash中去除位图背景的做法（图的上面灰底色部分是另一个元件，即这个瀑布的遮罩元件的图形，放一起了）
 
图三
 
 <o:p></o:p>
 
把做好的瀑布图片元件拖入“瀑布”图层，在属性/颜色/Alpha中设定Alpha为40%左右（Alpha从0—100，0 为全透明，100为不透明），与下面的黄河图片对齐，因为要移动很微小的距离，所以使用键盘箭头键，向下、向右各移动1—2次即可
 
接下来是制作瀑布的遮罩元件：图形的形状参考图三，什么颜色无所谓，宽度能遮住瀑布，高度是瀑布高度的1倍左右，做好后拖入图层5，与下面的瀑布层建立遮蔽关系，设置从上往下的移动，大约100帧左右。 <o:p></o:p>
 
再新建河水元件及遮罩，做法同上面的一样。不同处在，去除图片多余部分，仅留下河水部分。对齐后是按水流方向用键盘箭头键向下、向左各移动1—2次，遮罩的移动是从右往左，帧数同瀑布一样。就可以Enter+Ctrl看效果了（如果遮罩的2个图层都上锁，用Enter键也能看效果）。
 
图四
 
 <o:p></o:p>
 
这个flash的难度在于调整，瀑布（还有河水）的Alpha（透明度）设定的大小，与下面场景图片错位的多少，水波纹的粗细、间隔距离、移动速度（取决于移动了多少，用多少帧）等等，统统都影响到最后的效果，所以上面介绍中都只给了个范围，没给明确的数值。调整占了工作量的70%以上。
 
再有，因为这个“黄河壶口瀑布”比较精细，作品发布尺寸不一样，效果也不一样，制作时用Enter+Ctrl键看，制成后用播放器看，在网页上看，效果都不一样，使调整的标准难以掌握。 <o:p></o:p>
 
在调整时，发现瀑布上面的次要部分同前面主要部分对各项设定的要求不一样，前者要求缓和些，后者要求相对强烈些，因此又专门加了前边的瀑布部分（即瀑布2），区别在于调整要求不一样，做法是一样的
 
图五
 
 <o:p></o:p>
 
黄河壶口瀑布的源文件如下，大小200K：
 
[upload=fla]viewFile.asp?ID=107033[/upload] <o:p></o:p>
 
这个flash的调整是这样，下面介绍的几个也是这样，会做后，水波效果的好坏主要取决于调整，有时也需要在基本做法上再做点变化，例如这个flash又专门加了瀑布2。另外，图片的不同，水波、水的流动的不同，以及要求的不同，做法上又能有很多变化，下面介绍的4种即是，有些是我自己摸索试验的，介绍目的只是开拓一下思路，效果只是示意，也没调整到最好。
 

 

 

 
[align=right][color=#000066][此贴子已经被作者于2004-4-3 15:27:25编辑过][/color][/align]

铁仔 2004-4-2 04:53

二、湖水的“潮起潮落”
 
[upload=swf]UploadFile/2004-4/200441205044759.sw 
 
<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p>
 
<o:p></o:p>
 
<o:p></o:p>
 
 <o:p></o:p>
 
这个flash只有2个图层。图层1是一张湖的图片（参见图七），图层2是用flash中去除位图背景的做法，留下如下图形（即树木部分）
 
图六
 
 <o:p></o:p>
 
<o:p></o:p>
 
 <o:p></o:p>
 
第1帧看上去同原来图片一样， 
 
图七
 
 <o:p></o:p>
 
<o:p></o:p>
 
<o:p></o:p>
 
 <o:p></o:p>
 
在图层1第60帧插入关键帧，然后再在第30帧插入关键帧（这样操作省事），选第30帧的图片用转换工具把图片向左拉长。
 
图层1拉长的图片右侧仍旧同图层2图片的右侧对齐。
 
图八
 
 
 
<o:p></o:p>
 
<o:p></o:p>
 
 <o:p></o:p>
 
在图层1第1—30，30—60帧之间分别建立“移动”。得到的效果是图层1水面的大小在不断变化，使入感觉水在流动，有点潮起潮落的感觉。
 
图层2的图片不动，在第60帧插入普通帧。设置图层2的目的，就是让不该动的树等部分不动。 <o:p></o:p>
 
 <o:p></o:p>
 
三、典型的水波荡漾做法
 

 
典型的水波荡漾flash，用图片做一般用3个图层——如果是手绘就比较复杂，起码在倒影（即水面部分）上要增加一个半透明的图层，把颜色压暗一点，为了效果好，颜色还得用渐变，同另外一些复杂些的水波做法一样，这里就不说了。
 
[upload=swf]UploadFile/2004-4/200441205119652.sw 
 
图层1是原图片，做背景。
 
图层2是水面元件，图层3是水波元件，图层2与图层3形成遮罩
 
图九
 
 
 
 <o:p></o:p>
 
做1个水面的元件，做法是利用图层1的图片，打散，去除其余部分，仅留下水面。
 
元件放图层2，Alpha（透明度）设定在40%至50%之间（不做成元件就没法设定Alpha）。
 
在第60帧插入关键帧，然后在30多帧的地方再插入1个关键帧，用转换工具把水面元件的长、宽朝左右两边及向下都拉大一些，上面仍然与图层1图片水面的上面对齐，在1—30多帧，30多帧—60帧之间分别建立“移动”，使水面元件的实例从小到大，从大到小变化。
 
图10
 
 <o:p></o:p>
 
 <o:p></o:p>
 
做1个水波元件，做法可以是画一些曲线，也可以是画一些横的、平行的、有粗有细的线条。
 
水波元件放图层3，在1—30帧不到，30帧不到—60帧之间分别建立从上往下，从下往上的往返“移动”。
 
分别用30多帧和30帧不到的目的是把水面元件放大到最大，与水波元件移动到头返回，在时间上错开，当然也可以都设在中间，即第30帧上。
 
同样，水波元件也可以是1—60帧之间就是简单的从上往下的移动，好处是水波效果更好些，缺点是到60帧时，画面有个闪动。可以自己试一下看看。掌握基本做法之后，具体怎么做应该要多变。
 
图11
 
 <o:p></o:p>
 
<o:p></o:p>
 
<o:p></o:p>
 
 <o:p></o:p>
 
水波的形成，是图层2半透明的水面元件大小在不断变化，与下面图层1的图片的水面的颜色形成错位，因为图层2与图层3形成遮罩，播放时只能看到图层3水波元件中有线条的部分，而水波元件又是在上下移动的，3个图层互相配合形成水波效果。
 
 <o:p></o:p>
 
四、水的涟漪
 
[upload=swf]UploadFile/2004-4/200441205215762.sw 
 
 <o:p></o:p>
 
这个flash做法同上面一样，只是图层3的水波遮罩的做法不同：在第1帧用画笔随意画些线条，在第60帧插入关键帧，然后在第30帧再插入关键帧，用箭头工具逐个移动一下线条，用画笔、橡皮、箭头工具把线条的形状改变一下，接着在1—30，30—60帧之间分别建立“形状变化”即可。
 
“形状变化”往往会出现一些手绘意想不到的变化，正好适合水无定势的特点。 <o:p></o:p>
 
 <o:p></o:p>
 
五、简单的海水流动
 
[upload=swf]UploadFile/2004-4/200441205243956.sw 
 
这个flash是我1个习作的一部分，其中海水流动的做法特别简单，2个图层，图层1是原图片，图层2是海水元件。
 
新建一个海水元件，做法是把图片上海水之外部分删除，留下海水部分，拷贝复制1个副本，同原来的图首尾相接。
 
把海水元件放入图层2，设置Alpha为35%，建立从右向左的“移动”即可，帧数多少按海水流动速度的需要来确定。
 
图12

龙女 2004-4-3 05:18

做得好,支持加分!
 
在动态水方面还得做不少文章,可以一起讨论!有了主题你很进步很快的,

mabysoo 2004-4-3 15:40

挖，学到新的一课，回家可以用用了啊

mslkk 2004-4-3 19:23

很好。

groom 2004-4-3 22:08

<A name=335514>铁仔</A>呀...您真是太厲害啦..這真得適合初學者呢...謝謝教導...

铁仔 2004-4-4 22:24

可是斑竹不给加分，我到现在还是0哦

WC~ 2004-4-4 22:47

支持！
 
应该加分!

AIYI2003 2004-4-5 01:33

<IMG src="http://www.flash8.net/bbs/Skins/default/topicface/face1.gif">很好，谢谢对[教材区]的支持。
 
不好意思啊，前几天大概是因为闪吧改版吧，我老是进不来闪吧。

铁仔 2004-4-5 02:45

谢谢加分，终于实现零的突破了

EmilMatthew 2004-4-5 03:49

VERY GOOD!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

liuyangrr 2004-4-5 21:27

好东西哦！

绿袖子 2004-4-8 01:59

好美哦，醉了~~

nbljm 2004-4-13 03:08

不错

铁仔 2004-4-18 18:01

谢谢对初学者的鼓励！！！

gaohaijun 2004-4-19 01:19

谢谢！受此启发自己做的一个简单的！见笑了[upload=swf]UploadFile/2004-4/2004418171917955.sw

铁仔 2004-4-20 04:35

致16楼：
 
谢谢你的发挥，但我觉得如果要这个效果，不如选取“麦浪”到1个新的图层，用变形工具，在上部分别左右拉动，制作移动动画，效果可能更好

蓝色动脉 2004-4-24 03:15

谢谢！～
 
又有好东西学习了

闪客悠悠 2004-4-28 03:59

谢谢！学了一课。

绝情>_<伤心 2004-4-28 08:30

谢谢!

yjw 2004-5-20 19:09

受益匪浅，谢谢了，多弄些简单的，初学看AS象天书。

7fox 2004-5-21 22:38

[U]
受益匪浅！
 
 感激不尽！！
 
 恳请各位！！！
 
 一顶再顶！！！！
 

[/U]

yjw 2004-5-22 18:45

素材图片很重要！

调皮捣蛋 2004-5-22 21:00

本人是个初学者中的初学者
 
根据你说的,慢慢学

调皮捣蛋 2004-5-22 21:05

可是这软件哪有下载呢?
 
最好是中文版的!

ahhy2008 2004-5-23 03:00

帅呆了。够酷。拿来就用

⊙阿文⊙ 2004-6-9 22:15

看懂了，真不错。支持！

雪海飘香 2004-6-10 05:33

好~~

Giorgetto 2004-6-15 01:10

可偶笨啊~ 看懂了但自己动手就做不出这效果郁闷ING……

坏虫 2004-6-16 22:57

为什麽我的透明度调整对元件没影响呢？
 
苦恼

铁仔 2004-8-15 01:28

<DIV class=quote>以下是引用坏虫在2004-6-16 14:57:07的发言： 为什麽我的透明度调整对元件没影响呢？

 
苦恼
 

</DIV>调整透明度，必须先做成元件，无法调整的问题往往出在这里。

独孤小子 2004-8-16 19:05

好呀！
 
先学学看！呵！

women2297 2004-10-2 02:39

ding

ljw0319 2004-10-7 06:53

好帖,顶

铁仔 2004-10-14 04:56

谢谢支持

gdy66 2004-10-14 05:47

向楼主学习。

iamyuying 2004-10-21 03:23

好东西呀，顶！！！

dalong1001 2004-10-21 06:02

瀑布做的好！！！！很精彩的啊！！！

anteric 2005-1-20 00:40

大力支持！

我也来一个玩玩[upload=swf]UploadFile/2005-1/2005119163946327.sw

草vv 2005-1-21 06:55

唉，要学的东西真是太多了

火凤凰2004 2005-1-24 23:18

虽然是简单的遮罩但是运用得当效果真的不错！特别是“麦浪”的构思~GOOD！11！

火凤凰2004 2005-1-24 23:20

对麦浪再提一点小的建议：天上的云也可以处理一下那就更佳了

loonie 2005-1-27 09:30

谢谢楼主,看了后受到了很大的启发
 
我努力我存在
 
学习中!!!!!!!!!!!!!!

devgry 2005-1-27 21:38

好东西~! 简单实用啊！
 
顶

bluefox1223 2005-2-11 01:11

呵呵……有学到不少！谢谢

傲ざ孤ギ魂 2005-2-16 14:13

哈哈,能够举一反三的,是最好的了
 
这才是我们学习的目的啊~~~~

liujhfly 2005-3-1 00:14

我觉得做法不难，只是创意很好，想举一反三！厉害！

午夜孤魂 2005-3-9 22:23

很好，
 
学到了。

e世狂闪 2005-3-18 00:18

8错，这就是传说中的水波纹效果
 
个人觉得-->特效这东东，还是举一反三的好
 
支持中>>>>>>>>

愚者 2005-4-7 01:21

就是源文件难处理啊，各位兄弟有好的办法没？

programdream 2005-4-8 05:38

我要以身相许

dfqx 2005-4-27 03:53

谢谢，我也学了。

staradun 2005-4-27 16:25

好教程！

baorui8888 2005-6-2 03:44

对初学者简直是一剂良药

暴风雨般沉默 2005-6-5 00:11

都很有实用的!!!

草木樱 2005-6-22 01:06

谢谢感激

sdbzlzz 2005-6-23 01:22

支持！

 
应该加分!

ppc1982 2005-7-7 02:46

您真是大好人啊

ghoul 2005-8-4 10:45

为什么留言的最迟的,都离现在有半年了?? 真是让人......
 
我算是初学者中懂一点的,可又不很懂,不知道自己改干什么? 好象什么都不能干,又好象也能干点什么..... 郁闷中.... (2个月了)

linyuwei0201 2005-8-12 16:46

好漂亮啊！！我真是受益非浅，铁仔，我好喜欢最后一幅，可我没看到源文件，能不能帮我传一下啊！
 
<IMG src="http://www.flash8.net/bbs/Skins/default/topicface/face12.gif">

页: [1] 2

查看完整版本: [原创]适合初学者的黄河壶口瀑布及四个简单水波的做法