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ū)蔷圖案

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

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ì)。添加顏色很簡單,只需要給圖案背景填充顏色就可以了。需要注意的是,顏色要柔和,對比度不要太強(qiáng)烈,一點(diǎn)點(diǎn)顏色就可以了。添加材質(zhì)相對來說就要復(fù)雜一些,因為這些圖案最終作為網(wǎng)頁背景被平鋪到整個頁面之后,很難讓人看不出來材質(zhì)的重復(fù),就像《在Photoshop中創(chuàng)建不規(guī)則無縫拼接圖案》中簡單平鋪的綠草地糟糕的效果一樣,這也正是無縫拼接技術(shù)在相對復(fù)雜的圖案上所發(fā)揮的作用。以下有三點(diǎn)關(guān)于創(chuàng)建材質(zhì)圖案的要點(diǎn):

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

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

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

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

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

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í)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

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

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