photoshop互助课堂flash视频教程合集中国教程网《Photoshop专家讲堂》光盘热售参与论坛活动,快速赚取金币精品素材,中英文字体
发新话题
打印

[教程] FLASH中位图实现形状渐变效果的教程(原创)[本文已收录教程库]

本主题由 清风掠影 于 2008-2-29 15:33 设置高亮

FLASH中位图实现形状渐变效果的教程(原创)[本文已收录教程库]


FLASH中位图实现形状渐变效果的教程(原创)

作者  踏雪无痕

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



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



下面言归真传,教程如下:

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

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



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



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



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



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

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



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



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

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

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

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

(完)

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

[ 本帖最后由 xyl7422 于 2008-3-22 17:37 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • 祁连山 威望 +1 感谢原创教程哈,收录教程库。 2008-3-24 11:13
  • aaawer 热心度 +2 呵学习一下谢谢了 2008-3-18 23:12
  • aaawer 金币 +2 呵学习一下谢谢了 2008-3-18 23:12
  • 晶乐 热心度 +2 好了^_^支持下啦~~~ 2008-3-3 21:07
  • 晶乐 金币 +2 好了^_^支持下啦~~~ 2008-3-3 21:07
  • xyl7422 热心度 +10 支持原创教程,辛苦啦:) 2008-2-29 20:09
  • xyl7422 金币 +10 支持原创教程,辛苦啦:) 2008-2-29 20:09
  • sanbos 热心度 +2 很好,谢谢! 2008-2-29 16:48
  • sanbos 金币 +2 很好,谢谢! 2008-2-29 16:48
  • 清风掠影 热心度 +5 学习啦~谢谢踏雪~ 2008-2-29 15:31
[swf]http://bbs.jcwcn.com/attachment.php?aid=486245[/swf]

TOP


很好的教程,
谢谢先生无私的赐教.

#@#$*$ 谢谢踏雪~学习了~
想赚钱,看置顶
梦醒梦睡梦中花落泪,缘起缘灭缘尽心破碎~             Flash研讨交流群:54859134 加群请写上论坛名和ID  进来潜水的就不要加了


谢谢,学习了。

确实好玩 啊,有时间的时候搞一下

谢谢各位鼓励。
[swf]http://bbs.jcwcn.com/attachment.php?aid=486245[/swf]

MORPH..............

学习一下下

很好,学习……

谢谢了.#@#$*$

仔细看了教材,出来的效果并不好看啊!还得依靠另一软件。
发新话题