今天,边肖和你分享用flash制作漂亮的若隐若现的画框的方法。教程做的画框很好看。感兴趣的朋友可以参考这篇文章!
最终效果图:
想法:
用鼠标去探索,一件事渐渐浮出水面,竟然是小熊维尼的相框:出现了小猪和小熊维尼的友情图片交换。点进去,有小熊维尼和他伙伴的图片。鼠标离开,相框渐渐消失。有意思,做起来不难。该过程主要准备两个MC:一个是隐约出现的MC;一种是点击可以看到图片的MC。
1.制作第一个MC
1.提前准备好需要的图片。背景,维尼,相框,相框里的照片。最好将相框中的图片调整到与相框相同的比例。有关调整方法,请参见以下参考资料。导入文件:文件——导入3354导入到库中。
2.拖动背景图像到层1。创建一个新层,Ctrl F8创建一个新的组件。类型:电影剪辑。
3.在第1帧和第12帧中按F6键插入关键帧。放入两张小熊维尼和小猪的图片,在对齐面板中选择垂直居中分布和水平居中分布。24帧按F5插入帧。
4.将组件拖到场景中,F8将影片剪辑转换成一个按钮组件,名为P1。双击进入编辑状态。
5.此时,元素PP已经包含在层1中。新建一个图层,把相框拖进去,Q键会调出变形工具。按住shift键拖动变形框,调整到和图片一样的大小。
6.回到场景,再次将该元素转换为电影剪辑。双击进入编辑状态。
7.分别在第10帧和第20帧中按下F6以插入关键帧。
8.在属性面板中,将第1帧和第20帧中按钮元素的透明度更改为0%,将第10帧中按钮元素的透明度更改为10%。
9.为第1帧和第10帧创建补间动画。完成MC制作。
第二,制作第二个MC
1.ctrl+F8创建一个新的影片剪辑元素。
2.拖动按钮P1,按住shift键同时选择2-3帧,按F6键插入关键帧。
3.删除三个框架中的P1元素,点击它可以编辑多个框架,从库中拖动另外三个图片放入,并与第一个框架的按钮对齐。所以一开始做第一个组件的时候会很方便的把每张图片和舞台对齐。只要你再次选择将每个图片和组件居中,它就会自然对齐。当然,这里的图片都是事先加工成同样大小的。
4.新建一层,放入相框中,相框也分布在中心。
5.将最后三帧中的图片转换成按钮元素,分别命名为P2、3和4。
6.为第一帧中的按钮写:on(release){ gotoAndPlay(2)};}后面三个按钮分别把数字2改成3,4,1。即点击此按钮进入第2、3、4、1帧并播放。
7.新建一层,插入四个关键帧,在每个帧上写stop();MC不会自动播放。
8.创建电影剪辑元素。第一帧被拖动到“隐现”的MC中,并被转换成一个按钮元素。居中。
9.在第二帧插入关键帧,删除若隐若现的按钮,拖动到新做的MC中,稍微放到右上角,转换成按钮。
10.分别在第11帧和第21帧插入关键帧,并将第2帧中组件的Alpha值更改为0%,第21帧的Alpha值更改为7%。
11.为第2帧和第11帧创建补间动画,为第1帧的按钮写on(rollOver){ goto andplay(2);},第12帧的按钮写在(卷展栏){ gotoAndPlay(12);}
12.第1帧和第12帧的写入停止()。并完成MC制作。
13.回到现场把第二步做的MC,Pooh PNG图片一层层的放进去,还有闪烁的星星装饰。完成最后的制作。
需要注意的事项
这是一个用flash8制作的动画。本文是CS3中的演示,但尽量保存为较低版本。
以上是用flash制作漂亮的若隐若现的画框的方法介绍。操作很简单。你学会了吗?希望你喜欢这个教程!