注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

《电脑之家》

请点击:“日志”浏览电脑知识

 
 
 

日志

 
 

[原创]:羽化效果切换制作教程  

2010-03-04 19:32:19|  分类: 羽化效果切换制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

   

    教学目的:通过本节教学了解和掌握混色器、属性混合、透明度、滤镜之功能与设定,并通过此原理创作羽化切换实例的动画效果。

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

    教学要点:混色器、滤镜、as语句、混合、Alpha

 

    

    作前准备:

    准备两张色彩差别较大的图片,经过制图软件(ps、fw)处理后,规格为550*400,保存到指定的文件夹待用。

  制作步骤

    1.启动FLASH8 软件

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


图1

    3.导入素材到库

    首先,将准备好的所有素材导入到库中,待用。其素材图如下:

素材图1


素材图2

    (一)方法1

    4.编辑制作场景

    添加三个图层,共四个图层。自下而上命名为图1、图2、正圆、as。

    (1)选择图1图层第一帧,从库中拖出图片1到舞台,规格550*400,全居中。在第110帧插入帧,上锁。如图2所示:

图2

    (2)选择图2图层第30帧,从库中拖出图片2到舞台,规格550*400,全居中。如图3所示:

图3

右键该实例将其转换为影片剪辑元件,在属性面板中将其实例名称命名为mc1。如图4所示:

图4

在在属性面板下方混合处选择“一般”,并将“使用运行时位图缓存”前面打勾。如图5所示:
 
 
图5
 
在第110帧插入帧。上锁。
 
    (3)选择正圆图层第30帧,用椭圆形工具在工作区拖一个规格为20*20的无边框的正圆形,颜色随意。全居中。如图6所示:
 

图6

右键该实例将其转换为影片剪辑,并填写实例名称为mc2,如图7所示:
 
 
图7
 
选择该正圆打开滤镜,点击“加号-模糊”,设置其参数如图8所示:
 
 
图8
 

此环节完成后场景中的实例变化,如图9所示:


图9

在第80帧插入关键帧,点击该实例,将其规格放大为700*700,全居中,并完全覆盖图2影片剪辑。如图10所示:

图10

点击第30-79帧认何一帧,创建本区域间的动画补间。在第110帧插入帧,上锁。

  (4)选择as图层第30帧,按f9,打开动作面板,在as编辑区输入,如下语句:

mc1.setMask(mc2);

在第110帧插入帧,上锁。

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



图11

  6.测试存盘

效果图1:(AS层添加 mc1.setMask(mc2);  指令时的特效

效果

效果2:(不添加AS指令,右键园图层转换成:遮罩层)

-----------------------------------------------------------------------------------------------------------

 

    (二)方法2

    4.创建影片剪辑

    选择“插入-新建元件”,建立一个名为“矩形”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。用矩形工具,打开混色器,选择线性,在舞台拖一个规格约1300*400的,无边线的矩形,全居中。如图12-1所示:

图12

点击该实例,再在下方色码条中间添加两个色码快(两者之间距离不可太大),共四个色码快,设置左边两个色码快的Alpha为0%,右边两个色码快的Alpha为100%,如图13所示:


  图13

完成后的舞台实例变化,如图12-2、3所示。

    (2)选择“插入-新建元件”,建立一个名为“蒙板”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。下层命名为“图2”,上层命名为“蒙板”。

    a.选择图2图层第一帧,从库中拖出图片2到舞台,规格550*400,全居中。在第80帧插入帧,上锁。如图14所示:

图14

    b.选择蒙板图层第一帧,从库中拖出矩形影片剪辑元件到舞台,规格1300*400,选中该实例,在属性面板的“混合”处选择Alpha。如图15所示:

图15

用选择工具将其左边缘和图片2的左边缘对齐,垂直中齐。如图16所示:

图16

在第50帧插入关键帧,再将该实例的右边缘平移到图片2的右边缘。如图17所示:

图17

创建本区域间的动画补间。在第80帧插入帧,上锁。


    5.编辑制作场景

    返回场景1,添加一个图层,共两个图层。下层命名为图1,上层命名为羽化。

    (1)选择图1图层第一帧,从库中拖出图片1到舞台,规格550*400,全居中。在第110帧插入帧,上锁。如图18所示:

图18

    (2)选择羽化图层第30帧,从库中拖出蒙板影片剪辑元件到舞台,左对齐-垂直中齐。如图19所示:


选中该实例,在属性面板的“混合”处选择图层。如图20所示:

图20

在第110帧插入帧。上锁。

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



图21

  7.测试存盘

    *说明:

    1.本教程是应众多网友之约仓促编写,可能有遗漏和笔误之处,如发现请在下方评论留言中及时告之,以便及时更正。谢了!

    2,羽化形状与蒙板形状密切相关。方法2蒙板要做成圆形,则外边缘的两个色码快设置Alpha为0%,其它相同。

    最终效果显示:

待续

 相关教程:图片羽化效果制作教程

  评论这张
 
阅读(581)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017