您好!欢迎您光临幻影背景的制作与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>幻影背景的制作与思考
幻影背景的制作与思考
发表日期:2012/9/18 22:07:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 6692

 幻影背景的制作与思考

   

    教学目的:通过本节教学了解和掌握混色器、填充变形工具、形状补间、Alpha的基本功能及运用,进而制作出动感十足、多姿多彩的动画幻影背景。  

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

    教学要点:混色器、填充变形工具、形状补间、Alpha。

 

   

   制作步骤

    实例一

    1.启动FLASH8 软件

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


如图1

    3.本实例就一个图层 点击本图层第1帧,选择矩形工具在工作区托一个规格为500*500,无笔触色,填充色选择色码表最下行左数第3个--红黑放射状的矩形,全居中并将其打散。如图2所示:


图2

在第80帧处插入关键帧,然后在第20、40、60帧处插入关键帧,打开混色器双击左边的色块,打开色码表,依次分别选择绿色、粉色和蓝色。此时第1、20、40、60、80帧实例如图3所示:


图3

此时各实例均已打散(如没打散将其全部打散),分别点击第1、20、40、60帧,创建形状补间。

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

    5.测试存盘(最终效果在下边)

   

    实例二

    1.启动FLASH8 软件

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

    3.本实例就一个图层 点击本图层第1帧,打开混色器选择参数如图5所示:

图5
 
用矩形工具在工作区托一个规格为500*500,无笔触色的矩形,全居中并将其打散。如图6所示:


图6

在第80帧处插入关键帧,然后在第20、40、60帧处插入关键帧。点击第1帧中的实例,选择填充变形工具, 这时,场景中的实例发生如图7所示:

图7

然后用鼠标将矩形中间白色三角推向矩形的左上角,如图8所示:


图8

点击“第20帧-填充变形工具-场景中矩形”,用鼠标将矩形中间白色三角推向矩形的右上角;同理,第40帧将矩形中间白色三角推向矩形的右下角;第60帧将矩形中间白色三角推向矩形的左下角。此时第1、20、40、60、80帧实例如图9所示:


图9

此时各实例均已打散(如没打散将其全部打散),分别点击第1、20、40、60帧,创建形状补间。

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

 
图10
 
    5.测试存盘(最终效果在下边)

   

    实例三

    1.启动FLASH8 软件

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

    3.创建影片剪辑元件 选择“插入-新建元件”创建一个名为“多环”的影片剪辑。打开混色器选择参数与操作如图11所示:


图11
 
用矩形工具在工作区托一个规格为500*500,无笔触色的矩形,将其打散,全居中。选择填充变形工具,点击场景中的矩形,在将鼠标放到中间小圆游标上往中间推,其变化如图12所示:
图12
 

点击第1帧中的实例,选择填充变形工具,点击场景中的矩形,然后再用鼠标将图12中红框中的小圆圈向中间推,这时,场景中的实例发生,如图13所示:

 
图13
 
之后,再将图13中间的小白三角平推到左边,如图14所示:
图14
 
在第80帧处插入关键帧,然后再在第40帧处插入关键帧。点击第40帧中的实例,选择填充变形工具,点击场景中的矩形,然后再用鼠标再将图14中的小白三角平推到右边。打开混色器,双击左边的色块选择蓝色。这时,场景中的实例发生如图15所示:
图15
 
此时第1、40、80帧实例如图16所示:
图16
 
分别点击第1、40帧创建形状补间。此时时间轴如图17所示:
图17
 
     5.组织场景 返回场景1,添加三个图层,共四个图层。点击图层1,从库中将多环影片拖入编辑区,全居中。上锁。
 
点击图层2,从库中将多环影片拖入编辑区,选择“修改-变形-水平翻转”全居中。设置透明度Alpha为50%。上锁。
 
点击图层3,从库中将多环影片拖入编辑区,选择“修改-变形-顺时针翻转90度”全居中。设置透明度Alpha为35%。上锁。
 
点击图层4,从库中将多环影片拖入编辑区,选择“修改-变形-逆时针翻转90度”全居中。设置透明度Alpha为20%。上锁。
 
此时场景中的实例如图18所示:
图18
 
    6.本作业完成后的时间轴如图19所示:
图19
 
    7.测试存盘
 

    *说明:

    1.本教材主要侧重于幻影背景的制作原理,依据这一原理,你可举一反三,创作出各式各样、绚丽多彩的漂亮背景来。

    2.如果实例一将放射状改为线形作成幻影背景会是什么效果?

    3.如果实例二选择翻转移动又会如何?

    4.如果实例三改变颜色多做几个补间调整环间距离又会怎么样?

 

   最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



清云
(2010/12/1 16:11:00) [121.28.15.]

经常来学习,这个教程很漂亮。谢谢老师辛苦。


hsb345
(2010/10/21 15:03:00)

回复小草朋友:按常规是不该出现此种现象的。你是不是在在影片剪辑A的舞台,从库中拖动影片剪辑A的呀?!


小草
(2010/10/21 8:36:00) [182.114.217.]

幻影3中,为什么库中做好的影片剪辑元件不能拖出来到舞台上,是不是我的软件有问题了?请老师指点。


笨笨
(2010/9/11 5:05:00) [118.125.183.]

不错的教程,知识点,教会你认识动画,要常来逛逛的


wuyanmmm
(2010/1/25 20:15:00)

哈哈哈哈,今天最大的收获是做好了三种幻影背景,老师的教程写的是太好了,谢谢!祝老师健康快乐每一天!!!

 发表评论:共有 13 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167