您好!欢迎您光临图文切换的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>图文切换的制作原理与方法
图文切换的制作原理与方法
发表日期:2013/9/11 9:54:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 924

 

 

图文切换的制作原理与方法

 

 

    教学目的:通过本节教学了解和熟悉影片剪辑元件的创建,图文形状补间切换、Alpha的设置,通过巧妙的设计与制作,进而实现图片和文字及分离炸开之动画效果。

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

    教学重点:元件创建、形状补间、Alpha。

     

 

    作前准备

    准备六张透明无60*60的小图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

    制作过程

    1.启动flash8软件。

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


图1

    3.首先将素材图片导入库中,待用。

    4.创建图形元件

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

    (1)选择图层1第1帧,从库中拖出素材图片1到舞台,规格60*60,全居中。如图2所示:

图2

    (2)同理同种方法,分别创建“02-06”图形元件,依次完成素材图片2-6的创作。

    5.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“切换”的影片剪辑元件,点击确定,进入元件编辑区。添加五个图层,共六个图层。自下而上命名为图1-图6。

    (1)选择图1图层第1帧,从库中拖出“01”图形元件到舞台,规格不变,将其放置在舞台的左侧适当位置上,垂直中齐。如图3所示: 

图3

在第10幀插入关键帧,点击第1幀舞台实例,将其规格放大为200*200,在属性面板设置其Alpha为0%。上锁。完成后的舞台实例,如图4所示:


图4

创建本区域间的动画补间;在第101幀插入关键帧,将该幀舞台实例打散。如图5所示:

图5

在第110幀插入空白关键帧,并用文本工具在原图片处输入“液”字,规格位置调整到和原图片相同,字体、颜色自定,将其打散。如同6所示:

图6

创建本区域间的形状补间;在第251幀插入关键帧,再在第260幀插入关键帧,用最小的橡皮擦工具将该舞台实例分成若干份,然后,在原位置处,用选择工具将其调整为不规则圆形,并放大其规格约为240*240。如图7所示:

图7

创建本区域间的形状补间,在第261幀插入空白关键帧,在第270幀插入幀。上锁。

    (2)选择图2图层第11帧插入空白关键帧,点击该幀,从库中拖出“02”图形元件到舞台,规格不变,将其放置在上一个图片的右侧适当位置上,垂直中齐。如图8所示:

图8

在第20幀插入关键帧,点击第11幀舞台实例,将其规格放大为200*200,在属性面板设置其Alpha为0%。上锁。完成后的舞台实例,如图9所示:


图9

创建本区域间的动画补间;在第111幀插入关键帧,将该幀舞台实例打散。如同10所示:


图10

在第120幀插入空白关键帧,并用文本工具在原图片处输入“晶”字,规格位置调整到和原图片相同,字体、颜色自定,将其打散。如同11所示:


图11

创建本区域间的形状补间;在第241幀插入关键帧,再在第250幀插入关键帧,用最小的橡皮擦工具将该舞台实例分成若干份,然后,在原位置处,用选择工具将其调整为不规则圆形,并放大其规格约为240*240。如图12所示:


图12

创建本区域间的形状补间,在第251幀插入空白关键帧,在第270幀插入幀。上锁。

    (3)同理同种方法,在图3图层的第21、30、121、130、231、240、241、270幀;在图4图层的第31、40、131、140、221、230、231、270幀;在图5图层的第41、50、141、150、211、220、221、270幀;在图6图层的第51、60、151、160、201、210、211、270幀完成上述相关操作。图6图层第60幀舞台实例,如图13所示:

图13

图6图层第150幀舞台实例,如图14所示:


图14

图6图层第160幀舞台实例,如图15所示:


图15

图6图层第210幀舞台实例,如图16所示:


图16

    (4)本环节完成后的相关时间轴,如图17所示:




图17

    6.编辑制作场景

    返回场景1。添加一个图层,共两个图层。自下而上命名为:作品、年历。

    (1)选择作品图层第1帧,从库中拖出“切换”影片剪辑元件到舞台,规格、位置适当。将其放置在舞台的下半部。上锁。如图18所示: 

 

图18

    (2)选择年历图层第1帧,导入或制作一个年历影片剪辑到舞台,规格、位置适当。将其放置在舞台的上半部,水平中齐。上锁。如图19所示:

图19

 

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


图20

    8.测试存盘

 

    说明:

    制作中,你可添加相关背景和音效,以增加作品的观赏性。

   

最终效果显示:


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

 

全屏下载

 

祝你成功

 

进入更多教程

 

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏

琼icp备09005167