Flash动画实例
Flash动画实例:柳枝,小鱼,涟漪与水波动画
本flash教程就是关于动画的制作,主要由柳枝的制作方法、小鱼制作方法、涟漪的制作方法、水波的制作方法几个部分组成,希望对您有所帮助！
有一些朋友虽然有点绘画功底,但苦于没有扫描仪、手绘板等等专业工具,总不能得心应手。其实只要您有一只不错的鼠标,利用好Flash中自带的绘画工具,再加上细心与耐心,即使没有受过专业绘画训练,您也一样可以制作出很漂亮的动漫画效果。下面我们一起来瞧瞧Flash鼠绘春之恋的制作效果与绘制过程吧！
新建550*400文档。
一、柳枝的制作
1、新建元件,图形,名称柳枝1。
用笔刷工具,颜色:A9A945,画一条柳枝,(也可以用直线等其她工具来画)。
再用笔刷工具画出叶子,放射状填充,左色标,009900,右色标99CC33。
图1
2、新建元件,影片剪辑,名称:柳枝动1。 Flash动画实例
从库中把柳枝1拖进来,点变形工具,把注册点移到柳枝的根部。第14与34帧插入关键帧,创建动画补间。
图2
在第14帧,把柳枝旋转一定的角度。
图3
3、按照上面的方法,再画2、3个不同的柳枝,然后制成柳枝动的元件,每个元件帧长短不一,旋转角度大小不一(但不要变化太大),这样柳枝飘动瞧起来自然些。
二、小鱼制作 Flash动画实例
1、新建元件,影片剪辑,名称:鱼1。
选择椭圆工具与矩形工具,笔触色任意,填充色禁止,把对象绘制点下去,在属性栏里,设置为极细,场景放大到800倍。
画一个椭圆与长方形。
图4 Webjx、Com
用黑箭头工具配合ALT键调整成鱼形。
Webjx、Com
图5
网页教学网
画眼,嘴,鳍等。
图6
全选中,ctrl+B打散,填充颜色,
鱼身,鱼尾,线性:左8C8C8C,中C8C8C8,右848484
鱼鳍,线性,左BBBBBB,右999999
眼,纯色,黑色, Flash动画实例
嘴,白色,
删除所有线条,完成图。
Webjx、Com
图7
在第3,5,7帧插入关键帧,第3帧把鱼尾向上调
图8
第7帧鱼尾向下调。
图9
OK鱼儿动的元件做好了,不就是很难吧,相信您画得更好。
再做一条鱼,在库中找到刚才做的鱼1元件,选中,点鼠标右键,点直接复制。 Flash动画实例
图10
改名为鱼2,这样得到了一个新元件。
图11
从库中双击鱼2元件,进入它的编辑区内,改鱼的颜色
身:线性,左FF0000,中FFFF00,右999999 两侧鳍:线性,左FF0000,右FFFF00
背脊鳍:线性,左右FFFF00,中FF0000,色标摆放如图:
图12
Webjx、Com
其她部位颜色不改动,注意每个关键帧都要改过来。 网页教学网 Flash动画实例
小鱼完成效果图:
网页教学网
三、涟漪的制作
1、圆圈元件:
网页教学网
新建元件,图形,名称圆圈,
Webjx、Com
用椭圆工具,填充禁止,笔触色任意,画一个椰圆,用变形工具选中,打开变形面板,约束打上勾,70%,点复制并运用变形一次,再得到一个小圆,
图14
网页教学网
选中两个圆打散,放射状填充,左右009966,Alpha为0,中FFFFF9,Alpha100%,用填充变形工具,调整如下图: Webjx、Com Flash动画实例
图15
Webjx、Com
2、涟漪元件
Webjx、Com
新建元件,影片剪辑,名称涟漪
网页教学网
点第一帧从库中把圆圈元件拖进来,并缩小(4、9*1、8)
网页教学网
在第40帧插入关键帧,选中元件,放大(100*37), 并在属性面板里,调整Alpha为0,创建动画补间。
增加两个层,选中第一层,点右键,复制帧
图16 Flash动画实例
分别粘贴到第二层的第4帧,第三层的第8帧上。
把第三层后面的关键帧拖到第55帧上,并延长到80帧,在第81帧插入空白关键帧,打开动作面板加上语句 stop();
图17
四、水波的制作
新建影片剪辑元件,名称水波。
1、画背景:用矩形工具,笔触色禁止,线性填充,左CCF5FF,右009966,画一个550*400的矩形,填充变形工具调整颜色。
图18
网页教学网
2、选中矩形,ctrl+c复制,增加图层2,ctrl+shift+v粘贴到当前位置,选中图层2的矩形用方向键向上移动3个像素。这两个图层都延长到120帧,上锁。
3、增加图层3,用矩形工具,画一个长条,选中长条,按住ALT键,拖拽出多个长条(整体大小约550*515),用黑箭头工具与橡皮擦工具调整为不规则图形,也可以用刷子工具来画。 Flash动画实例
图19 Webjx、Com
全选,转换为元件,图形,名称为遮片。 Webjx、Com
第120帧插入关键帧,回到第一帧创建动画补间,再选中遮片,让它的底与背景的底对齐。 Flash动画实例
图20
第120帧遮片的顶与背景图的顶对齐。
Webjx、Com Flash动画实例
图21
网页教学网
把图层3转为遮罩层。 Flash动画实例
图22 Flash动画实例 Flash动画实例
Flash动画实例