收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 鼠绘教程 >> 正文
[组图]Flash鼠绘教程(风竹 制作过程)         
Flash鼠绘教程(风竹 制作过程)
Flash鼠绘教程(风竹 制作过程)
作者:杜老师 文章来源:ZT 点击数:2598 更新时间:2010-12-20 2:50:52

《鼠绘风竹》制作过程

一、设置舞台:

打开Flash MX 2004(其它版本也可),新建文档。设置舞台背景色为淡蓝,大小及其它值默认,确定。

二、新建元件:

1、新建图形元件“竹节”

鼠绘风竹

鼠绘风竹

 用Ctrl+F8组合键,新建以“竹节”为名的图形元件:(1)用矩形工具,画一无边框的长矩形,填充色为“左边深绿、右边中绿、中偏右处为白色”的线性渐变色。矩形高度约200像素,宽度40像素。

(2)用直线工具,在此矩形上部和下部分别画一条水平黑线,如图1所示。

(3)用黑箭头工具,把矩形 的四只角分别往外拉,形成如图2右上角部分所示形状;再用黑箭头工具把四根斜线拉成如图2左上角所示的弧线,使其成竹节形。调整好弧线后把黑线删除。为了方便此项操作,建议暂把舞台放大到800%。

2、新建图形元件“竹干”

鼠绘风竹

鼠绘风竹

用Ctrl+F8组合键,新建以“竹干”为名的图形元件:

(1)插入两个图层,把三个图层从上往下分别命名为“黑线”、“白边”、“杆” ,如图3所示。其实也可以让“杆”图层在最上层。

(2)选中“杆”图层的第一帧,从库里拖一个“竹节”元件到场景上,居中。

(3)选中“白边”图层第1帧,用矩形工具在该竹节的上下两头分别画一个无边框,填充为两边灰色,中偏右处为白色的偏矩形,矩形高6像素,宽跟竹节平齐,用黑箭头工具把两端拉成弧形。如图4所示。

(4)选中“黑线”图层第1帧,用同样的方法在白边图案上画一两边黑色,中偏右处为灰色的偏矩形,其高约2像素,宽与白边平齐。如图4中部所示。

(5)选中图“杆”层,再从库里拖出两个“竹节”元件到场景里,并使它们刚好跟原先的那根竹节通过白色部分相连接,如图4所示,成为一根由三段竹节组成的竹干。

3、新建图形元件“竹支”及“支条”

鼠绘风竹

鼠绘风竹

(1)用Ctrl+F8组合键,新建以“竹支”为名的图形元件:选中图层1的第1帧,用直线工具取深绿色2或3像素线粗在舞台上画出竹支形状,如图5所示。

(2)用Ctrl+F8组合键,新建以“支条”为名的图形元件:选中图层1的第1帧,从库中拖出数个“竹支”元件到舞台上,让其自尾成弧形相接,组成一完整的支条,经群组后用任意变形工具把它的注册点移到支条底部,如图6所示。

4、新建图形元件“单叶”、“双叶”及“三叶”

鼠绘风竹

鼠绘风竹

鼠绘风竹

(1)用Ctrl+F8组合键,新建以“单叶”为名的图形元件:用椭圆工具画一无填充色的水平方向扁椭圆,在按住Ctrl键的同时用黑箭头工具把右端拉成针尖状。

(2)用任意变形工具把图形往顺时针方向大约转过40度角,再用颜料桶工具为它填上左深绿右淡绿的线性渐变色,如图7所示。

(3)新建“双叶”图形元件:插入一个新图层,把两个图层从上往下分别命名为“近叶”、“远叶”,为这两图层的第一帧分别从库里拖入一个“单叶”元件,并用“颜色-色调”命令把远叶调得深一些,安放成“人”字状,如图8所示。

(4)新建“三叶”图形元件:插入两个新图层,把三个图层从上往下分别命名为“近叶”、“中叶”和“远叶”,分别为每个图层的第1帧从库里拖入一个“单叶”元件,适当调整中叶我远叶的形状和颜色,安放成“个”字状,如图9所示。

5、新建影片剪辑元件“成竹”

鼠绘风竹

鼠绘风竹

用Ctrl+F8组合键,新建以“成竹”为名的影片剪辑元件:

(1)插入四个新图层,把五个图层从上往下分别命名为“叶1”、“前支”、“支后叶”、“杆”和“后支”,如图11所示。

(2)选中“杆”图层第1帧,从库中拖一个“竹干”元件到舞台上,居中。

(3)选中“后支”图层第1帧,从库里拖两个“竹支”元件到舞台上,分别安放在上下两个竹节上,上节处在左,下节处在右,如图10所示。

(4)选中“前支”图层第1帧,从库里拖一个“支条”元件到舞台上,安放在下一节点的右侧,并确保注册点落支条底部与竹干相连接处,如图10长支条所示。

(5)在“前支”图层的第20帧、第40帧分别插入关键帧,选中第20帧,用任意变形工具把支条向顺时针方向大约转过10度角度。选中“前支”图层的所有帧,创建补间动画,以示风吹效果。在“杆”图层、“后支”图层的第40帧分别插入普通帧。如图11所示。

(6)选中“支后叶”图层第1帧,在长支条的某支头位置顺势放一个“三叶”元件实例,用黑箭头工具把注册点调到叶根和支头相交处,并利用属性面板上的“颜色——色调”命令把实例颜色调深一些。在第20帧、40帧分别插入关键帧,选中第20帧,用黑箭头工具把竹叶拖到原来相交的支头上,并使“三叶”的中间一片叶子水平向右。选中“支后叶”图层的所有帧,创建补间动画。如图11所示。选中第1帧,在属性面板上把“补间”两字下的“简易”数字调成“100”;选中第20帧,把简易数字调成“-100”。

(7)选中“叶1”图层的第1帧,从库里拖一个“三叶”实例到舞台上,在长支条的某支头位置顺势安放,用黑箭头工具把注册点调到叶根和支头相交处,并利用属性面板上的“颜色——色调”命令把实例颜色调整一下。在第20帧、40帧分别插入关键帧,选中第20帧,用黑箭头工具把竹叶拖到原来相交的支头上,并使“三叶”的中间一片叶子水平向右。选中“叶1”图层的所有帧,创建补间动画。如图11所示。选中第1帧,在属性面板上把“补间”下的“简易”数字调成“100”;选中第20帧,把简易数字调成“-100”。

(8)用跟上一步相同的操作法,分别为支条布置叶2、叶3、叶4……叶15,甚至更多。在布置这些竹叶时,要注意它们的各种变化和差异:颜色要远深近淡,形体要近大远小,方向要下腑上仰,分布要有疏有密,同时还要注意多用三叶兼顾双叶,等等。注意:每个图层只能安放一个竹叶元件,否则无法完成补间动画。为了操作方便,你可以把所有竹叶图层的第1帧全都首先安放好一个竹叶实例,在制作某一图层的补间动画时,把其他竹叶图层点上眼睛设置为不可见。

6、新建影片剪辑元件“落叶”

用Ctrl+F8组合键,新建以“落叶”为名的影片剪辑元件:

(1)选中图层1的第1帧,从库里拖一个“单叶”实例到舞台左上角,修改一下颜色,以显示枯叶的感觉。

(2)插入一个“运动引导层”,用铅笔工具、平滑选项,画一条左高右低的粗为1像素的黑色曲线,锁定该图层。

(3)选中图层1的第1帧,用黑箭头工具把单叶实例拖到引导线的左上角,并确保其注册点紧扣引导线的左上端;在图层1的第40帧插入关键帧,在引导层的第40帧插入帧,把单叶实例拖到引导线的右下端,同样让注册点紧扣其上。

(4)选中图层1的所有帧,创建补间动画。(5)选中图层1第1帧,在属性检查器面板上设置“旋转-顺时针”命令。

三、布置场景

回到场景1,新增四个图层,把五个图层从上往下依次命名为“标题”、“大竹”、“落叶”、“中竹”和“小竹”。

(1)选中“大竹”图层第1帧,从库里拖一个“成竹”实例,用任意变形工具横拉让其变粗,安放在离舞台左边线三分之一的舞台上。

(2)选中“中竹”图层第1帧,从库里拖一个“成竹”实例,调深其颜色,安放在大竹左侧,并让它略向左倾斜。注意中竹的竹节要跟大竹的竹节错开,不能平齐。

(3)选中“小竹”图层第1帧,从库里拖一个“成竹”实例,用任意变形工具让其变细变长,颜色更深,安放在大竹左侧,并让它向右倾斜20度左右。这里同样要注意竹节跟大竹、中竹竹节的错落有致。用任意变形工具把其注册点拖到竹干底部的延长线上的某位置。在第20帧、40帧插入关键帧。选中第20帧,用任意变形工具让小竹实例向顺时针方向转过一个小角度。选中该层上的所有帧,创建补间动画。选中第1帧,在属性面板上把“补间”下的“简易”数字调成“100”;选中第20帧,把简易数字调成“-100”。在“大竹”和“中竹”图层的第40帧插入帧。

(4)选中“落叶”图层第1帧,从库里拖一“落叶”实例放置在舞台左上角外侧。

(5)选中“标题”图层第1帧,输入标题及制作人文字。

四、测试、存档、发布。

 

[1] [2]  下一页

文章录入:晴天    责任编辑:清水洗尘 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长