当前位置: 首页 > 图文教程 > Flash动画 > Flash实例教程 > Flash实例教程 让美丽的图画动起来

Flash实例教程
Flash教程:AS制作加载外部.swf影片的视频播放器
FlashAS3.0实例教程:喷泉动画特效
Flash cs3仿真艺术设计2.5:压扁与拉伸运用
Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶
Flash CS4教程:AS3制作非常漂亮的曲线
Flash实例:AS3制作茶杯震动动画
Flash教程:鼠标点击显示打散动画
Flash实例教程:鼠标感应放大缩小动画
Flash实例教程:启动摄像头拍照动画
Flash AS3教程:制作文字飞出动画
Flash CS3教程:线性渐变模糊运动动画特效
Flash动画制作实例:不间断滚动图片动画
Flash AS3简单制作百叶窗图片特效
Flash AS3简单制作图片缓动特效动画
Flash AS3简单制作跟随鼠标缓动运动的圆
Flash轻松制作照片上有水纹波动动画
Flash实例:庆祝祖国60华诞烟花动画
Flash CS4教程:旋转的3D立方体动画
Flash实例教程:好看的旋转文字动画
Flash实例教程:低排放高节能汽车广告动画

Flash实例教程 让美丽的图画动起来


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 1068 ::
收藏到网摘: n/a

Flash实例教程:可爱小蜜蜂睡觉 ,也就是让一幅漂亮的图画动起来!先看效果:


粗粗讲一下制作过程: 画布大小:1020*200
画背景。(线性渐变#C6E384  #A5CB63 #ADCB10 #A5C710  #ADCB10  #B5D310 #B5D710) 在右上角绘制一小屋、两棵小树、一排小栅栏。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

画山坡(线性渐变#94BA52 #ADCB10)

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

创建影片剪辑:草(在第3、5帧时,用白色箭头的工具来修改草的形状,使其动起来)。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

这里添加的蓝块层,是后来天慢慢变黑了。。。。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

在左上角绘制两棵小树、小房子、一排小栅栏、几朵小花(可用钢笔工具或笔刷工具)

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

创建影片剪辑:元件6。以小房子的正面做一光照效果(应用修改菜单下面的形状下的柔化。)

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

创建影片剪辑:元件2。画一40*40的正圆,再应用修改菜单下面的形状下的柔化填充边。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

创建影片剪辑:元件2副本。把元件2拖到舞台中,在第3帧插入关键帧。第1帧,点属性。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

第9帧插入关键帧。将元件2副本拖入舞台。在第18帧插入关键帧。9~18帧创建动画。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

将元件9拖入舞台,在第18帧插入关键帧。1~18帧创建动画。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

创建图形:花朵

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

花的局部

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

创建花图层,将花朵拖入到舞台中,并创建动画。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

花的动画效果:


创建影片剪辑:花。旋转(1~3度)、微移。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

将影片剪辑花拖入图花色。在19帧插入关键帧。在1到19帧间创建动画。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

建遮罩层。绘一舞台大小的矩形。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

创建图形:水珠。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

建水珠层。将水珠拖到舞台中,并制作水珠动画效果。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

创建图形:蜜蜂

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

将蜜蜂拖入舞台,在第5、8帧插入关键帧,制做动画效果。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

蜜蜂的影子。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

创建影片剪辑:萤火虫、萤火虫儿。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

莹火虫闪闪。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

莹火虫图层1第1帧。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

莹火虫图层1第2帧。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

莹火虫图层2第1帧。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

莹火虫图层2第2帧。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

将元件9拖入舞台放在萤火虫层。。。。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

莹火虫层:

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

莹火虫层第1帧;

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

莹火虫层第20帧:

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

跟萤火虫层相同,只不过位置不一样。一前一后。

Flash实例教程 让美丽的图画动起来_软晨学习网www.ruanchen.com转载

好了,测试下看!