鱼缸效果的制作
效果如下：


这是一个鱼缸效果，这个动画制作，用到了很多flash动画制作的基础技能，诸如：遮罩，引导层，补间动画，元件，水汶效果，鼠绘等，很适合初学者练习．
首先需要找一张背景图片，最好是鱼缸，海低或碎石，枯树等图片，将图片处理为４００x３００大小。

新建一flash文档，背景为白色，将准备好的图片导入到库。
新建一影片剪辑元件，取名为＂背景＂，将图片拖入，居中对齐。在图片上右键，复制。在第４０帧插入帧，该层上锁。
插入一新图层，点击“编辑”－“粘帖在当前位置”，然后，用方向键，将复制的图片向右向下移一个像素。在第４０帧插入帧，上锁。
插入新图层，用矩形工具，无笔触任一填充色，画一条与图片一样宽的细直线。然后用选择工具点中该直线，，然后按Ctrl+D进行复制，直到有两个图片那样高。点击“编辑”－“全选”，然后，打开对齐面板，选择左对齐。然后点击“修改”－“组合”。在第４０帧插入关键帧，回到第１帧，将线条组合向上移，使线条组合的下边，与图片的下边对齐。在第１帧和第４０帧间建立补间动画。如图：




在第３层上点右键，点“遮罩层”。
新建４个图形元件，图形分别是：（放大到４００％时的图形）


新建一影片剪辑元件，将鱼身拖入，在第２０帧插入帧，上锁。
新插入一层，将鱼尾拖入，与鱼身对好，并稍为交叉一点，用变形工具点中鱼身，将注册点拉到左边正中。然后，将鱼尾向下旋转一些。在第５帧插入关键帧，将鱼尾旋正。在第１０帧插入关键帧，将鱼尾旋向上方一些，第１５帧插入关键帧，将鱼尾旋正，第２０　帧插入关键帧，将鱼尾旋向下方。
新插入一层，将一个鱼翅拖入，同鱼尾的方法，做出搕动。
新插入一层，将另一鱼翅拖入，做摆动。
最后将鱼身图层拖到最上面。


新建一影片剪辑元件，将刚做好的鱼元件拖入，然后按住Ctrl用选择工具向下拖鱼元件这样就复制了一个，点中新复制的鱼元件，点击“修改”－“变形”－“垂直翻转”；打开属性面板，将其透明度设为３０%。这实际上就是一个带阴影的鱼。



新建一影片剪辑元件，将带阴影的鱼元件拖入，在第１００帧插入关键帧，然后插入引导层，用铅笔工具画一条引导线，随便画，一会还要重画．
新建一影片剪辑元件，将带阴影的鱼元件拖入，在第１５０帧插入关键帧，然后插入引导层，用铅笔工具画一条引导线，随便画，一会还要重画．
新建一影片剪辑元件，将带阴影的鱼元件拖入，在第１３０帧插入关键帧，将元件向左拖一定距离．
新建一图形元件，如下图画一片树叶

新建一图形元件，将树叶元件拖入，然后，按住Ctrl建，用选工具向下拉，复制一个，然后中，点击“修改”－“变形”－“垂直翻转”；打开属性面板，将其透明度设为３０%。这实际上就是一个带阴影的树叶。

新建一影片剪辑元件，将带阴影的树叶拖入，在第１００帧插入关键帧，然后插入引导层，用铅笔工具画一条引导线，随便画，一会还要重画．
新建一图形元件，如下图画一个花辩，然后用自由变形工具将花辩的注册点移到最下面，打开变形面板，在旋转框内输入７２，然后点击，旋转并复制４次，这样就画好了一个花朵．
新建图形元件，将花朵元件拖入，然后，按住Ctrl建，用选工具向下拉，复制一个，然后中，点击“修改”－“变形”－“垂直翻转”；打开属性面板，将其透明度设为３０%。这实际上就是一个带阴影的花朵。


新建一影片剪辑元件，将带阴影的花朵拖入，在第１００帧插入关键帧，然后插入引导层，用铅笔工具画一条引导线，随便画，一会还要重画．
新建一图形元件，．将舞台放大到８００％，用笔刷工具，颜色用草绿色，画上一些草．新插入一层，用椭园工具画一椭园，将草的根部盖住．颜色可深一些，可与背景图片中某处颜色相同．

新建影片剪辑元件，将草元件拖入，用变形工具，将注册点调到下端．在第５帧，第１０帧插入关键帧，在第５帧，用变形工具，将草向右下旋转一些，不要太多．在第１－５，第５－１０帧，建立补间动画．
好了，所有演员都准备好了，现在就在他们到舞台上去表演了．
回到主场景，将背景元件拖入，居中放好，上锁．
插入一层，将带引导层的鱼元件其中一个，拖入，放在背景元件的右下外侧．然后双击它，将引导层上的引导线清除，用铅笔工具，画一条从鱼元件穿过背景图片到其左侧外边的曲线，上锁．回到第１层，在第１帧，将鱼元件中心点与引导线的右端对齐，在最后一帧，将鱼元件的中心点与引导线的左端对齐，建立补间动画．打开属性面板，在＂调整到路径＂前的方框上点上钩．如图：

插入一层，将另一个带引导层的鱼元件其中一个，拖入，放在背景元件的右上外侧．然后双击它，将引导层上的引导线清除，用铅笔工具，画一条从鱼元件穿过背景图片到其左侧外边的曲线，上锁．回到第１层，在第１帧，将鱼元件中心点与引导线的右端对齐，在最后一帧，将鱼元件的中心点与引导线的左端对齐，建立补间动画．打开属性面板，在＂调整到路径＂前的方框上点上钩．如图：

插入一图层，将不带引导层那个鱼元件，（１３０帧那个），拖入，放在背景图片的右外侧稍下一点，双击它，在最后一帧，将鱼元件平移到背景图片的左外侧，建立补间动画．
插入一图层，将带引导层的树叶元件拖入，放到背景图片的左外侧上方，双击它，清除原来的引导线，作铅笔工具重新画一条从树叶元件穿过背景图片到其右外侧的曲线，注意曲线的震辐不要太大，稍平缓一些．建立补间动画．打开属性面板，把＂调整到路径＂前的方框上的钩去掉．
插入一图层，将带引导层的花朵元件拖入，放到背景图片的左外侧上方，双击它，清除原来的引导线，作铅笔工具重新画一条从花朵元件穿过背景图片到其右外侧的曲线，注意曲线的震辐不要太大，稍平缓一些．建立补间动画．打开属性面板，把＂调整到路径＂前的方框上的钩去掉．
插入一图层，将作了补间动画的草元件拖入，放到适当位置．现复制一个，放到另一适当位置．
呵呵，好累人，别作急，快完了．
插入新图层，用矩形工具，元笔触，任一填充色，画一和背景图片一样大的矩形．然后右击该图层，点击＂遮罩层＂．
这里要注意，将鱼，树叶，花朵图层均设为被遮罩层．
插入新图层，用矩形工具，元笔触，填充色６６FFFF，画一和背景图片一样大的矩形．选中矩形，点击＂修改＂－＂转换为元件＂，选图形，确定．打开属性面板，将其透明度调为２０％．这下就有在水中的感觉了．

ok,测试影片，电子鱼缸做成了．

[ 本帖最后由 sanbos 于 2008-11-4 16:32 编辑 ]

交下作业,阿,,,啥时候才能自己播放自己的动画阿,期待ING..........

问题:教程倒数第四行:"插入新图层，用矩形工具，元笔触，任一填充色，画一和背景图片一样大的矩形．然后右击该图层，点击＂遮罩层＂．",
不明白加了和没加有什么区别,我加上去做出来和没加上去做出来,效果都一样,谢谢指教.

效果完成动画:


[ 本帖最后由 talentmu 于 2008-6-16 22:05 编辑 ]

楼上朋友的：
问题１.你现在已是中级会员，已可以插入flash了，请在研讨区的推荐帖中看一个如何插入flash的教程．
问题２：在教程中，我建议将背景图片设为400x300，这就是说背景没有舞台大，如果不用遮罩层，那么背景图片外的鱼，就会被看见．你的背景图片和舞台一样大，鱼的起始处被放到了舞台外，所以看不见．那么用不用遮罩层都一样．
另外，你做的鱼游动不知用没有用引导线，如果用了，应该在属性面板中将＂调整到路径＂前的钩打上，这样才自然一些．

[ 本帖最后由 sanbos 于 2008-6-16 22:02 编辑 ]

交个作业

[ 本帖最后由 plthm 于 2008-6-17 11:38 编辑 ]

交作业了。





[ 本帖最后由 bld2007 于 2008-6-21 20:42 编辑 ]

请问我在画矩形的时候 ，第一次按了对象绘制，为什么就坐不出水动的效果，去掉就好了，这里我一直很迷惑，请指教

[swf][/swf]


[ 本帖最后由 wytan 于 2008-6-23 16:17 编辑 ]

[ 本帖最后由 华华 于 2008-7-6 23:41 编辑 ]

[ 本帖最后由 sanbos 于 2008-10-12 09:20 编辑 ]

老师们，我的树叶和花都做上去了，可就是不出来，不知为什么？请教！原文件发上来了，老师们帮我看看吧！谢谢。

[ 本帖最后由 十兄 于 2008-7-29 19:28 编辑 ]

谢谢博士老师的好教程，交作业了


[ 本帖最后由 随意 于 2008-8-25 09:38 编辑 ]

作业,老师辛苦了

经过一个晚上的努力总算做成了！
只是效果不太理想，请老师指点！

十四楼朋友的作业

我也来交个作业吧，新手上路请大家多多指点，谢谢了！
http://up.awqq.net/up/20081004040827_f-1.swf