ps網(wǎng)格背景圖案(2)
3、和上面一樣,選擇編輯(Edit)>自定義圖案(Difine Pattern)命令將其保存為圖案。在圖層樣式(Layer Style)中的圖案疊加(Pattern Overlay)中選擇已經(jīng)保存的圖案樣式應(yīng)用到大幅文檔中。
和上面的十字網(wǎng)格圖案一樣,你也可以調(diào)整線條之間的間距和線條顏色來獲得讓你滿意的效果。
三、單向?qū)蔷圖案
這就更簡單了,只需要將上面對(duì)角交叉線圖案的其中一條線去掉保存為自定義圖案就可以了。
你還可以通過改變線條間的間距、線條的粗細(xì)以及線條的方向來創(chuàng)建不同樣式的單向?qū)蔷圖案。如下圖:
四、添加顏色和材質(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ì)角交叉線圖案樣式。
2、將文檔放大到200%,新建圖層,使用和背景色顏色相同的畫筆工具,選擇有細(xì)微材質(zhì)的筆觸隨機(jī)在圖案上點(diǎn)擊幾次直到得到讓你滿意的效果。切記效果不要太強(qiáng)烈。之后就可以將此材質(zhì)圖案保存為自定義圖案應(yīng)用于網(wǎng)頁頁面了。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop制作網(wǎng)頁搜索條
- 用ps制作豎列導(dǎo)航
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- banner教程,用ps制作960*90的廣告圖片
- 陰影效果,教你制作各類陰影教程
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧