当前位置:首页>ps实例教程>ps网页设计>网页图片>教程内容

ps网格背景图案(2)

来源:未知 作者:飞鱼的声纳 学习:7866人次

3、和上面一样,选择编辑(Edit)>自定义图案(Difine Pattern)命令将其保存为图案。在图层样式(Layer Style)中的图案叠加(Pattern Overlay)中选择已经保存的图案样式应用到大幅文档中。

Photoshop中创建多种样式的网格背景图案,PS教程,16xx8.com教程网

和上面的十字网格图案一样,你也可以调整线条之间的间距和线条颜色来获得让你满意的效果。

 

三、单向对角线图案

这就更简单了,只需要将上面对角交叉线图案的其中一条线去掉保存为自定义图案就可以了。

Photoshop中创建多种样式的网格背景图案,PS教程,16xx8.com教程网

你还可以通过改变线条间的间距、线条的粗细以及线条的方向来创建不同样式的单向对角线图案。如下图:

Photoshop中创建多种样式的网格背景图案,PS教程,16xx8.com教程网

四、添加颜色和材质

到此为止,我们要给大家介绍的三种不同样式的网格背景图案就完成了。接下来如果你还想让这些图案有些变化,还可以给它们添加一些颜色和材质。添加颜色很简单,只需要给图案背景填充颜色就可以了。需要注意的是,颜色要柔和,对比度不要太强烈,一点点颜色就可以了。添加材质相对来说就要复杂一些,因为这些图案最终作为网页背景被平铺到整个页面之后,很难让人看不出来材质的重复,就像《在Photoshop中创建不规则无缝拼接图案》中简单平铺的绿草地糟糕的效果一样,这也正是无缝拼接技术在相对复杂的图案上所发挥的作用。以下有三点关于创建材质图案的要点:

让图案稍微大一些,这样平铺以后相对不容易看出来材质的重复性。但是还要留意图案的文件大小对于页面载入时间的影响。

图案的材质要低调一些,不要太突兀,有一点点感觉就可以了。

使用无缝拼接技术让图案的材质更不容易察觉。

接下来我们用一个例子来说明如何创建能够应用于网页背景的材质图案。

1、新建一个99像素乘以99像素大小的文档。新建一个图层,画出一个覆盖整个文档的矩形,给矩形应用之前我们创建的对角交叉线图案样式。

Photoshop中创建多种样式的网格背景图案,PS教程,16xx8.com教程网

2、将文档放大到200%,新建图层,使用和背景色颜色相同的画笔工具,选择有细微材质的笔触随机在图案上点击几次直到得到让你满意的效果。切记效果不要太强烈。之后就可以将此材质图案保存为自定义图案应用于网页页面了。

Photoshop中创建多种样式的网格背景图案,PS教程,16xx8.com教程网

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!