下面是效果圖：一個(gè)網(wǎng)站制作的，一個(gè)我做的。


1、在PS里面創(chuàng)建文件

然后雙擊圖層解鎖，打開圖層樣式：

2、用橢圓工具，按住Shift鍵，畫一個(gè)正圓，這里我為什么要用形狀圖層我說一下，因?yàn)槊柽吇蛘吒淖兇蟠笮〉臅r(shí)候不容易出現(xiàn)鋸齒。

然后填充下圖所示的顏色：


然后雙擊圖層，打開圖層樣式：描邊

3、復(fù)制剛才圖層，縮小85%的像素，如圖所示：

填充顏色，如下圖所示：

打開圖層樣式，描邊：

4、復(fù)制剛才的圖層，縮小95%像素，如下圖所示：


打開圖層樣式，漸變疊加與描邊：


5、又復(fù)制剛才的圖層，縮小90%的像素，然后清除圖層樣式(用鼠標(biāo)右鍵點(diǎn)擊圖層)，把填充給為“0”

然后添加圖層樣式：

然后給這個(gè)圖層添加一個(gè)組，命名為“圈”

6、復(fù)制剛才的圖層，把描邊大小改為“1”，再縮小“97%”


7、再復(fù)制剛才的圖層，縮小“97%”，重復(fù)兩次，然后把組“圈”的不透明改為50%



8、把我們，最開始做的3個(gè)圖層組合成一個(gè)組，命名“外殼”。在復(fù)制我們做的第三個(gè)圖層，添加一個(gè)分組，命名為“內(nèi)部”，添加剛才復(fù)制圖層的樣式如下：


縮小“82%”
9、復(fù)制剛才的圖層，縮小“75%”再添加以下圖層樣式：





10、復(fù)制剛才的圖層，如下所示：

11、復(fù)制“圈”組，然后把這個(gè)復(fù)制的組拉到圖層最上面。

縮小“57%”，然后刪除描邊2px的圖層

12、復(fù)制剛才復(fù)制的“圈組”，縮小“90.5%”的像素

13、拉輔助線條，找到中心。

14、新建一個(gè)圖層，打開畫筆工具，顏色為：#717779，按如下設(shè)置：


15、再新建一個(gè)圖層，打開畫筆工具，按如下設(shè)置：

16、畫一個(gè)與內(nèi)部第三個(gè)圖層大小一樣的圖層，你們覺得麻煩也可以直接用Ctrl+鼠標(biāo)左鍵調(diào)出這個(gè)圖層的選框，然后填充顏色#42c9f6。

17、新建一個(gè)圖層，填充黑色#000000：

然后，打開濾鏡，渲染，鏡頭光暈


把圖層樣式改為“濾色”

然后把最亮的那個(gè)，拖到中間來


然后按Ctrl+U調(diào)出色相/飽和度，按如下修改：

然后把你認(rèn)為是多余的用橡皮擦擦掉

但是我們覺得顏色還不夠深，這樣你可以把這個(gè)圖層復(fù)制幾次，然后調(diào)節(jié)圖層透明度，依個(gè)人喜好而定咯!

18、新建一個(gè)圖層，打開畫筆工具，按如下設(shè)置：
圓度85%(圖上面忘記框紅線了)5個(gè)小圈圈大小11px-14px，依個(gè)人喜好而定。

19、做出如下的選取框，為高光而做準(zhǔn)備。

然后選擇多邊形套索工具刪除一部分：


20、打開漸變工具，如下設(shè)置，然后拉漸變：



21、新建圖層，制作另一個(gè)高光：

鼠標(biāo)右鍵點(diǎn)擊：


拉漸變!

22、新建圖層(位置不要弄錯(cuò)了哦)，還是刷高光，用白色#ffffff

23、制作外殼的高光，先把選框弄出來，然后多邊套索工具!

然后填充白色：

然后，濾鏡模糊，高斯模糊，數(shù)值：20


然后就是剪切蒙板了，把鼠標(biāo)指針放在兩個(gè)圖層的中間，然后按住Alt鍵，就會(huì)出現(xiàn)另一個(gè)不一樣的指針，然后點(diǎn)擊你的鼠標(biāo)左鍵就好了。

24、加文字

然后就點(diǎn)擊工具欄上的文字工具，移到路徑上面，點(diǎn)擊鼠標(biāo)左鍵即可。


25、制作投影，看起來更加逼真
用橢圓工具拉一個(gè)選框，新建圖層，然后填充黑色，高斯模糊，降低圖層不透明度，依個(gè)人喜好而定吧!


非常感謝你們的觀看!
當(dāng)然在制作的過程當(dāng)中也不要完完全全按照我的去做，那樣沒有意義，是你在制作的過程里你自己學(xué)到了什么。
這個(gè)教程是針對(duì)新手來做的，我也是從新手走過來的，里面也有很多辛酸啊。
有些教程做到一半，接下來的步驟你完全不會(huì)做，進(jìn)不能進(jìn)，退也不好退，造成很尷尬的局面，就像大
家準(zhǔn)備“啪!啪!啪!”的時(shí)候，女友說大姨媽來了一樣!
好了就寫這么多，歡迎大家踴躍拍磚，有什么不懂的就留言!

最新評(píng)論