ps網(wǎng)格背景圖案(2)

來源:未知 作者:飛魚的聲納 學(xué)習(xí):7866人次

3、和上面一樣,選擇編輯(Edit)>自定義圖案(Difine Pattern)命令將其保存為圖案。在圖層樣式(Layer Style)中的圖案疊加(Pattern Overlay)中選擇已經(jīng)保存的圖案樣式應(yīng)用到大幅文檔中。

Photoshop中創(chuàng)建多種樣式的網(wǎng)格背景圖案,PS教程,16xx8.com教程網(wǎng)

和上面的十字網(wǎng)格圖案一樣,你也可以調(diào)整線條之間的間距和線條顏色來獲得讓你滿意的效果。

 

三、單向?qū)蔷圖案

這就更簡單了,只需要將上面對(duì)角交叉線圖案的其中一條線去掉保存為自定義圖案就可以了。

Photoshop中創(chuàng)建多種樣式的網(wǎng)格背景圖案,PS教程,16xx8.com教程網(wǎng)

你還可以通過改變線條間的間距、線條的粗細(xì)以及線條的方向來創(chuàng)建不同樣式的單向?qū)蔷圖案。如下圖:

Photoshop中創(chuàng)建多種樣式的網(wǎng)格背景圖案,PS教程,16xx8.com教程網(wǎng)

四、添加顏色和材質(zhì)

到此為止,我們要給大家介紹的三種不同樣式的網(wǎng)格背景圖案就完成了。接下來如果你還想讓這些圖案有些變化,還可以給它們添加一些顏色和材質(zhì)。添加顏色很簡單,只需要給圖案背景填充顏色就可以了。需要注意的是,顏色要柔和,對(duì)比度不要太強(qiáng)烈,一點(diǎn)點(diǎn)顏色就可以了。添加材質(zhì)相對(duì)來說就要復(fù)雜一些,因?yàn)檫@些圖案最終作為網(wǎng)頁背景被平鋪到整個(gè)頁面之后,很難讓人看不出來材質(zhì)的重復(fù),就像《在Photoshop中創(chuàng)建不規(guī)則無縫拼接圖案》中簡單平鋪的綠草地糟糕的效果一樣,這也正是無縫拼接技術(shù)在相對(duì)復(fù)雜的圖案上所發(fā)揮的作用。以下有三點(diǎn)關(guān)于創(chuàng)建材質(zhì)圖案的要點(diǎn):

讓圖案稍微大一些,這樣平鋪以后相對(duì)不容易看出來材質(zhì)的重復(fù)性。但是還要留意圖案的文件大小對(duì)于頁面載入時(shí)間的影響。

圖案的材質(zhì)要低調(diào)一些,不要太突兀,有一點(diǎn)點(diǎn)感覺就可以了。

使用無縫拼接技術(shù)讓圖案的材質(zhì)更不容易察覺。

接下來我們用一個(gè)例子來說明如何創(chuàng)建能夠應(yīng)用于網(wǎng)頁背景的材質(zhì)圖案。

1、新建一個(gè)99像素乘以99像素大小的文檔。新建一個(gè)圖層,畫出一個(gè)覆蓋整個(gè)文檔的矩形,給矩形應(yīng)用之前我們創(chuàng)建的對(duì)角交叉線圖案樣式。

Photoshop中創(chuàng)建多種樣式的網(wǎng)格背景圖案,PS教程,16xx8.com教程網(wǎng)

2、將文檔放大到200%,新建圖層,使用和背景色顏色相同的畫筆工具,選擇有細(xì)微材質(zhì)的筆觸隨機(jī)在圖案上點(diǎn)擊幾次直到得到讓你滿意的效果。切記效果不要太強(qiáng)烈。之后就可以將此材質(zhì)圖案保存為自定義圖案應(yīng)用于網(wǎng)頁頁面了。

Photoshop中創(chuàng)建多種樣式的網(wǎng)格背景圖案,PS教程,16xx8.com教程網(wǎng)

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!