flash 图片有描边 html,Flash遮罩制作线条逐渐显示的汽车轮廓动画效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

跳出windows框,设置参数如下

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

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

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

教程结束，以上就是Flash遮罩制作线条逐渐显示的汽车轮廓动画效果，希望对大家有所帮助！谢谢大家观看本教程！

原文：http://www.jb51.net/flash/example/191606.html

flash 图片有描边 html,Flash遮罩制作线条逐渐显示的汽车轮廓动画效果相关推荐

HTML制作色带,PS简单制作一个漂亮的混合色带gif动画效果
今天为大家介绍PS简单制作一个漂亮的混合色带gif动画效果方法,方法很简单的,教程介绍的很详细,好了,下面我们来看看吧! 先来看看案例的最终效果: 混合颜色带是一种特殊的高级蒙版,它可以快速隐藏像素. ...
【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个可拖动的拼图游戏动画效果~适合初学者~超简单~ |it前端开发
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个可拖动的拼图游戏动画效果~适合初学者~超简单~ |前端开发|IT软件效果图: 完整代码: <!D ...
【web前端特效源码】使用HTML5+CSS3制作一个会促销广告滚动字幕3D动画效果~~适合初学者~超简单~ |前端开发|IT软件
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3制作一个会促销广告滚动字幕3D动画效果~~适合初学者~超简单~ |前端开发|IT软件效果图: 完整代码: <!DOCTYPE ...
ASP网页FLASH图片播放只能在老版Internet Explorer 正常显示，最新主流浏览器都不支持，哪位大伽有好的代码改动妙招烦请赐教，谢谢
原来ASP网站源码如下: <table width="100%" border="0" align="center" cellpadd ...
【幻灯片动画制作教程】Focusky教程 | 如何删除动画效果？
(Focusky动画演示大师简称"FS软件")在动画编辑器中,可选择删除物体的某个动画,或者删除该帧的所有动画. 详情请看下图: 1.删除某个动画: 选择该动画,然后点击动画右上角 ...
Javascript 仿Flash 图片切换及 Flash 图片切换
1. Javascript 仿Flash 图片切换 http://www.fansart.com/cweb/200669141456.asp <a target=_self href=" ...
electron环境下，在同一个前端vue界面切换展示不同的flash图片
flash在渲染时加载在页面上,flash图片是页面加载,渲染flash图片. 1.利用vue双向数据绑定改变其图片路径是无法做到切换flash图片的,因为flash图片是一次性渲染,除非改变图片路径 ...
SVG路径描边动画效果
一.效果简而言之,就是让SVG的描边像是有人绘制一样的动画效果. 三.必知的基础知识 SVG中有个比较重要的属性分支,stroke :"描边". 1,stroke 描边颜色 no ...
html遮罩层动画制作,flash简单制作遮罩动画效果
flash简单制作遮罩动画效果QQ空间的开机动画大家应该都有,从最初的出现的一点到后面全部出现,如此神奇的效果到底是怎么做的呢,一起来看看吧!遮罩特效: 由于百度只能上传500k以内的照片,所以效果图 ...
Flash 图片轮换效果
Flash全站的技术应用系列: (一)AS+JS的Flash网站无刷新定位技术 (二)Flash网站的SEO (三)Flash网站的流量统计 (四)让Flash网站具有IE前进后退的功能 (五)图片 ...

flash 图片有描边 html,Flash遮罩制作线条逐渐显示的汽车轮廓动画效果

flash 图片有描边 html,Flash遮罩制作线条逐渐显示的汽车轮廓动画效果相关推荐

最新文章

热门文章