PS圖標(biāo)教程！手把手教你繪制一枚幻彩絢麗的時(shí)鐘

編者按：今天這個(gè)教程很適合學(xué)習(xí)臨摹，作者@DearSalt?教同學(xué)同學(xué)們分解圖標(biāo)，觀察組成部分以及分層制作，專業(yè)范兒十足，絕對是新手快速上道的最貼身教程 >>>

桂桂教程：

• 《PS新手教程！手把手教你打造炫酷的冰凍特效字體》
• 《PS字體教程！手把手教你繪制一個(gè)春意盎然的字體效果》
• 《這效果炫酷！教你輕松6步打造大氣震撼的立體字效果》
• 《PS新手教程！手把手打造復(fù)古典雅的金色字體效果》

這幾天突然對UI很感興趣，于是就做了這個(gè)小時(shí)鐘，整體效果很絢麗，圖層樣式中的參數(shù)我已經(jīng)給出，僅供大家參考，邵飛老師說得對“多試參數(shù)，沒有人可以一步到位，多花時(shí)間去調(diào)試不同的參數(shù)，可以幫助提高設(shè)計(jì)經(jīng)驗(yàn)，細(xì)節(jié)靠折騰，而不是靠大量效果”我現(xiàn)在就是這樣做的，雖然有時(shí)候會(huì)花很多時(shí)間，但真的是會(huì)積累經(jīng)驗(yàn)的，期待大家的作品！

一、首先我們來分解這個(gè)圖標(biāo)，觀察其各個(gè)組成部分，然后我們分層制作。

二、接下來我們先制作“時(shí)鐘底座”。

這個(gè)圖層看起來很復(fù)雜，實(shí)際上整個(gè)效果只用了一個(gè)圖層便能搞定，以下截圖的參數(shù)僅供參考，因?yàn)槟阈陆▓A的大小將會(huì)影響這些參數(shù)數(shù)值，具體大家自行測試吧，新建畫布，拖入背景素材，使用橢圓工具建立一個(gè)橢圓，雙擊此圖層為其添加圖層樣式。

三、時(shí)鐘底座的效果大家已經(jīng)看到了吧，下面我們來制作表盤底座。

它同樣也是一個(gè)圖層完成的，新建圖層，在畫布上建立一個(gè)小一點(diǎn)的正圓形并將此層放在時(shí)鐘底座圖層的上方，雙擊添加圖層樣式。

四、表盤的制作。

這一步像表盤上的數(shù)字、時(shí)針、分針、秒針這些制作起來都很容易，時(shí)針分針的顏色數(shù)值為#724042，圖層模式為疊加，秒針的顏色數(shù)值為#f62020，特別注意的是這三個(gè)針的陰影方向，光源在左上角在這里我只貼出金屬帽的圖層樣式，以供大家參考

五、最后我們來制作高光，整個(gè)高光圖層是由兩部分組成。

高光素材：《14套PS頂級光效筆刷打包下載》

最終效果：

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

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

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

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

原文地址：blog.dearsalt.me

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量94萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(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)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：