设为首页
加入收藏
联系我们
ASP技术 PHP技术 CGI技术 JSP技术 .NET技术 建站技术 VB技术 C++技术 DELPHI技术 编程相关技术
 源码中国-技术中心 >> 建站相关技术 >> PhotoShop >> [专题]PHOTOSHOP >> Photoshop纹理制作之一 —— 纹理基础(无缝纹理制作)
字号:【 】 
Photoshop纹理制作之一 —— 纹理基础(无缝纹理制作)
http://edu.cn700.com (点击数: 时间:2004-11-22)

前言及几点说明

  纹理,几乎是所有图形设计的基础,无论在3d,网页还是桌面出版,纹理都是倍受重视的话题。所以,我认为学习图形设计,从纹理开始,是迅速提高设计水平以及打下扎实基础的最好途径。

在正式开始之前,还有几点约定要说明:

1. 本文所有内容在adobe photoshop 5.5内完成,在更早版本的photoshop里没有经过测试,但是应该同样适用  于4.0以及5.0版本。
2. 本文内所有范例,如无特别说明,均在150dpi分辨率及RGB模式下完成,由于不同分辨率会导致滤镜效果的差别,  所以希望读者在练习时在此分辨率下操作。
3. 本文所有文字版权均归作者所有,现仅在索易“多媒体及网页设计”电子杂志及作者个人主页发表,如需转载  或其他用途,请于作者直接联系。
好了,接下来我们正式开始。

一、纹理基础——无缝纹理制作

 

  经常在各大论坛上看到有关无缝纹理制作的提问,因为无论在制作3d贴图,还是网页低纹,或者定义photoshop 的patten,对纹理的无缝衔接都有很高的要求。当然,使用某些插件比如kpt 3.0和Auto FX P/G Patten等都可以实 现制作无缝纹理,不过其实使用Photoshop本身的滤镜也可以很方便地实现无缝纹理制作。

I.无缝的基础——offset 滤镜 利用offset 移动以及复制边界像素的强大功能,是无缝衔接 的第一大秘诀。下面我们通过一个例子来说明offset 的强大功 能。

1. 新建一个256X256像素的文件。(快捷键CTRL+N) 提示:256X256并不是一个随意的数字,由于Photoshop的 的图像均有数字生成,所以采用2的n次方作为文件尺寸,有很 多好处,比如使用cloud等滤镜无需另加处理直接就可以实现 无缝衔接。

2. 现在赋予图案一个基本纹理,选择菜单filter->texture->textu-   rizer。(texture: sandstone, scaling: 150%,relief: 6, light   direction: op, 如图)

3. 在工具栏内选择文字输入工具(快捷键T),在文件中央输入你所需要的文字,我这里采用Arial Black字体,大小25磅,颜色为黑色。并将该文字层模式设到Color Burn(见图),选择菜单Edit->Trans-form->Numeric,将该文字层旋转30度(见图三)。

(图三)

4. 选择菜单Layer->Duplicate Layer,复制该文字层,并重复这一操作,得到文字层的2个复制品;将每个复制层经动,得到大致如图的结果,并选择Layer->Flatten Image合并所有层。
5. 选择菜单Filter->Other->Offset,将图像横移及纵移各128pixel,并选中Wrap Around,如图。
6. 得到的结果应该已经实现了边界的无缝衔接,但是当中好像太空了,我们重复步骤3,在文件中间填入两个相同的文字。最后的结果应该和图相同。

7. 到这里,这个范例算是大功告成,为了测试无缝效果,选择Layer->Flatten Image合并所有层,全选该文件(快捷键CTRL+A),选择菜单Edit->   Define Patten,新建一个比较大的文件如1000X1000 像素,选择菜单Edit->Fill,选择use patten(如图),就可以看到结果。

下次,将给大家介绍有关无缝纹理制作的高级技巧。

 

 上一篇文章:Photoshop纹理制作之二 —— 无缝纹理制作高级技巧
 下一篇文章:Photoshop纹理制作之五 —— 木纹理研究
姓 名:  1分 2分 3分 4分 5分
进入论坛 | 发表评论 | 查看评论 | 打印此文 | 关闭窗口 
 
 ▍最新文章
关于我们 | 版权声明 | 广告服务 | 帮助中心 | 联系我们 | 网站地图 | 发布源码 | 设为首页 |