您好!欢迎您光临flash鼠绘 节日灯笼的绘制原理与过程_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>鼠绘教程>>>flash鼠绘 节日灯笼的绘制原理与过程
flash鼠绘 节日灯笼的绘制原理与过程
发表日期:2012/9/19 0:19:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 4211

 flash鼠绘 节日灯笼的绘制原理与过程

   

    教学目的:通过本节教学使我们了解和掌握flash鼠绘中绘制节日灯笼的常用工具使用及其操作方法,进而创作出形象逼真的鼠绘作品。

  教学对象:本教材是针对有一定动画制作基础和对属性面板、工具箱及鼠绘常用工具有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:椭圆形工具、线条工具、铅笔工具、混色器与填充。

 

 

    (一)静态灯笼

    制作步骤

    1.启动FLASH8 软件。

    2.确立文档属性 设置动画尺寸为550*400,帧频为40,其它默认,点击确定,进入场景1。如图1所示:

图1

(静态的帧频可默认)

    3.创建图形元件

    (1)选择“插入-新建元件”,建立一个名为“灯面”的图形元件,点击确定,进入元件编辑区。就一个图层。

    点击图层1第一帧,用椭圆形工具,打开混色器,设置其参数,如图2所示:

图2

在工作区拖一个规格为215*375的无边线的椭圆,全居中。如图3所示:

图3

    (2)选择“插入-新建元件”,建立一个名为“灯座”的图形元件,点击确定,进入元件编辑区。就一个图层。

    点击图层1第一帧,用矩形工具在舞台拖一个规格为80*35,颜色为橙色的,无边线的矩形(如图4-1),再用选择工具将其调整为如图4-2所示的形状,选中该实例,全居中。其流程,如图4所示:

图4

    (3)选择“插入-新建元件”,建立一个名为“灯挂”的图形元件,点击确定,进入元件编辑区。就一个图层。

    点击图层1第一帧,用线条工具,在舞台拖一个规格为60*60,笔触高度为5,无填充色的黄色线段(如图5-1),再用选择工具将其调整为如图5-2所示的形状,选中该实例,全居中。其流程,如图5所示:


图5

    (4)选择“插入-新建元件”,建立一个名为“灯穗”的图形元件,点击确定,进入元件编辑区。就一个图层。

    点击图层1第一帧,用线条工具,在舞台拖一个,笔触高度为1,高100的,无填充色的黄色线段,选中该实例,按住shift+ctrl键向右拖一个像素,此时有两条水平的线段;在选中两条线段,按住shift+ctrl键向右拖一个像素,此时有四条水平的线段,在选中四条线段;按住shift+ctrl键向右拖一个像素,此时有八条水平的线段,如此组成和灯座宽度约等的线段组。如图6所示:

图6

(次环节也可用复制粘贴的方法)

    4.组织编辑场景

    返回场景1,添加两个图层,共三个图层,自下而上命名为灯穗、灯座、灯面。

    (1)选择灯面图层第一帧,从库中拖出灯面图形元件到舞台,放到舞台中上方,水平居中。上锁。如图7所示:

图7

    (2)选择灯座图层第一帧,从库中拖出灯座图形元件到舞台,放置在灯面的上方,水平居中。在从库中拖出一个灯座图形元件到舞台,放置在灯面的下方,水平居中,选中该实例,点击“修改-变形-垂直翻转”。上锁。如图8所示:

图8

    (3)选择灯穗图层第一帧,从库中拖出灯穗图形元件到舞台,放置在下灯座的下方,水平居中。在从库中拖出灯挂形元件到舞台,放置在上灯座的上方,水平居中。上锁。如图9所示:

图9

    这样,一个简单的灯笼就画完了。下面我们再美化一下灯面:

    a.打开灯面图层的锁,选中灯面实例,将其打散。然后用线条工具在上下灯座之间拖六条垂直等距的,笔触高度为2,黄色的线段,如图10所示:

图10

    b.而后,从外到内,用选择工具将六条线段调整为下图的形状。其流程,如图11所示:

图11

    c.而后,在灯面上下拖两条水平线段,笔触高度为1,颜色浅橙色。如图12所示:

图12

  c.而后,在用选择工具将这两条线段分别依次调整为,如图13所示:

图13

  d.最后,用填充工具分别依次将选中的实例涂上和两条平行线相同的颜色。上锁。如图14所示:

图14

    5.该作业完成后的时间轴如图15示:

图15

    6.测试存盘

 

    (二)动态灯笼

    1.启动FLASH8 软件。

    2.确立文档属性 设置动画尺寸为550*400,帧频为40,其它默认,点击确定,进入场景1。如图16所示:

图16

    3.创建图形元件

    (1)选择“插入-新建元件”,建立一个名为“灯笼”的图形元件,点击确定,进入元件编辑区。就一个图层。

    点击图层1第一帧,我们按照静态灯笼的画法画一个没有灯穗的灯笼。如图17所示:

图17

    (2)选择“插入-新建元件”,建立一个名为“灯穗”的图形元件,点击确定,进入元件编辑区。就一个图层。

    点击图层1第一帧,我们按照静态灯笼的画法画一个规格为230*100的灯穗。如图18所示:

图18

    4.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“祝词”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。上层为文本,下层为遮罩。

    (1)选择遮罩图层第一帧,用椭圆形工具在舞台拖一个和灯面规格相同,颜色随意的,无边线的椭圆,全居中。在第240帧插入帧。上锁。

    (2)选择文本图层第一帧,用文本工具输入“恭贺新禧”四个字,然后用任易变形工具将其调整为宽和灯遮罩宽相同,高适当。点击该实例,按住shift+ctrl键向右拖至适当的位置。选中全部文本实例,右键将其转换为图形元件。随后,将文本的前半部分移到遮罩的中间。如图19所示:

图19

在第240帧插入关键帧,然后将祝词文本用方向键向左平移,使第二个恭贺新禧和前一个实例在第一帧上的位置相同,再用方向键向右移动一个像素。右键点击第1-240帧之间如何一帧,创建本区域间的动画补间。上锁。如图20所示:

图20

    (3)鼠标放置在遮罩图层名称处,向上推到文本图层的上方,并设置本图层为遮罩层。其时间轴,如图21所示:

图21

    5.编辑制作场景

    返回场景1,添加四个图层,共五个图层。自下而上分别命名为遮罩、灯穗、恭贺反、灯笼、恭贺正。

    (1)选择灯笼图层第一帧,从库中拖出灯笼图形元件到舞台,将其放到适当位置,水平居中,在第40帧插入帧。如图22所示:

  

图22

    (2)选择恭贺正图层第一帧,从库中拖出祝词影片剪辑元件到舞台,将其放到灯面的中间,水平居中。在第40帧插入帧。如图23所示:

图23

    (3)选择恭贺反图层第一帧,从库中拖出祝词影片剪辑元件到舞台,将其放到灯面的中间,水平居中。点击“修改-变形-水平翻转”,在第40帧插入帧。如图24所示:

图24

    (4)选择遮罩图层第一帧,用矩形工具在下灯座下方拖一个约和灯座等宽,高约130的无边线矩形,颜色随意。在第40帧插入帧。如图25所示:

图25

    (5)选择灯穗图层第一帧,从库中拖出灯穗图形元件到舞台,将其左端对齐遮罩的左端。(注意,遮罩的右边线一定要要在灯穗两条线段的中间)如图26所示:

 

图26

 在第40帧插入关键帧,将灯穗向左平移,使其右端和遮罩的右端边线对齐,(注意,遮罩的左边线一定要要在灯穗两条线段的中间),右键点击第1-240帧之间任何一帧,创建本区域间的动画补间。上锁。如图27所示:

图27

    (6)鼠标放置在遮罩图层名称处,向上推到灯穗图层的上方,并设置本图层为遮罩层。


    6.该作业完成后的时间轴如图28示:

图28
 

    7.测试存盘

 
    最终效果显示:
 


 
 
    说明:以上只是讲述了绘制的简单过程和基本方法,朋友在操作中可举一反三,展开更巧妙的创意与绘制方法,使你的鼠绘作品更加逼真、绚丽。
 

祝你成功!   

   

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



春雨385
(2014/1/3 16:00:00)

谢谢霍老师编写的教程,让我学会了动态灯笼的制作。


未来
(2010/1/19 1:00:00) [119.21.65.]

一直以来都很敬仰翠柏先生,
感谢先生这么多精美教程,
先生辛苦了,
网络有您精彩无限.

 发表评论:共有 2 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167