Flash遮罩制作线条逐渐显示的汽车轮廓动画效果

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

这次我们用flash动画中的遮罩来制作线条从无到有显示的汽车轮廓动画效果,教程介绍的很详细,适合新手学习,转发过来,希望对大家有所帮助,我们先来看看最终完成的效果

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

跳出windows框,设置参数如下

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

Flash制作汽车线条逐渐显示动画,PS教程,思缘教程网

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

教程结束,以上就是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 分享
查看更多