网页美工可能都曾遇到过这样的问题，那就是不同设计软件中的色彩空间不同，同一色彩在不同软件中处理后往往变的不再一致。
例如当在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图只有“１k”。
（请看我的最后效果）
嘻嘻~~~~~~~~~，这就可以解决你动画背景与页面背景的颜色矛盾了，其实，解决这个问题的思路主要是“利用透明”，当你无法让两者的颜色一致，不妨让其中一种成为透明来达到色彩协调的目的。
|
