当前位置:首页设计教程Flash制作汽车线条逐渐显示动画
Flash制作汽车线条逐渐显示动画
°
  • 素材类型: 资源-素材
  • 上传时间:

这次我们用flash动画中的遮罩来制作线条从无到有显示的汽车轮廓动画效果,完成后的最后效果在教程末尾。

这次我们用flash动画中的遮罩来制作线条从无到有显示的汽车轮廓动画效果,完成后的最后效果在教程末尾

在flash中新建立一文件,大小可以放进你准备的图片,这里我使用640x480px,白色背景.然后将汽车图片导入到flash中,"文件>导入>导入到舞台"

Flash制作汽车线条逐渐显示动画

在图层1的第一针上你因该可以看到你导入的汽车图片

Flash制作汽车线条逐渐显示动画

点击汽车图片,你会发现图片周围显示灰色的框,说明图片已经被选中,随后按F8将图片转换为元件,在名称中打入"VWGOLF",在类型中选择"影片剪辑"!

Flash制作汽车线条逐渐显示动画

按"确定"后,一个影片剪辑就完成了,双击这个影片剪辑,我们会进入名为"VWGOLF"的场景中

Flash制作汽车线条逐渐显示动画

现在"场景1"是我们的主场景,场景"VWGOLF"是次场景

点"插入图层"新建一图层,新图层命名为LINES,并将我们之前的图片图层锁定

Flash制作汽车线条逐渐显示动画

选择"线条工具"勾选汽车轮胎部分,如下面的动态图片过程

然后使用钢笔工具勾出整个汽车轮廓(所有的轮廓因该在新键的图层中画出)

Flash制作汽车线条逐渐显示动画

现在我们为轮廓增加遮罩层(遮罩的原理是被遮罩的部分会显示,不显示未遮罩部分,flash里的渐隐基本都是使用此功能来做的)

新建一图层作为遮罩层,用刷子工具(设置如下图)沿着汽车轮廓图进行描边(请注意所有的描边因该在遮罩层上而不是汽车轮廓层上)

Flash制作汽车线条逐渐显示动画

这里我们每描一部分线条,按一次F6键,建立一个关键针,(这样做的目的是最后汽车轮廓可以逐步显示出来)你可以查看下面的动态展示图 在mask层上按右键,将此层转换为遮罩层 我们复制图层,用同样的方法制作轮胎部分的遮罩

这里我们每描一部分线条,按一次F6键,建立一个关键针,(这样做的目的是最后汽车轮廓可以逐步显示出来)你可以查看下面的动态展示图

在mask层上按右键,将此层转换为遮罩层

Flash制作汽车线条逐渐显示动画

我们复制图层,用同样的方法制作轮胎部分的遮罩效果,针数与前面的相同

Flash制作汽车线条逐渐显示动画

Flash制作汽车线条逐渐显示动画

Flash制作汽车线条逐渐显示动画

现在我们回到图片所在的图层,拖动图片元件到25针左右

Flash制作汽车线条逐渐显示动画

同时在第60针新建一关键针,按F6

Flash制作汽车线条逐渐显示动画

选中图片元件(在最外面的主场景中),在低部属性中设置颜色为"高级",按右边设置按钮!

Flash制作汽车线条逐渐显示动画

跳出windows框,设置参数如下

Flash制作汽车线条逐渐显示动画

在图片层第30~60针之间随意点上右击,选"创建补间动画"

Flash制作汽车线条逐渐显示动画

这样图片的渐隐效果动画就制作完成了

Flash制作汽车线条逐渐显示动画

最后完成效果如下,遮罩会逐一显示汽车轮廓,当读到第30针时汽车图片会通过渐隐的补间动画慢慢显示出来

进入论坛参与讨论:http://www.missyuan.com/viewthread.php?tid=427066

温馨提示:

文章标题:Flash制作汽车线条逐渐显示动画

文章链接:https://www.4tu.cn/design/43466.html

更新时间:2024年09月02日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
设计教程

Fireworks制作动画闪图效果

2024-9-2 10:54:23

设计教程

Flash+php+mysql简单留言本制作

2024-9-2 10:54:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
搜索