• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > flash制作更随鼠标将蜡烛点燃的gif动画效果

flash制作更随鼠标将蜡烛点燃的gif动画效果

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了flash制作更随鼠标将蜡烛点燃的gif动画效果,其中包含flash制作更随鼠标将蜡烛点燃的gif动画效果等知识点,遇到此问题的同学们可以参考下
flash生日贺卡中,常会看到拿起火柴放至蜡烛上,即可将蜡烛点燃的动画。怎样做到的呢?下面小编就为大家详细介绍一下,一起来看看吧!

其实道理比较简单:制作一个在第二帧燃烧的蜡烛动画,然后给它下个命令,火柴靠近你时就进入第二帧吧。当然,这个火柴实际上就是鼠标,所以,还要有一个将鼠标变为火柴的过程。涉及图片缩放、对齐,元件交换,透明按钮使用等。

flash鼠标跟随实例——点燃蜡烛

一、准备蛋糕与蜡烛

ctrl+J打开文档属性,背景色设为黑色。

flash鼠标跟随实例——点燃蜡烛

Ctrl+R将蛋糕图片导入到舞台。我准备了一张PNG图片,有耐心的童鞋可以尝试自己画一个。

flash鼠标跟随实例——点燃蜡烛

Q键调出变形工具,图片左上角是与舞台对齐的,将变形点移至左上角,按住Shift键拖动右下角,将图片同比缩小至与舞台同宽。

flash鼠标跟随实例——点燃蜡烛

Ctrl+K调出对齐面板,选择底对齐,将蛋糕移至舞台底部。

flash鼠标跟随实例——点燃蜡烛

新建一个影片剪辑元件,我将它取名生日蜡烛2。Ctrl+L调出库面板,将蜡烛元件拖至舞台。这是我事先做好的元件

flash鼠标跟随实例——点燃蜡烛

图层第二帧F6插入关键帧。蜡烛选中状态,Ctrl+F3调出属性面板,点击交换,在出现的面板中选择生日蜡烛。

flash鼠标跟随实例——点燃蜡烛

点开只显示轮廓、编辑多个帧,将第二帧蜡烛与第一帧的对齐。

flash鼠标跟随实例——点燃蜡烛

新建图层2,第一、二帧都插入关键帧。F9键调出动作面板,每帧皆写入stop,使该元件不会自动播放动画,且无论进入哪一帧都会停留在该帧。

flash鼠标跟随实例——点燃蜡烛

蜡烛层上新建一层,取名透明按钮。R键调出矩形工具,颜色面板中线条色禁用,颜色随意,Alpha值为0%。在蜡烛火苗处拉出一个方形。

flash鼠标跟随实例——点燃蜡烛

F8键将透明方形转换为按钮元件。

flash鼠标跟随实例——点燃蜡烛

动作面板中为该按钮写上on (rollOver) {gotoAndPlay(2);},使鼠标移过时,进入且播放第二帧。

flash鼠标跟随实例——点燃蜡烛

回到场景,新建一层,库面板中将生日蜡烛2元件拖入该层。调整为合适大小。

flash鼠标跟随实例——点燃蜡烛

按住Alt键复制几个,数量随个人心意。此时测试一下,鼠标移过时,蜡烛已可被点燃了。当然,我们要用真正的火柴点燃,所以现在进入下一步。

flash鼠标跟随实例——点燃蜡烛

二、制作火柴

Ctrl+F新建一个影片剪辑元件,取名火柴。在第一帧用线条工具和笔刷工具分别绘出火柴杆和火柴头。

flash鼠标跟随实例——点燃蜡烛

新建一层,库面板中拖入火苗和光晕,变形工具调整到合适大小。

flash鼠标跟随实例——点燃蜡烛

回到场景,新建火柴图层,将火柴元件拖入场景。

flash鼠标跟随实例——点燃蜡烛

属性面板中为火柴取一个实例名,我输入的是火柴拼音的首字母。

flash鼠标跟随实例——点燃蜡烛

新建一层,时间轴上写入startDrag("hc", true);Mouse.hide;使火柴可被拖动,鼠标隐藏。测试一下吧。

flash鼠标跟随实例——点燃蜡烛

注意事项

文中用的是as2,请在发布设置,flash的as版本中选择。

以上就是flash制作更随鼠标将蜡烛点燃的gif动画效果方法介绍,操作不是很难,大家学会了吗?希望这篇文章能对大家有所帮助!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-24Flash 播放器的安全性设置
  • 2017-05-24flash cs3怎么制作云朵飘动的动画效果?
  • 2017-05-24Flash CS4教程:制作质感的水晶泡泡动画
  • 2017-05-24AS3的System类解决歌词中乱码问题
  • 2017-05-24Flash AS 入门教程 loadMovie应用举例 多画面与画中画实现
  • 2017-05-24Flash制作联通富媒体广告实例教程 解析Flash制作过程和技巧
  • 2017-05-24Flash 绘画技巧 投影滤镜设置阴影
  • 2017-05-24Flash CS4制作时尚的时钟走动gif动画效果
  • 2017-05-24FLASH中怎么制作图片连动开合动画效果?
  • 2017-05-24Flash怎么使用线条工具绘制图形?

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Flash CS3打造光圈动画效果
    • flash制作一只可爱的卡通蝴蝶
    • flash制作会移动的字体
    • Flash 播放器的安全性设置
    • flash 加密解密的相关知识说明
    • Flash CS4控制AS3中动画声音的播放或停止
    • 使用Flash制作牛丑丑的表情 Flash制作GIF完整分享
    • Flash类的运用:可放大、缩小、旋转的鼠标操作类代码介绍
    • ActionScript3.0读取网页FlashVars中的参数的问题
    • 从零开始学习创建flash单选按钮ActionScript 3.0

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有