• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > Flash遮罩制作线条逐渐显示的汽车轮廓动画效果

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

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

佚名 向大家分享了Flash遮罩制作线条逐渐显示的汽车轮廓动画效果,其中包含Flash遮罩制作线条逐渐显示的汽车轮廓动画效果等知识点,遇到此问题的同学们可以参考下

这次我们用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遮罩制作线条逐渐显示的汽车轮廓动画效果,希望对大家有所帮助!谢谢大家观看本教程!

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

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

相关文章

  • 2017-05-24flash怎么去除图片背景? flash抠图的技巧
  • 2017-05-24在flash中简单制作打字动画图
  • 2017-05-24flash怎么画绿色的小草?
  • 2017-05-24全面掌握Flash 按钮教程
  • 2017-05-24flash如何让文字依次出现?
  • 2017-05-24Flash遮罩制作一个跟随鼠标感应放大缩小的动画特效
  • 2017-05-24用Flash AS代码制作鼠标点击图片缓冲放缩动画效果
  • 2017-05-24flash怎么画一个简笔画的卡通人物头像?
  • 2017-05-24FLASH中的元件能在Flex中完美使用
  • 2017-05-24flash怎么放大缩小文件?

文章分类

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

最近更新的内容

    • Flash cs3仿真艺术系列教程:渐变填充实现写实效果
    • flash利用钢笔工具与渐变填充绘制红心
    • flash制作鞭炮的爆炸效果(不需AS)
    • Flash教程:彻底学习RadioButton组件
    • Flash设计制作卡通风格的圣诞树实例教程
    • Flash逐帧和补间制作小野人摇滚动画
    • Flash绘制卡通人物眨眼动画的方法及技巧
    • 用flash制作纸飞机滑翔天空的gif动画效果
    • 再谈用Flash引导线制作爱心图案动画
    • flash引导层动画:引导层制作飞行的飞机

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

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