今天,边肖分享用flash制作漂亮的若隐若现的相框的方法。教程制作的画框很好看。感兴趣的朋友可以参考这篇文章!
最终效果图:
想法:
鼠标一探,一个东西渐渐浮现出来,原来是温妮的相框:小猪和温妮交换的友谊照片。点进去,有温妮和伙伴们的照片。鼠标离开,相框渐渐消失。有意思?做起来并不难。该工艺主要制备两种MC:一种是若隐若现的MC;一种是点击可以看图的MC。
首先,制作第一个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帧的按钮上写着(滚出来){ goto and play(12);}
12.第1帧和第12帧的写入停止()。完成MC制作。
13、回到场景,分层放入MC,Winnie PNG图片在第二步中制作并闪烁星等装饰品。完成最后的制作。
需要注意的事项
这是一个用flash8制作的动画。本文是CS3中的演示,但尽量保存为较低版本。
以上是用flash制作漂亮的若隐若现的画框的方法介绍。操作很简单。你学会了吗?希望你喜欢这个教程!