Flash教程:位图实现形状渐变效果的方法

2016-01-29 12:31 12 1 收藏

Flash教程:位图实现形状渐变效果的方法,刚接触FLASH时,一直想掌握位图形状渐变的技巧,一些高手支招:只有用淡入淡出来替代形状渐变。但毕竟不理想。其实FLASH并没有这样的功能。看来只能借助于第三方软件来实现我们的愿望。

【 tulaoshi.com - Flash 】

本文由中国 txwh2006(踏雪无痕) 原创,转载请保留此信息!

     刚接触FLASH时,一直想掌握位图形状渐变的技巧,一些高手支招:只有用淡入淡出来替代形状渐变。但毕竟不理想。其实FLASH并没有这样的功能。看来只能借助于第三方软件来实现我们的愿望。先对比一下两种效果:

1、未使用第三方软件的位图形状渐变的效果:

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

2、使用第三方软件的位图形状渐变的效果:

[next]

 先说一下思路:
A、我们利用第三方软件FantaMorph3制作“形状渐变”,生成一个swf影片,然后导入到FLASH中去,在FLASH里面你可以看到这段影片是逐帧动画,既然是逐帧动画,那就好办了。
B、形状渐变无非是图像大小、位置、内容和颜色的变化。内容的变化我们已经在FantaMorph3软件里处理好了,在FLASH中要处理的是,大小和位置的变化(颜色的变化在位图中也可以变化,不过要将每一帧图片均转换成影片剪切,这里我就不讲了。)下面说一下具体做法。我以大小变化为例,其他变化与其同一原理,不再赘述。

1、在网上下载一个名叫“FantaMorph3”的软件,它是一个傻瓜式软件,非常简单,你一看就懂,另外也有帮助,软件是汉化的。我这里就不做介绍了,制作好导出swf文件以作备用。(图一)

(点击小图看大图)

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 2、在FLASH中新建文件(图二)

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 3、插入/新建元件/类型选“影片剪辑”(图三)

[next]

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

4、文件/导入/导入到舞台。这时我们可以看到时间轴上有15帧逐帧动画(图四)

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 但是因为他在FantaMorph3软件中生成,所以大小都按原来的大小,而我们现在要改变一下第二幅图像的大小。

5、在影片剪辑舞台中,新建图层2,用矩形工具在第一帧上,按图层1的图像画一个与它同样大小的矩形框,不要有填充色(图五);

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 在结束帧(即第15帧)上插入关键帧,把此帧上的矩形框改变为你想要的大小(图六),

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 并在图层2创建形状补间动画。并锁定图层2.

6、回到图层1,从第二帧开始,用变形工具逐帧调节图片大小,调整的依据是图层2的矩形框,一直调到结束帧为止。

7、删除图层2,因为它已经没有利用价值了。

8、在场景中,拖入元件1,测试!

(完)

如果要有旋转效果,同上面的原理一样。相信你肯定会。

与本文相关讨论请到这里与作者交流:http://bbs.jcwcn.com/viewthread.php?tid=161052

来源:http://www.tulaoshi.com/n/20160129/1486430.html

延伸阅读
标签: flash教程
效果演示: [next] 制作过程: 上图中水印中遮掉的部分文字为:F11把水从库里拽到场景中 [next]
标签: flash教程
本文由 中国 sanbos 原创,转载请保留此信息!   本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请 点击这里 ,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临!   AS3 喷泉效果 效果演示: 在这个实例教程中,我们将介绍利用速度向量和重置对象的技巧来实...
----在VISUALBASIC中没有什么命令或函数能够实现将一个位图旋转一个角度后显示出来,但我们可以用画点的方式,将一个图画盒中的位图中的像素点旋转一个角度后画入另一个图画盒中,当源图画盒中的像素都被画到目标图画盒中时,也就完成了位图的旋转。 ----这里主要用到了VISUALBASIC中的两个方法:POINT方法和PSET方法。POINT方法的作用...
渐变可以创建类似于彩虹的效果,低版本的浏览器不的不使开发者用图片来实现,CSS3将会轻松实现网页渐变效果。 要得上面的线性渐变效果,我们这样去定义CSS3样式: background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f0...
A:关键所在 渐变图形是一种特殊的图形,它从窗体的一端开始移动,同时颜色缓慢变化,达到窗体的另一端,但图形已经变为另一种颜色。 这种奇特的视觉效果制作起来相当简单,只需将屏幕分成许多行,每一行显示不同的颜色就可以了。渐变图形可以有许多种形式,有圆形渐变、矩形渐变、对角渐变等多种显示效果。要显示渐变,需使用到R...

经验教程

588

收藏

14
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部