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