教你如何利用flash制作生日蜡烛形状渐变动画效果

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

生日来临之际为你点起生日蜡烛,唱起生日快乐,是不是特别的温馨浪漫呢。其中的烟圈,火焰,蜡油,蜡杆都属于形状渐变。所以今天本教程就教大家如何利用flash制作生日蜡烛形状渐变动画效果,感兴趣的朋友可以过来学习一下!

我们先来看看最终的效果:


  知识点:

  形状渐变动画。

  形状提示点。

  制作步骤:

  (1)设置文档属性

  执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】选项后,单击【确定】按钮,或者按快捷键ctrl+n,新建一个flash文档。在【属性】面板上设置文件大小为550×400像素,【背景色】设为自己喜欢的颜色,最好显得神秘浪漫一点。

  (2)创建动画

  步骤一 使用矩形工具画一个蜡杆,填充色为线性渐变红白红,图层名称为“蜡杆”。

  步骤二 新建一图层,命名为“火焰”,使用椭圆工具和箭头工具将椭圆修改为火焰的样式。填充色为线性渐变色。通过【填充变形工具】修改填充色的渐变范围渐变方向等使之和火焰相似。如图

  单击【填充变形工具】选择火焰,会出现一个带有三个手柄的矩形边框,矩形中心的小圆圈表示填充色的中心,拖动此中心点,可以改变渐变色的位置;拖动方形的手柄可以改变填充渐变色的宽度,更改线性渐变的半径;拖动下边的圆形手柄,可以旋转填充色的方向。

  然后在第10,20,30,40幀插入关键幀,分别改变每一幀的火焰颜色和火焰样式,再在幀和幀的中间单击在属性面板的“补间”的下拉列表中选择“形状”,创建形状补间动画。

  如果出现火焰颠倒等乱变的现象证明你的火焰形状或颜色前后幀相差太大。你可以修改火焰或者在中间再插入关键幀,修改该关键幀的形状或颜色。

  步骤三 新建图层,命名为“焰心”使用铅笔工具选项设置为“平滑”笔画的粗细粗一点再火焰的中间画一条焰心。

  步骤四 新建图层,命名为“烟圈”使用笔刷工具颜色为灰色,在火焰的附近随意点两个点。在第40幀插入空关键幀,在远离蜡烛的另一边随意点几下颜色和背景色一致。创建1--40幀之间的形状渐变动画。

  步骤五 新建图层,命名为“文字”,按ctrl+b键两次把文字打散成为图形,然后使用铅笔工具在每个文字上随意画条线将文字切割为两部分。再使用颜料桶工具为每部分填上不同的颜色。

  步骤五 新建图层,命名为“蜡油”,在第1幀选择椭圆工具随意画一个椭圆将它变形填上暗红色的放射状渐变色。同样通过“填充变形工具”修改渐变范围渐变方向中心渐变点等。在第40幀插入关键幀,将蜡油向下拖动到蜡杆的下部然后把它分成两部分并且改变每一部分的形状使之变小变长。播放头放在在1--40幀之间,在属性面板的“补间”当中选择“形状”。创建蜡油的形状以及位置的渐变。

  步骤六 新建图层命名为“融解”,将蜡杆的一角用鼠标拖动选中然后按ctrl+x键剪切按ctrl+shift+v原地粘贴到“融解”图层。在第40幀插入关键幀剪下的蜡杆变形然后在1--40幀之间创建形状渐变动画,使之看起来像蜡杆在融化。

  利用该实例方法还可以制作的其它flash效果

分吹纸张

香烟冒烟效果


  小技巧:

  1、图层的用途你现在明白了吧,如果你把所有的东西都放到一个图层那是作不出动画的。

  2、原地粘贴非常有用,你可以把本来在一起的物体分成两部分放置在不同的图层,达到以假乱真。

  3、注意做好的图层记得要加把“锁”以免误操作。

  4、图层名要起一个有意义的名字,好顾名思义,否则图层一多你就会迷糊。“可视按钮”也是一个区分图层不错的选择。

  教程结束,以上就是利用flash制作生日蜡烛形状渐变动画效果全过程,希望大家通过这篇教程之后,对flash渐变动画有了更深的了解,谢谢大家观看!

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

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 分享
查看更多