WEB开发网
开发学院图形图像Fireworks Fireworks 纹理及纹理填充 阅读

Fireworks 纹理及纹理填充

 2006-12-21 08:46:33 来源:WEB开发网   
核心提示: 而现在看看图案填充的效果,透明度设置为10,Fireworks 纹理及纹理填充(4),透明度改变了,但是它的颜色并没有出现黑白互换,在这个帖子里按CTRL+A然后再看图就知道了),再透露一点小花招,其实,图案填充就是单纯的图像叠加

而现在看看图案填充的效果,透明度设置为10,透明度改变了,但是它的颜色并没有出现黑白互换。其实,图案填充就是单纯的图像叠加,且颜色保留的结果。

教程到这里,基本上应该完结了。

突然又想到一点,不过是纯粹判断出来的,并没有验证是否确切,将下面一层,也就是第一个矩形的纹理填充调整为50。效果如下:

出现了非常立体感的效果。

这又是为什么呢?按道理,两者之间应该重叠,看不出任何立体效果才对。

将上面一层隐藏后发现,原来纹理填充并不是按第一个图形坐标0,0来的。如图:

因为这个纹理的图像文件是5X5像素的,我就做了两个同大的矩形,分别进行图案填充和纹理填充,发现纹理填充确实不是以0,0开始的,所以就出现了立体的效果,那么这么说来,还可以利用这个特性制作N多的立体纹理效果呢。

比如,以对角线1纹理为例:

那么我将下面的矩形纹理设置为对角线2呢?自己试试吧!

试验作品展示

以上效果,均出自下面这个PNG源文件:

主要方法,就是控制里面的第三层的混合效果。第三层的填充是网页抖动(至于为什么这么做嘛,在这个帖子里按CTRL+A然后再看图就知道了)。再透露一点小花招,你把第三层向上移动10个像素试试,看到了什么?

上一页  1 2 3 4 

Tags:Fireworks 纹理 纹理

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接