本类共有 4110 篇文章,今日更新 0

巧用Flash在DW里的透明

[ 来源:http://www.91now.com/down/ | 作者: | 时间:2007-5-21 18:08:18 | 浏览: 人次 ]

网页美工可能都曾遇到过这样的问题,那就是不同设计软件中的色彩空间不同,同一色彩在不同软件中处理后往往变的不再一致。

  例如当在Fireworks切了图像后,又想在切过的图上做动画,比如给“图A”里的一部分“图b”做眼睛动的动画,这时会发现“图b”经Flash做过动画后,动画图的背景与页面里的背景发生了色彩上差别,而且Flash也因你导入了矢量图而变大了,怎样解决这个问题呢?

  第一步:将“图A”在Photoshop里设计好,如下:

     
          图A

  第二步:在Fireworks 将图A切好,然后打开Dreamweaver,新建一个页面“dong.htm”,接着就在Dreamweaver里的“插入/交互式图像/Fireworks HTML(I)”

  第三步:选定要做动画的图,主要是看高、宽是多少.如例(现在我们给图b做眼睛动的效果)

      
          图b

  第四步:打开Flash,新建一个页面,在“修改/影片”里设影片的宽高与图b一样大.

  第五步:在图层一导入“图b”,然后选“修改/对齐”然后锁定这层

  第六步:新建层,在新的图层里画一个圆的素材

  第七步:以圆素材给图b做动的眼睛效果,这眼睛动的我就不讲了,然后就在素材库里将的“图b”删除,也将图层一删除,现在将图保存为3.swf

  第八步:在dw里打开“dong.htm”这个页面,将“图b”转换成背景图(这个当然用CSS定义)

  第九步:将3.swf放在“图b”(选择“插入/媒体/Flash”)的位置,然后在属性面板上设3.swf为透明背景,最后按f12看,你会发现,图不会失真,而且3.swf图只有“1k”。

   (

广告位