您好!欢迎您光临柔化边框的制作原理与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>柔化边框的制作原理与思考
柔化边框的制作原理与思考
发表日期:2012/9/19 8:50:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 4062

 柔化边框的制作原理与思考

   

    教学目的:通过本节教学了解和掌握柔化,滤镜、模糊和动作面板与as语句的添加,并运用上述原理制作柔化边框的朦胧效果,进而为你的动画作品增色添彩。

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

    教学要点:柔化、滤镜、实例名称、as语句。

 

 

     作前准备:准备一张规格为550*400的图片,经过制图软件(ps、fw)处理后保存到指定的文件夹待用。   

   制作步骤

    (一)脚本柔化

    1.启动FLASH8 软件

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


图1

    3.导入素材到库中 

    首先,将准备好的素材图片导入到库中。 

    4.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“影片”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,从库中拖出图片到舞台,规格为550*400。全居中,并将其打散。如图2所示:

图2

在第50、100帧插入关键帧,用任意变形工具选中第50帧上的实例,将其规格等比放大一些。全居中。分别依次点击第1帧和第50帧,在属性面板创建这两个区域间的形状补间。(下边作业还要用到它)

    5.编辑制作场景 添加两个图层,共三个图层。自下而上分别命名为影片片、遮罩、as。

    (1)选择影片图层第一帧,从库中拖出“影片”影片剪辑元件到舞台,全居中。在属性面板填写实例名称为:mc1。如图3所示:


图2

在混合处选择“一般”,并将“使用运行时位图缓存”前面打勾。上锁。如图4所示:
图4
 
    (2)选择遮罩图层第一帧,用矩形工具在工作区拖一个规格为600*270的无边框的矩形,颜色随意。全居中。见图7-(上);右键该实例将其转换为影片剪辑,并填写实例名称为mc2,如图5所示:
图5
 
选中该矩形,打开滤镜,点击“加号-模糊”,设置其参数,如图6所示:
 
 
图6
 
此环节完成后场景中的实例变化,如图7-(下)所示,上锁。

图7

    (3)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下语句:
 
 mc1.setMask(mc2);
 
如图8所示:
图8
 
锁定该图层。
 

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

图9

    *此柔化边框,文档属性背景什么颜色,其就显示什么颜色。

    (二)模糊柔化

    1.启动FLASH8 软件

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

    3.编辑制作场景 添加两个图层,共三个图层。自下而上分别命名为作品,边框,矩形。

    (1)选择作品图层第一帧,从库中拖出“影片”影片剪辑元件到舞台,全居中,上锁。

    (2)选择边框图层第一帧,用矩形工具拖一个笔触高度为30,规格为600*300的,土黄色的、无填充色的矩形,全居中,并将其转换为影片剪辑。如图10所示:

图10

选中该实例,打开滤镜,设置其参数,如图11所示:


图11

锁定该图层。此项完成后舞台上的实例显示,如图12所示:

图12

    (3)选择矩形图层第一帧,用矩形工具拖一个和边框同颜色的,规格为550*62的。无边线的矩形。上对齐,居中对齐。右键该实例-复制-粘贴,再将新粘贴的矩形实例,下对齐,居中对齐。上锁。如图13所示:

图13

    4.该作业完成后的时间轴如图14所示:

图14

    (三)边缘柔化1

    1.启动FLASH8 软件。

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

    3.编辑制作场景 添加一个图层,共两个图层。下层命名为作品、上层命名为边框

    (1)选择边框图层第一帧,用矩形工具在舞台拖一个规格为550*400的。红色的,无边线的矩形,全居中。如图15所示:

图15

选择该实例,点击“修改-形状-柔化填充边缘”,在打开的新界面设置其参数,如图16所示:

图16

点击确定,舞台实例显示,如图17所示:

图17

点击实例中间部分,待起麻点后删除。上锁。如图18所示:


图18

选中该实例,并将其转化为图形元件,命名为“边缘柔化框”。(下一个作业还要用到它

    (2)选择作品图层第一帧,从库中拖出“位图”到舞台,将其规格缩小为边框内线大小。全居中,上锁。如图19所示:

图19

    4.该作业完成后的时间轴如图20所示:

图20

    *用此边框装饰作品最好是静态的,因为该边框外缘是透明的。

 

    (四)边缘柔化2

    1.启动FLASH8 软件。

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

    3.编辑制作场景 添加两个个图层,共三个图层。自下而上命名为影片、内框、外框

   (1)选择影片图层第一帧,从库中拖出“影片”影片剪辑元件到舞台,全居中。上锁。

   (2)选择内框图层第一帧,从库中拖出“边缘柔化框”到舞台,全居中。上锁。如图21所示:

图21

   (3)选择外框图层第一帧,用矩形工具在舞台拖一个笔触高度为20,规格为530*380的,无填充色的,红色矩形。全居中。如图22所示:

图22

框选该实例,并将其转换为影片剪辑元件。打开滤镜设置其参数,如图23所示:

图23

此时该实例转换为立体边框。全居中。上锁。如图24所示:


图24
 

    6.本作业完成后时间轴显示如图25所示:



图25
 

  7.测试存盘

    *说明:

    1.用上述边框装饰作品,可以给人以朦胧的视觉感,更增添了你作品的意境美。

    2.本教程是应朋友的提议仓促编写,如有不当或遗漏之处,还望予以斧正。

 

  最终效果显示:


 


http://hsb345.16789.net/domName/hsb345/20093249264817935.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

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



812379368
(2010/3/26 16:02:00)

谢谢恩师辛苦您了!

 发表评论:共有 1 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167