您好!欢迎您光临FLASH8入门教程3--图片的切换_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>起步教程>>>FLASH8入门教程3--图片的切换
FLASH8入门教程3--图片的切换
发表日期:2012/9/18 11:35:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 18697

 FLASH8入门教程3

--图片的切换

 

教学目的:图片的切换是动画制作的常用技巧,也是MTV创作的重要技法。通

             过本节教学使我们初步了解和掌握图片切换的基本原理和遮罩的

          运用,以便举一反三创作出更加美妙的音画作品。

 

制作步骤:

1.启动FLASH8软件。

2.选择"修改-文挡 "打开文挡属性对话框,设置动画规格为550px*400px,背景,帧频等均默认,点击“确定”按钮。 如图1所示:

(图1)

[覆盖替换]

3.新建图形元件(要养成使用元件的习惯,因为元件可以无限使用,且可参与相关功能,这是位图所不能及的)

选择“插入-新建元件”命令,打开“新建元件”对话框,在名称中建入“图片1”,在类型中选择“图形”,其它默认,最后点击“确定”。如图2所示:

(图2)

同样方法创建“图片2”元件。

4.编辑图片1图形元件

点击“文件-导入-导入到舞台”,找到你电脑中图片文件夹后,选中所需图片1和图片2到舞台界面,图片的宽和高分别是:550px*400px;  如图3所示:

(图3)

5.编辑主场景

(1)点击左上角的“场景1”,返回主场景。建立图片1和图片2两个图层(添加图层如图4所示,点击红色对号下的小图标;图层的命名方法是:双击“前端图层处-变蓝-键入内容”),然后点击“窗口-库”,如图4,图5所示:

(图4)

(图5)

(图6)

(2)选中图片1图层第一帧,从库里将图片1拖到舞台,全居中(水平居中,垂直居中)。如图7所示:

(图7)


在60帧处插入普通帧(在60帧处“点右键-插入帧”)。 

(3)在图片2图层第21帧插入空白关键帧(在21帧处“点右键-插入空白关键帧”),选中此帧,将库中图片2拖到舞台右侧和图片1上下对齐。(为操作方便可将舞台缩小到50%)

(4)在该层第40帧处插入关键帧,将图片2元件拖到舞台正中,全对齐。在第21帧处“点右键-创建补间动画”(或点击下边属性面板“补间”左框中的“小三角-动画”),在第60帧处插入普通帧(F5)。其时间轴如图8所示:

(图8)

6.测试存盘 选择“控制-测试影片”,如果感觉满意就可以存盘了.其步骤是:点击"文件-导出-导出影片"。源文件保存点击“文件-另存为”。

[淡出淡入]

在完成1--4步骤后,进入主场景编辑。

1.选择图片1图层第一帧,将图片1元件从库中拖入舞台,居中对齐.在第40帧处插入关键帧,在第20帧处也插入关键帧,在回到第40帧“点击该帧-点击图片1-再点击属性中的颜色右边的小三角-点击Alpba-选择0”。如图9所示:


(图9)

点击第20帧创建补间动画。

2.在图片2图层第20帧处插入空白帧,将图片2元件拖入舞台,居中对齐.在第40帧处插入关键帧.选中“第20帧-点击图片2-将Alpba设置为0”(如图9所示),点击第20帧创建补间动画。在第60帧处插入普通帧。

3.测试存盘

[遮罩切换]

在完成1--4步骤后,进入主场景编辑。

1.选择图片1图层第一帧,将图片1元件从库中拖入舞台,居中对齐.在第60帧处插入普通帧。

2.在图片2图层第20帧处插入空白帧,将图片2元件拖入舞台,居中对齐.在第40帧处插入关键帧.在第60帧处插入帧。

3.插入图层3,命名为遮罩。在遮罩层第20帧处插入空白帧,选择工具箱中的“椭圆工具”画一个12*12的小圆。在第40帧插入关键帧,点击第40帧,选择工具箱中的“任意变形工具”将小圆拉大至覆盖整个舞台。再点击第20帧,在属性面板创建补间动画,然后右键点击“遮罩图层-遮罩”。其时间轴如图10所示:

如效果不好,纠正方法有二:一是在20帧-40帧先做补间动画,然后将第40帧小圆拉大至覆盖整个舞台;二是将第20帧的小圆和第40帧的大圆均打散,然后在20帧-40帧处做形状补间。

(图10)

4.测试存盘

*这里只是介绍了一点基本原理,就算是抛砖引玉的吧。朋友们可举一反三,比如上下覆盖,对角覆盖,遮罩的变化就更是无穷无尽,不同形状的遮罩,就会得到不同的效果。但万变不离其宗。

[最终效果显示]


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

 

全屏下载

祝你成功!


上篇                                          下篇

 

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



心~~心
(2013/4/13 18:05:00) [218.9.175.]

老师您好,我做的淡入淡出怎么不是那效果啊,只是两张图片替换,不知错在哪了?


chijian835
(2011/2/20 15:52:00)

老师,我做那个覆盖替换的效果的时候,发现都是图片直接变了,没有切入的效果。请教什么原因


珍妮菲菲
(2011/2/13 13:55:00) [119.183.80.]

    老师好!未经您的许可,本人就冒昧地加入您的学生队伍。因为您的教材,是网络中的美食,确实值得我去学习。教材很好!学起来易懂,我从二月十二日开始从零学起,现在已学到教材4(多姿多彩的文字)。谢谢老师!
    祝!老师身体健康!万事如意!桃李满天下!


飞雪
(2010/10/21 21:21:00) [61.156.248.]

哈哈,老师,我终于完成了这个淡入淡出的制作,谢谢老师的指点!


hsb345
(2010/10/20 21:46:00)

回复964504420朋友:简单第说,就是需要添加新的实例的时候加空白关键帧,当一个实例需要运动变化时,需要加关键帧;梅花飞雪朋友,必须现将实例转换为元件,再点击该实例,就可以在下边的属性面板看到了。不是在混色器设置。

 发表评论:共有 58 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167