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

2016-03-18 19:29 11 1 收藏

今天图老师小编要跟大家分享Flash教程:位图实现形状渐变效果的方法 (1),精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - FLASH 】

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

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

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

 

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

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

[1] 200806/12922_2.html'>[2] 200806/12922_3.html'>[3] 200806/12922_2.html'>下一页

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

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

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

(点击小图看大图)

 

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

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

 

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

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

200806/12922.html'>上一页  200806/12922.html'>[1] [2] 200806/12922_3.html'>[3] 200806/12922_3.html'>下一页

 

(本文来源于图老师网站,更多请访问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/)

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

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

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

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

(完)

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

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

200806/12922_2.html'>上一页  200806/12922.html'>[1] 200806/12922_2.html'>[2] [3] 

来源:http://www.tulaoshi.com/n/20160318/1895291.html

延伸阅读
标签: FLASH flash教程
本文由 acti0n   原创,转载请保留此信息! [友情提示]看不到动画效果的朋友请去这里观看: http://bb(图老师整理)s./viewthread.php?tid=136406 [1] 200806/12903_2.html'>[2] 200806/12903_2.html'>下一页 好~现在开始咯~ 新建FLASH文件~ 修改-》文档,把文档的背景色改成黑色~ CTRL+F...
标签: flash教程
本文由 中国 sanbos 原创,转载请保留此信息!  先看效果:将鼠标在图片上移动看看效果。 [next] 制作方法: 1. 新建flash文档,将帧频调到31.导入一张图片。 2. 新建一影片剪辑,将图片拖入。然后回到主场景,将该MC放到舞台上,居中对齐。打开属性面板实例名称设为:pic_mc. 3. 新建一影片剪辑,用椭园工具画一个无笔...
标签: flash教程
今天我们为大家介绍几种Flash中常用动态背景的简单制作方法,主要运用随机数,步骤简单,但效果非常不错。 一、晃动的竖线 原文件下载学习 这个效果非常常用,其实实现起来也比较简单,主要通过控制MC的x坐标来实现。 新建一个MC,命名为 line_g ,画一条竖线,坐标(0,0)。 注意: 在这种需要...
标签: flash教程
4.制作"蛋壳-运动"元件。 创建一个名为"壳-黑影"的影片剪辑元件。按快捷键Ctrl+L打开"库",把"库"中的"雏鸟"元件拖入到场景中。然后让雏鸟的小腿动动就可以了。这主要是为了增加效果的动感。 5.制作"光圈"元件。 创建一个名为"光圈"的影片剪辑元件。按快捷键Shift+F9打开"混色器"面板,并如图5所示进行设置,其...
实例说明 FLASH有很强的制作二维动画能力,可妙趣横生地创造各种合乎自然规则的动画,并能产生三维的视觉效果。 有关知识 有关产生流畅的多文字动画的重要技巧,运用颜色效果使文字从视野中慢慢消失,将图形水平翻转变形从而使关键动画具有三维效果,使关键帧动画反转,提高工作效率。 操作步骤 步骤1:打开Flash...

经验教程

966

收藏

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