Fireworks 纹理及纹理填充

我们该在什么时候用到纹理?

首先这是个很主观向的问题,首先应该是以个人的判断来决定:比如大面积的色块,背景,需要间隔一致的线条等等,对于我本人来说,由于电脑内存和时间的原因,一个一个的克隆可不是好办法

其次,对于我们有时候需要模仿某个效果的时候,或许无法判断原图是否使用了纹理填充,那么我认为最好的办法应该是试验。当然,前提是你的时间充分。如果不幸没有什么时间,而且经验又不是很足的请况下。请使用无敌的仿制大法之一-放大观察法

这里我提供一个小工具—— TakeColor.rar ,它不但可以放大,放大倍数可调,而且还可以取色(默认按键Alt+C)。利用这个工具,你可以很方便地查看原图是否是用了纹理,主要利用比较的方法。

像这个图,最起码,这个线段使用了纹理(或者说可以用纹理实现),因为其每一个交界处的像素都是一致的,而且小矩形中的像素也比较接近,但为什么又有点不一样呢?因为这只是一个JPG有损压缩文件,难免会有差异。

以上面这个图为例,这个纹理应该如何取下来呢?我们需要练习用肉眼判断:(当然也可以用工具,我就喜欢用工具,肉眼的好处是可以提高你的熟练度,节约你的时间,向老鸟进军。

各位可以利用这个工具的裁切功能确定一个很完美又合理的纹理范围:P需要细细调试,如果配合肉眼观察效率大增。

上面这个图,我切取的纹理范围如下:

为了能达到立体感效果,我重新修改了一下:

然后再填充到自己做的图内去:

其中,填充不单单就是填充进去就完了的,还需要仔细的调整,这个调整的一些参数和属性,我会在下面贴出来。

整个源文件:

画一个矩形,按照图示设置渐变参数及角度(为了体现纹理在不同的颜色下的区别):

画好后,注意看第一个图,纹理处选择的是网格线5,其对应的文件是:
你的FW安装目录\Configuration\Textures\Grid 5.gif
好,记住这个,然后将网格线旁边的数值设置为100-这个数值就是纹理填充的强度(注意这个纹理填充不同于FW的图案填充,至于图案填充,我会在稍后写出)。

这就是其效果:

现在我们打开这个纹理文件。路径已在上面标出,由于其本身相当小,我给它放大到5000%也就是50倍,就是下面这个样子了:

细心的读者已经发现了。这个文件明明是黑少白多,那为什么纹理填充,强度100%却是黑多白少呢?嘿,这就是纹理填充和图案填充最大的区别所在了。试试将刚刚所说的强度调到10

你就会发现原来这个强度就是控制它的透明度啊!对,就是控制它的透明度

而且,纹理填充就是一个图像混合的过程,这点我是根据不断的试验得出的答案。
根据程序的原理,任何颜色的控制都是通过数学(也可以说函数)的操作实现的,应该是一个图像混合的结果。
这个方面的研究soskitty是达人。我数学成绩西差~就不在龙王面前卖自来水了

试验作品展示

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

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

时间: 2024-08-30 19:00:54

Fireworks 纹理及纹理填充的相关文章

Fireworks 创建残破纹理特效文字

创建|特效 前面我们介绍了Fireworks 创建残破纹理背景,其实文字也可以做类似的残缺特效处理,下面我们看看具体步骤. 我们在Fireworks新建一个文件,打字,字号选大些,做成后的效果才会更明显.因为文字用了白色的填充,所以我们把背景色设置成黄色来做区分. 文字也可以做类似的残缺特效处理.打开新文件,打字,字号选大些,做成后的效果会更明显.因为文字用了白色的填充,所以我们把背景色设置成黄色来做区分. 跟上一张图一样,我们导入相同的石材图片做纹理.并在属性面板上按下效果添加按钮,进行两处特

Fireworks 营造残破纹理

刻意在物件和文字上营造残破的效果也是一种流行的表现方式.让我们以Firewoks处理网页影像时,在简单的实例上来应用看看. 打开新文件,先来画个按钮. Ctrl+Shift+D原位克隆一个. 网上找张纹路无序的素材图片,这里我们用的是张石纹. 导入正在Fireworks编辑的文件. 在属性面板上按下效果添加按钮,进行两处特效设置.亮度50,对比度100:色相36,饱和度72,明亮度81,勾选彩色化. 图层混合模式设置为Multiply色彩增值. 将我们克隆的那个按钮提到最上层,同时选中刚处理好的

Fireworks 创建残破纹理背景

创建 刻意在物件和文字上营造残破的效果也是一种流行的表现方式.让我们以Firewoks处理网页影像时,在简单的实例上来应用看看. 打开新文件,先来画个按钮. Ctrl+Shift+D原位克隆一个. 网上找张纹路无序的素材图片,这里我们用的是张石纹. 导入正在Fireworks编辑的文件. 在属性面板上按下效果添加按钮,进行两处特效设置.亮度50,对比度100:色相36,饱和度72,明亮度81,勾选彩色化. 图层混合模式设置为Multiply色彩增值. 将我们克隆的那个按钮提到最上层,同时选中刚处

Fireworks MX 2004 色彩填充工具

4.色彩填充工具 "滴管" 工具:用于从图像中选取颜色来指定一种新的笔触颜色或填充色.可以选取单个像素的颜色.3x3像素区域内的平均颜色值或5x5像素区域内的平均颜色值. "油漆桶" 工具:在绘制时应用于位图和矢量对象的"矩形"."圆角矩形"."椭圆"和"多边形"等绘制工具的填充属性.当前的填充会出现在属性对话框."工具条"面板和组合面板中的"混色器&quo

在Word 2007中为艺术字设置纹理填充

  Word2007系统中的纹理效果同样可以应用于艺术字的填充.文字表面添加纹理填充使文字看起来富于质感和立体感,word文档自带的已经有很多可供选择的漂亮纹理,用户在使用中根据其展示效果选择需要的纹理填充,让自己的文字看起来更丰满. 下面我们就来以下这则文档中的艺术字为例,学习如何给它设置纹理填充效果. 1.切换到[艺术字工具]-[格式]选项卡,在[艺术字样式]功能面板中,单击[形状填充]按钮,在弹出的下拉列表中选择[纹理]-[其他纹理]. 2.在弹出的对话框中切换到[纹理]选项卡,单击选中要

在Word2007中为艺术字设置纹理填充

  Word2007系统中的纹理效果同样可以应用于艺术字的填充.文字表面添加纹理填充使文字看起来富于质感和立体感,word文档自带的已经有很多可供选择的漂亮纹理,用户在使用中根据其展示效果选择需要的纹理填充,让自己的文字看起来更丰满. 下面我们就来以下这则文档中的[Word联盟]艺术字为例,学习如何给它设置纹理填充效果. 1.切换到[艺术字工具]-[格式]选项卡,在[艺术字样式]功能面板中,单击[形状填充]按钮,在弹出的下拉列表中选择[纹理]-[其他纹理]. 2.在弹出的对话框中切换到[纹理]选

《Cocos2D权威指南》——3.5 CCTexture纹理类

3.5 CCTexture纹理类 游戏运行中,所有图像文件(PNG.PVR)都被加载成GPU可以理解的OpenGL ES纹理,而精灵则对应着这些纹理图.Cocos2D内置一个纹理缓存管理器(CCTextureCache)来保存这些纹理图,这样可以极大加速创建新精灵,并充分利用已有的纹理图.不利的是,如果收到内存警报,Cocos2D会将当前未使用的纹理图(即引用计数为1的纹理图)全部从内存中清除. 首先我们了解一下和纹理相关的概念.3.5.1 纹理和纹理图集 所有游戏角色都是以图像的形式存储在iP

Fireworks交互式填充绘精致网页导航菜单

最近这种菜单好象很流行,不少网站都有了.这个菜单好处在于可以节约有限的空间,很有价值,会经常在设计中用到, 其实这样的网页菜单并不复杂,无非是渐变的填充,用Fireworks 强大的交互式填充工具来制作,那简直是手到擒来,即使是Fireworks 的初学者也能顺利掌握.另外这种矢量图修改起来也很方便,所以 fireworks 非常适合 web 设计创作. 第一步,做底条,注意边框颜色和渐变设置 第二步.做菜单条.其实就是复制一下底条,调整长宽和填充. 第三步.做菜单条的突出效果.复制菜单条,去掉

20个案例教你如何在网页中使用纹理图案

  虽然扁平化的风格和响应式设计的流行使得网页设计中纹理的使用率有所降低,但是总的来说,要让一个网站拥有质感最直接的方式就是使用合适的纹理.纹理是网页设计中最常见也最常用的元素,在不同的网页中,纹理有时候是能够化腐朽为神奇的. 纹理能将现实世界的视觉体验,引入到网页设计,精致的木头纹理,粗糙的石头质感,云朵的轻盈和水波的荡漾,都能够让网页设计别具一格.除此之外,几何图形和千奇百怪的图案也可以呈现在网页中. 图案和纹理在网页中是如何使用的呢?通常,在三种情况下,使用他们是没有问题的: 吸引用户的注