Flash鼠绘教程:春之恋的制作过程 (1)

2016-03-18 19:34 52 1 收藏

今天图老师小编给大家精心推荐个Flash鼠绘教程:春之恋的制作过程 (1)教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - FLASH 】

本文由 云飘飘 原创,转载请保留此信息!

效果演示:

[1] 200806/12935_2.html'>[2] 200806/12935_3.html'>[3] 200806/12935_4.html'>[4] 200806/12935_5.html'>[5] 200806/12935_6.html'>[6] 200806/12935_2.html'>下一页

学习内容:绘制柳枝,小鱼,制作水波和涟漪

新建550*400文档

一、柳枝的制作

1.新建元件,图形,名称柳枝1

用笔刷工具,颜色:A9A945,画一条柳枝,(也可以用直线等其他工具来画)

再用笔刷工具画出叶子,放射状填充,左色标:009900,右色标99CC33

 2.新建元件,影片剪辑,名称:柳枝动1

从库中把柳枝1拖进来,点变形工具,把注册点移到柳枝的根部.第14和34帧插入关键帧,创建动画补间

在第14帧,把柳枝旋转一定的角度

3.按照上面的方法,再画2,3个不同的柳枝,然后制成柳枝动的元件,每个元件帧长短不一,旋转角度大小不一(但不要变化太大),这样柳枝飘动看起来自然些

200806/12935.html'>上一页  200806/12935.html'>[1] [2] 200806/12935_3.html'>[3] 200806/12935_4.html'>[4] 200806/12935_5.html'>[5] 200806/12935_6.html'>[6] 200806/12935_3.html'>下一页

二、小鱼制作

1.新建元件,影片剪辑,名称:鱼1

选择椭圆工具和矩形工具,笔触色任意,填充色禁止, 把对象绘制点下去,在属性栏里,设置为极细,场景放大到800倍

画一个椭圆和长方形

 用黑箭头工具配合ALT键调整成鱼形

 画眼,嘴,鳍等

全选中,ctrl+B打散,填充颜色,
鱼身,鱼尾,线性:左8C8C8C,中C8C8C8,右848484
鱼鳍,线性,左BBBBBB,右999999
眼,纯色,黑色,
嘴,白色,
删除所有线条,完成图

在第3,5,7帧插入关键帧,
第3帧把鱼尾向上调

200806/12935_2.html'>上一页  200806/12935.html'>[1] 200806/12935_2.html'>[2] [3] 200806/12935_4.html'>[4] 200806/12935_5.html'>[5] 200806/12935_6.html'>[6] 200806/12935_4.html'>下一页

 第7帧鱼尾向下调

OK鱼儿动的元件做好了,不是很难吧,相信你画得更好

再做一条鱼,在库中找到刚才做的鱼1元件,选中,点鼠标右键,点直接复制

改名为鱼2,这样得到了一个新元件

从库中双击鱼2元件,进入它的编辑区内,改鱼的颜色
身:线性,左FF0000,中FFFF00,右999999两侧鳍:线性,左FF0000,右FFFF00
背脊鳍:线性,左右FFFF00,中FF0000,色标摆放如图

其他部位颜色不改动,注意每个关键帧都要改过来.

小鱼完成效果图

200806/12935_3.html'>上一页  200806/12935.html'>[1] 200806/12935_2.html'>[2] 200806/12935_3.html'>[3] [4] 200806/12935_5.html'>[5] 200806/12935_6.html'>[6] 200806/12935_5.html'>下一页

三、涟漪的制作

1.圆圈元件:

新建元件,图形,名称圆圈,

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

用椭圆工具,填充禁止,笔触色任意,画一个椰圆,用变形Tulaoshi.Com工具选中,打开变形面板,约束打上勾,70%,点复制并运用变形一次,再得到一个小圆,

选中两个圆打散,放射状填充,左右009966,Alpha为0,中FFFFF9,Alpha100%,用填充变形工具,调整如下图

2.涟漪元件

新建元件,影片剪辑,名称涟漪

点第一帧从库中把圆圈元件拖进来,并缩小(4.9*1.8)

在第40帧插入关键帧,选中元件,放大(100*37), 并在属性面板里,调整Alpha为0,创建动画补间.

增加两个层,选中第一层,点右键,复制帧

分别粘贴到第二层的第4帧,第三层的第8帧上

把第三层后面的关键帧拖到第55帧上,并延长到80帧,在第81帧插入空白关键帧,打开动作面板加上语句 stop();

200806/12935_4.html'>上一页  200806/12935.html'>[1] 200806/12935_2.html'>[2] 200806/12935_3.html'>[3] 200806/12935_4.html'>[4] [5] 200806/12935_6.html'>[6] 200806/12935_6.html'>下一页

四、水波的制作

新建影片剪辑元件,名称水波

1.画背景:用矩形工具,笔触色禁止,线性填充,左CCF5FF,右009966,画一个550*400的矩形,填充变形工具调整颜色

2.选中矩形,ctrl+c复制, 增加图层2,ctrl+shift+v粘贴到当前位置,选中图层2的矩形用方向键向上移动3个像素.这两个图层都延长到120帧,上锁.

3.增加图层3,用矩形工具,画一个长条,选中长条,按住ALT键,拖拽出多个长条(整体大小约550*515),用黑箭头工具和橡皮擦工具调整为不规则图形,也可以用刷子工具来画.

全选,转换为元件,图形,名称为遮片.

第120帧插入关键帧,回到第一帧创建动画补间,再选中遮片,让它的底与背景的底对齐

第120帧遮片的顶与背景图的顶对齐

把图层3转为遮罩层

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

桃花的绘制,论坛上已经发过了,请看这个帖子http://bbs./viewthread.php?tid=161675

好了,这些元件都做好了,就可以组装场景了,这里我就不多啰嗦,自己觉得怎么漂亮就怎么弄吧

与本文相关讨论请去这里与作者交流:http://bbs./viewthread.php?tid=168079

200806/12935_5.html'>上一页  200806/12935.html'>[1] 200806/12935_2.html'>[2] 200806/12935_3.html'>[3] 200806/12935_4.html'>[4] 200806/12935_5.html'>[5] [6] 

来源:https://www.tulaoshi.com/n/20160318/1895421.html

延伸阅读
标签: flash教程
MX在flash 5的基础上扩展了许多新功能,增强了在工作环境、图形处理、视频和文本等方面的功能,是目前网页动画制作最流行的工具。 今天我们就来看一个小例子。文字跟着鼠标走是网页上用得比较多的一种动画,是如何制作的呢,下面是具体的制作步骤。 操作步骤如下: 1、单击属性中的尺寸,在打开的"影片属性"...
标签: 电脑应用
本例为FLASH鼠绘入门教程,主要让大家熟悉一下简单图形的绘制! 初级菜鸟练习,有基础的朋友可以跳过,不过希望刚开始学的想学的朋友配合交份作业。我也是菜鸟,我也在学,想和大家一起学,不知道有没有人愿意和我一起学。不啰嗦了,开始进入主题吧,今天要画的是叶子,很简单的一片叶子。 首先打...
标签: flash教程
首先,把在纸上画好的东西导入进FLASH。 请选择小图查看完整图片 将位图转化为适量图,点选 ‘选择工具’或‘套索’中魔术棒 把已转化好的适量图周围的没用颜色删除掉 做好之后把大颜色上好。 衣服与肉都用大块纯颜色填充。 [next] 现在到了比较关键的一步; 来区分一下大体的明暗关系。 其实最初级不需要...
标签: flash教程
本文由 中国 zctmh0336(诚信为人) 原创,转载请保留此信息!   本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请 点击这里 ,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临!  上一节: Flash鼠绘新手入门教程:绘制美丽春日飞燕(上)   Flash动画鼠绘入门...

经验教程

621

收藏

96
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部