flash脚本ROLL制作女孩在丛中笑的gif动画效果

所属分类: 媒体动画 / Flash教程 阅读数: 91
收藏 0 赞 0 分享

鼠标移过,花儿会自动消失,现出隐藏的微笑着的姑娘,然后花儿再回来,时隐时现,欲现还羞。似乎是十年前看到的这个实例。一直很喜欢作者的创意,一个简单的动作做出很美的效果。今天,我们也来试试它的制作吧。涉及影片剪辑的使用及相应脚本。

flash脚本ROLL运用实例——她在丛中笑

一、准备素材

1、首先导入一张图片作为背景。文件——导入——导入到舞台。

flash脚本ROLL运用实例——她在丛中笑

2、导入的图片处于选中状态,打开对齐面板,在匹配大小中点匹配宽和高。使图片符合舞台大小。当然,文档大小最好与图片同比例,以免更改后的图片出现较大变形。可在修改——文档——尺寸中更改。

flash脚本ROLL运用实例——她在丛中笑

3、将更改后的图片与舞台对齐。依然是对齐面板,对齐——水平中齐、垂直中齐。

flash脚本ROLL运用实例——她在丛中笑

4、绘制一朵花(在下方的经验引用中有绘制方法),或者导入一朵透明背景的花(PNG图片),右键,转换为元件中的影片剪辑元件,取名花。(flash8.0及以下转换为按钮元件)

flash脚本ROLL运用实例——她在丛中笑

5、属性面板,锁定宽高,修改宽度为100,回车。将花朵元件同比例缩小。

flash脚本ROLL运用实例——她在丛中笑

二、制作影片剪辑动画。使花儿由大至小、由出现至消失,再反之出现。

更改好的花元件右键——转换为元件——影片剪辑,取名转动的花。

flash脚本ROLL运用实例——她在丛中笑

双击该元件进入编辑。我们看,第一帧里是花的元件。在20帧里,我们要让它变为最小且完全消失。所以,在第20帧,右键——插入关键帧。

flash脚本ROLL运用实例——她在丛中笑

消失的状态要保持一段时间,以便我们可以看到隐藏在下面的图片。所以,在50帧再次添加关键帧。从此帧开始进入出现的过程。

flash脚本ROLL运用实例——她在丛中笑

第65帧,添加最后的关键帧。

flash脚本ROLL运用实例——她在丛中笑

更改要消失的帧元件。就是20帧和50帧了。属性面板,更改宽高为10,颜色——Alpha,设为0%。图中的小圆就是更改后的元件。

flash脚本ROLL运用实例——她在丛中笑

为第1帧和50帧右键,创建补间动画。影片剪辑动画基本完成。

flash脚本ROLL运用实例——她在丛中笑

三、为剪辑加上脚本。

完成的剪辑会自动循环着出现——消失、消失——出现的动画,可是我们需要的初始画面是静止的花儿。所以我们还要为这个剪辑第一帧加上停止命令。

单击第一帧,动作面板——时间轴控制——stop();,或者直接在右侧输入框中输入“stop();”,注意在英文输入状态。

flash脚本ROLL运用实例——她在丛中笑

加了停止命令的动画会一直停止不动。所以我们为它添加第二个命令:第一帧单击花元件,动作面板——影片剪辑控制——on——rollOver(鼠标移过时)——时间轴控制——gotoAndPlay(2);(进入第二帧并播放)。

flash脚本ROLL运用实例——她在丛中笑

右侧输入栏最终脚本:on (rollOver){gotoAndPlay(2);},直接在该栏输入此语句亦可。

flash脚本ROLL运用实例——她在丛中笑

四,放花

回到场景1,新建一层,放置转动的花元件。按住ALT键复制两个,Shift键单击选中三朵花(或拖动选择框圈住三个),Alt键复制三个,再次复制成九个。

flash脚本ROLL运用实例——她在丛中笑

选中一列九个,复制第二列。如此直至舞台铺满花朵。完成,测试一下吧。

flash脚本ROLL运用实例——她在丛中笑

最终效果。鼠标从花上移过的情景。

flash脚本ROLL运用实例——她在丛中笑

以上就是flash脚本ROLL制作女孩在丛中笑的gif动画效果方法介绍,操作很简单的,你学会了吗?希望能对大家有所帮助!

更多精彩内容其他人还在看

Flash cs3绘制人物高级行走动画教程

本教程向大家介绍Flash cs3绘制人物高级行走动画效果,教程难度不是很大,绘制方法及过程介绍的也非常详细,教程很实用,转发过来,希望大家喜欢
收藏 0 赞 0 分享

Flash CS4来制作漂亮的气泡动画教程

本教程向脚本之家的朋友介绍用Flash CS4来制作漂亮的气泡动画,制作出来气泡真的很好看,制作效果是采用代码形式实现,觉得很不错,转发过来,感兴趣的朋友可以一起来学习
收藏 0 赞 0 分享

flash基础教程:帧、关键帧、空白帧概念及区别介绍

动画的产生是帧来实现的,那什么是帧?帧、关键帧和空白帧之间又有什么区别?本文就为大家介绍一下三者之间的关系
收藏 0 赞 0 分享

Flash教程:动画背景的绘制方法之透视篇(给新手)

Flash动画在网络上的广泛传播,已经成为上网一族喜闻乐见的一种艺术形式。动画背景的绘制方法有很多,也有很多表现方法。这里将结合透视学的基础知识向大家简单的介绍一下动画背景的绘制。
收藏 0 赞 0 分享

Flash AS入门教程:Flash AS3.0制作有年份有日期的时钟

本教程是向大家介绍利用Flash AS3.0制作有年份有日期的时钟,虽然制作时钟老套了点,但它确可以较全面地应用到时间日期和间隔等知识,仍不失为较好的入门练习,转发给大家,希望对大家有所帮助
收藏 0 赞 0 分享

Flash相册制作大师具体该如何使用 Flash相册制作大师使用教程

在本文中我们将会看到的是Flash相册制作大师的具体使用的方法
收藏 0 赞 0 分享

flash基础教程:混色器面板图文介绍

混色器面板是Flash中用于色彩处理的一个重要面板,熟练地使用该面板,可以帮助用户快速地完成色彩的填充,编辑出色彩丰富的图形。本教程为大家详细介绍一下混色器面板,希望对大家有所帮助
收藏 0 赞 0 分享

25个绝对让你应接不暇的Flash网站创意

在Web设计过程中,运用成熟的Flash技术可以把你任意想到的idea表现到产品页面中。这里为你整理发现了25个绝对让你应接不暇的 Flash网站创意,更好地体现网站的互动应用,同时可以让你大饱眼福,一起来欣赏吧
收藏 0 赞 0 分享

教你用Flash制作非常酷的二进制时钟动画

今天在这个教程中我们将学习用Flash做一个不同寻常的,但非常酷的时钟:一个二进制时钟,中间用到了代码,但介绍地很详细,相信很值得大家学习
收藏 0 赞 0 分享

Flash动画特效制作技巧:制作超酷的文字炸开动画效果

本教程向大家介绍Flash动画特效制作技巧,本实例是制作文字炸开的动画效果,制作效果非常酷,制作过程也比较简单,喜欢的朋友可以过来学习一下这种制作方法
收藏 0 赞 0 分享
查看更多