編者按：今天這篇教程適合新手練習(xí)，重點(diǎn)是幫同學(xué)們深入理解圖層樣式的運(yùn)用，作者@涼星在?特別說(shuō)明，數(shù)值不是標(biāo)準(zhǔn)，自己折騰才有進(jìn)步，來(lái)感受下 >>>

第一步：

新建畫(huà)布，大小自定，填充一個(gè)淡色。

第二步：

畫(huà)一個(gè)圓形，大小自定，填充如下。

接上邊的數(shù)值。

第三步：

復(fù)制底圓，然后Ctrl+T，調(diào)整他的大小，添加圖層樣式。

接上數(shù)值：

第四步：

再畫(huà)一個(gè)圓形，調(diào)整大小位置。

圖層樣式數(shù)值。

第五步：

再畫(huà)一個(gè)圓形，加漸變效果。

漸變數(shù)值：

第六步：

畫(huà)一個(gè)三角形，填充自己喜愛(ài)的顏色，添加樣式。

第七步：

畫(huà)一個(gè)這樣的圓環(huán)。方法可參見(jiàn)：《PS教程！手把手教你繪制一枚錘子瀏覽器圖標(biāo)》

第八步：

處理一下 加上圖層樣式，讓他有點(diǎn)立體的感覺(jué)，尾部擦一下。

數(shù)值：

第九步：

右下角畫(huà)一個(gè)這樣的，方法參照上面的。

第十步：

再畫(huà)一個(gè)放在左邊。

第十一步：

在兩個(gè)圓之間添加一個(gè)圓環(huán)，顏色自己調(diào)整，一些細(xì)節(jié)上自己再調(diào)整一下。

第十二步：

在黃色圓環(huán)上添加文字，在文字上添加圖層樣式，打造一種立體的感覺(jué)。

最終效果：

【優(yōu)設(shè)四月免費(fèi)神器+資源下載人氣榜】

Top 1：超級(jí)好用的免費(fèi)切圖神器！
《免費(fèi)了！切圖標(biāo)記外掛神器ASSISTOR PS深入解讀（上）》

Top 2：無(wú)代碼做APP動(dòng)效的最佳幫手！
《SKETCH神助攻！無(wú)代碼做動(dòng)效神器HYPE3入門教程》

Top 3：四月份的免費(fèi)英文字體打包下載
《挑個(gè)任性！四月份高質(zhì)量精選英文字體免費(fèi)打包下載》

作者：@涼星在

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量94萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：