這篇教程教腳本之家的PS學(xué)習(xí)者們使用PS繪制高逼格網(wǎng)格背景，教程繪制的難度一般，推薦一下和腳本之家的朋友們一起分享學(xué)習(xí)了，我們先來(lái)看看最終的效果圖吧：

從來(lái)木有想過(guò)會(huì)發(fā)教程，一直覺(jué)得那是大神特別牛逼干的一件事，后來(lái)看了很多教程，發(fā)現(xiàn)寫(xiě)教程的都是大神（因?yàn)楹枚嗳?/p>

說(shuō)他們寫(xiě)教程總會(huì)漏掉某個(gè)步驟，然后我們這些菜鳥(niǎo)琢磨了半天，開(kāi)個(gè)玩笑，哈哈），設(shè)計(jì)這個(gè)行業(yè)需要太多的人出來(lái)分享，互聯(lián)

網(wǎng)行業(yè)更是如此。

第一次寫(xiě)教程，寫(xiě)給自己，也寫(xiě)給那些還出于初級(jí)階段的設(shè)計(jì)愛(ài)好者們。

在設(shè)計(jì)中有很多人可以做出高逼格的效果、也有很多人連最基本的細(xì)節(jié)問(wèn)題都要花費(fèi)很長(zhǎng)的時(shí)間去琢磨，比如我，嘿嘿...

今天這篇文章寫(xiě)一下PS里面最基礎(chǔ)的網(wǎng)格背景如何制作，而且要美觀喲。

會(huì)的同學(xué)和大神請(qǐng)忽略掉我這篇文章

先來(lái)看看從網(wǎng)上搜羅到的一張圖片，突然間覺(jué)得這個(gè)網(wǎng)格背景很好看，看起來(lái)很簡(jiǎn)單的網(wǎng)格，其實(shí)做起來(lái)也很簡(jiǎn)單，要做到細(xì)致精

美就需要好好思考一下了。

有同學(xué)會(huì)畫(huà)一根直線(xiàn)，然后shift+alt在橫向與縱向不斷復(fù)制...

（這個(gè)方法會(huì)累死的有木有？）

今天給菜鳥(niǎo)"設(shè)計(jì)師"們分享一種方法叫做"定義圖案"，

很多人都知道這種方法，可是做的時(shí)候難免忽略掉細(xì)節(jié)問(wèn)題。

廢話(huà)不多說(shuō)，開(kāi)始干...

1，ctrl+n新建畫(huà)布，按照如下圖片設(shè)置（請(qǐng)忽略掉我是一個(gè)強(qiáng)迫癥）

2，給畫(huà)布填充任意一個(gè)顏色，既然你和我較真，我就用吸管工具選取和那張圖片同樣的背景色吧。

3，接下來(lái)干什么呢？畫(huà)布建好了，當(dāng)然是要畫(huà)網(wǎng)格了，怎么畫(huà)...........這就是教程開(kāi)始的地方了，我們用定義圖案的方法來(lái)完成網(wǎng)格繪制。所以，繼續(xù)新建一個(gè)畫(huà)布文檔（50*50），如下圖所示。

4，給我們的新畫(huà)布填充黑色，然后放大視圖到500%便于參考。選擇直線(xiàn)工具，在橫向畫(huà)一條寬50像素，高度為1像素的直線(xiàn)，

如下圖所示。并用左手按住shift+alt，右手拖動(dòng)鼠標(biāo)復(fù)制出剩下的幾條直線(xiàn)，拖動(dòng)間隔為10像素。

5，同樣的道理，在縱向上也如此操作，如下圖所示

6，接下來(lái)我們把這個(gè)網(wǎng)格的四條邊上的直線(xiàn)透明度降為76（數(shù)值自己定，我說(shuō)了我是個(gè)強(qiáng)迫癥），網(wǎng)格內(nèi)部的直線(xiàn)透明度統(tǒng)一降為21，開(kāi)始定義圖案，編輯—定義圖案，給圖案隨意取個(gè)名字你能分辨得出就好了，然后點(diǎn)擊確定按鈕。

7，接下來(lái)回到第一次新建的畫(huà)布開(kāi)始用我們的自定義圖案繪制網(wǎng)格吧，沒(méi)錯(cuò)，接下來(lái)就是見(jiàn)證奇跡的時(shí)候了。選擇油漆桶工具，

在左上角的油漆桶子菜單里面選擇圖案，并點(diǎn)擊旁邊的倒三角符號(hào)，在下拉菜單中去找到你剛才定義的圖案，一般會(huì)是在最后一個(gè)。

8，然后在背景圖層上面再新建一個(gè)圖層用以填充網(wǎng)格圖案，用選中的油漆桶圖案在新建的圖層上面點(diǎn)擊就好了，你會(huì)發(fā)現(xiàn)網(wǎng)格就填充好了，如下圖所示。

最新評(píng)論