今天，Pixel Girl讓大家用PS制作一個(gè)很酷的設(shè)置圖標(biāo)。不要錯(cuò)過不熟悉PS圖層樣式和布爾運(yùn)算的學(xué)生。我們開始學(xué)習(xí)吧！我們來看看完成圖?

第一步是使用布爾運(yùn)算繪制形狀

1.ctrl + n新畫布，像素姐姐建的是800 * 600，你可以隨意，但要記住分辨率必須是72哦~2。使用橢圓工具按住shift來畫出一個(gè)完美的圓圈，顏色可以隨意填充一個(gè)，你可以稍后修改它，并在錨點(diǎn)拉出兩條參考線，如下所示;

3.繪制一個(gè)小矩形，在繪畫前按住shift鍵，然后在開始繪制后松開，這樣就可以在一個(gè)圖層中繪制前一個(gè)圓圈的圓圈，將其放在圓圈的頂部，與圓圈相交， reference該行位于矩形的中間，如下所示;

4.使用白色工具水平移動(dòng)矩形左上角和右上角的錨點(diǎn)，并將左右距離相等，使其成為梯形，如下所示;

5.切換到小黑工具，ctrl + c，ctrl + v復(fù)制粘貼，然后ctrl + t自由變換，右鍵單擊，選擇垂直翻轉(zhuǎn)，然后按回車確認(rèn)，將變換后的梯形放在先前的梯形對(duì)稱位置，如下圖所示;

6.使用小黑工具選擇繪制的兩個(gè)梯形，ctrl + c，ctrl + v復(fù)制粘貼，然后ctrl + t自由變換，按住移位旋轉(zhuǎn)，每次旋轉(zhuǎn)15度，旋轉(zhuǎn)45度，然后按確定回車鍵，如下所示;

7.按住ctrl + shift + alt + t執(zhí)行等距復(fù)制轉(zhuǎn)換并復(fù)制兩次，如下所示;

8.選擇最初繪制的圓圈，ctrl + c，ctrl + v復(fù)制粘貼，然后ctrl + t自由變換，按住shift + alt進(jìn)行放大，可以得到一個(gè)同心圓，只選擇剛剛獲得的同心圓圓形，在工具欄的布爾操作中，將其屬性更改為“減去頂部形狀”，如下所示;

9.ctrl + c，ctrl + v復(fù)制并粘貼此圓圈，然后按住ctrl + shift + j將其從此圖層中取出并將其放入新圖層。在工具欄的布爾運(yùn)算中，將他的屬性改為“l(fā)dquo;減去頂部形狀“到“l(fā)dquo;合并形狀“，然后可選擇填充顏色，如下所示;

10.重復(fù)步驟8和9，得到一個(gè)與外面的大圓同心的環(huán)。 （注意：此戒指也與原始戒指不在同一層。）如下圖所示; p>

11.如第9步所示，復(fù)制中心被切掉的小圓圈，更改屬性，將其從圖層中取出并放在新圖層上，然后根據(jù)需要填寫顏色，如下所示;

將圖標(biāo)的形狀設(shè)置為此步驟。為了使它看起來更逼真，讓我們?yōu)樗砑右粋€(gè)圖層樣式。

第二步，添加圖層樣式

1.選擇齒輪圖層，然后雙擊打開圖層樣式面板，添加漸變疊加，雜色，內(nèi)陰影，筆觸和投影。有些學(xué)生會(huì)問，雜色的添加在哪里？雜色的顏色實(shí)際上隱藏在陰影里面哦?每個(gè)人都可以看到下圖中的具體值;

為了添加背景效果，可以選擇比較重，接近黑色的顏色。

漸變覆蓋層的顏色從afafaf到171717，通常是黑暗和明亮的。

內(nèi)陰影的顏色應(yīng)該更亮，它比漸變疊加的最亮顏色更亮，像素姐妹使用c0c0c0。

這是添加噪聲的參數(shù)，距離和大小都給出了最大值，那么噪聲的百分比越大，噪聲越大，你可以給出一個(gè)合適的值，像素使用的顏色是252427

像素女孩使用的投影顏色是0f0f0f

添加圖層樣式的效果如下：

2.按住alt鍵，拖動(dòng)圖層后面的圖層“fx”。到了小環(huán)的一層，這樣剛剛添加的圖層圖案被復(fù)制到小環(huán)的圖層，然后投影稍微小一點(diǎn)，就可以了，如下圖所示;

改進(jìn)?復(fù)制圖層樣式的效果不是很方便，您不必逐個(gè)重新添加

3.為了使效果更加炫目，像素女孩在齒輪和小環(huán)的中間為大圓增加了漸變疊加。您也可以根據(jù)自己的喜好選擇顏色，如下所示;

像素姐妹使用的梯度值是8701ef到01c3ef

4.選擇中心的小圓圈，分別添加內(nèi)部陰影和雜色，參數(shù)如下;

雜色也可以復(fù)制添加哦?

這是設(shè)置圖標(biāo)的好方法。你認(rèn)為影響較小嗎？

第三步是創(chuàng)造一個(gè)背景并引發(fā)氣氛

1.使用矩形工具繪制一個(gè)大于畫布大小的矩形，將其放在圖標(biāo)的底部，填充背景圖層的頂部，填充漸變，下面的顏色稍重，顏色較淺，以及像素女孩使用的顏色編號(hào)從252525到6c6c6c，每個(gè)人都可以選擇它。效果如下;

2.在此背景中添加斑駁的顏色，您可以直接復(fù)制它，效果如下;

3.使用橢圓工具繪制幾個(gè)小橢圓，添加一點(diǎn)羽毛，并將它們放在小環(huán)的高光中，如下所示;

這樣做?你也發(fā)現(xiàn)最終的背景和氛圍非常重要，經(jīng)過背景和亮點(diǎn)，整個(gè)圖標(biāo)的完整性和精致性變得更加完美，所以每個(gè)人都自己練習(xí)也注意這些小細(xì)節(jié)背景，也許是幾個(gè)簡(jiǎn)單的步驟，效果非常不同?

« 營銷網(wǎng)站如何產(chǎn)生最多的轉(zhuǎn)化？ | 我是胡歌，我代表SEO »