Fireworks纹理及纹理填充详情介绍

所属分类: 平面设计 / Fireworks教程 阅读数: 418
收藏 0 赞 0 分享

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

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

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

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

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

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

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

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

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

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

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

整个源文件:

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

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

这就是其效果:

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

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

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

而且,纹理填充就是一个图像混合的过程,这点我是根据不断的试验得出的答案。

根据程序的原理,任何颜色的控制都是通过数学(也可以说函数)的操作实现的,应该是一个图像混合的结果。

这个方面的研究soskitty是达人。我数学成绩西差~就不在龙王面前卖自来水了

试验作品展示

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

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

教程介绍,以上就是对Fireworks纹理及纹理填充的详细介绍,希望对大家有所帮助,谢谢大家观看本教程!

更多精彩内容其他人还在看

Fireworks 制作青花陶瓷按钮

自从韩国风格的网页出现以来,就被中国的业界用到烂了。 自从苹果水晶风格的按钮出来,也被中国的业界用到烂了。 有时候取其精华是可以的,不过如果只是生搬硬套,不糅合自己的创意进去,就只是永远在步人家的后尘。中国人不是没有自己的创意,只是在这个浮躁的社会下,很多
收藏 0 赞 0 分享

Fireworks涂鸦效果的制作步骤

作品名称:《涂鸦·雨后·厕外》 作品意念:表现前现代年青人玩世不恭,些许颓废,酷爱生命的态度。 本作品需要: 插件:EyeCandy4.0滤镜 字体:cold night for alligators.ttf  KR Heartalici
收藏 0 赞 0 分享

Fireworks ray暗黑中的花朵制作图解教程

这次的创作纯粹出于偶然。 不过惊喜正是在偶然中被发现的。 希望学习本教程后,大家能创作出属于自己的X-ray花!!! 1.1 花的制作 1. 新建一个1024×768px的文件,背景颜色为#000000。 2. 利用矢量工具里面的“星形”
收藏 0 赞 0 分享

Fireworks制作燃烧效果图解教程

其实这个效果的不是很难首先我们先给他有一个火的特征。也就是颜色方面要和火差不多。当然在后面的教程里你也可以根据自己的需要用色相饱和度来修改颜色效果。好了废话少说准备好了就开始吧。   1.首先先制作一个背景图,(也就是火焰的背景)新建一个500*300的文件。然后
收藏 0 赞 0 分享

Fireworks 实现在物件和文字上营造残破的效果

刻意在物件和文字上营造残破的效果也是一种流行的表现方式。 让我们以Firewoks处理网页影像时,在简单的实例上来应用看看。 打开新文件,先来画个按钮。 Ctrl+Shift+D原位克隆一个。 网上找张纹路无序的素材图片,这里我们用的是张石纹。 导入正在Fir
收藏 0 赞 0 分享

图解用Fireworks 制作五角星

很简单,看图就能明白:
收藏 0 赞 0 分享

Fireworks立体倒影制作教程

看看效果: 首先放大图片以多边形选取工具精确扣图 选取扣出部分垂直翻转,点右键以变形-->平行扭曲工具调整位置。 如果不能确定位置的准确性可以把需要处理的部分设置些许透明再调。 注意到接缝有白点锯齿,把倒影模式改成叠加让接缝看起来比较自然。 副
收藏 0 赞 0 分享

Fireworks绘制甲壳虫小轿车

我不怎么会写教程,只好介绍一下我的作画过程,技术比较拙劣,介绍也比较简单,希望大家不要见笑。本次作画使用软件: Fireworks
收藏 0 赞 0 分享

Fireworks轻松制作公告栏挂绳教程

收藏 0 赞 0 分享

用Fireworks轻松制作闪动文字

最终效果   素材   导入素材   输入文字    组合为蒙板    文字发光参数   文字投影参数   图象预览设置  
收藏 0 赞 0 分享
查看更多