PS新手教程！教你繪制一枚清新淡雅的時鐘圖標(biāo)

@P大點(diǎn)S微博?：今天的教程是一個超簡單的圖標(biāo)繪制，無任何難度，僅僅是圖層樣式的應(yīng)用，適合新手入門臨摹練習(xí)，源文件已打包，感興趣的同學(xué)來一發(fā)。

我們的最終效果：

背景沒什么好說的，就是做個漸變，設(shè)置前景色為#f8efe0，用圓角矩形工具畫一個圓角矩形，這是我們的主體。

為圓角矩形添加一個圖層樣式。友情提示，漸變疊加樣式中的圖層混合模式是疊加，為什么是疊加，自己想想。

下面，我們強(qiáng)化一下投影效果，復(fù)制一層圓角矩形，置于我們主體圓角矩形的下層，更改顏色為黑色，執(zhí)行一個角度為90度，距離為50的動感模糊濾鏡，將圖層混合模式更改為正片疊底，圖層不透明度為23%，當(dāng)然，你需要用蒙版擦除上半部分那些不和諧的部分。

復(fù)制一層這個執(zhí)行了動感模糊的陰影層，置于底層（當(dāng)然，是在背景層的上層，無可置疑），我將圖層的不透明度改為了21%，動感模糊的參數(shù)角度不變，距離改成了108，這樣，看起來，顯得更為真實(shí)一些。

用橢圓工具，畫一個圓形，并添加一個圖層樣式。漸變的顏色，大家隨意，挑自己喜歡的就OK了。

接下來，用橢圓工具來添加中間的圓，使剛才那個漸變的圓形成一個圓環(huán)，設(shè)置一個圖層樣式。

下面，我用來畫最中間最小的圓，同樣的使用橢圓工具，畫好后，添加一個圖層樣式。

設(shè)置前景色為#f2eee8，我們畫出固定時針的那個圓（主要是我不知道叫啥），添加圖層樣式。

再往下，我們畫最小的那個圓（好傷心，真心叫不出這東西叫啥），添加圖層樣式。

畫一個圓角矩形，編輯——變形——扇形——1度，然后CTRL+T旋轉(zhuǎn)，放置到那個小圓與固定時針分針的圓的中間圖層位置。

為秒針添加一個投影。

在秒針上層畫一個白色矩形，旋轉(zhuǎn)，創(chuàng)建剪貼蒙版，圖層不透明度15%，營造高光效果。

一樣的操作手法，做出分針，時針，以及各自的高光，高光的透明度靈活調(diào)整。

最后，我加了幾個文字。

最終完成

歡迎關(guān)注可能是最用心做原創(chuàng)教程的微信公眾號：

「技多不壓身的設(shè)計(jì)師才有高薪資！」

1. 平面設(shè)計(jì)：《超贊！設(shè)計(jì)師完全自學(xué)指南》
2. 交互設(shè)計(jì)：《交互設(shè)計(jì)師修煉指南！教你從零開始成為優(yōu)秀交互設(shè)計(jì)師》
3. UI設(shè)計(jì)：《超實(shí)用新手指南！零基礎(chǔ)如何自學(xué)UI設(shè)計(jì)？》
4. 前端開發(fā)：《天貓高手來教你！零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開發(fā)？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個實(shí)用方法幫你全面搞定配色》
7. DPI指南：《基礎(chǔ)知識學(xué)起來！為設(shè)計(jì)師量身打造的DPI指南》
8. 交互設(shè)計(jì)自學(xué)路徑圖：《零基礎(chǔ)入門！給非科班生的自學(xué)路徑圖之交互設(shè)計(jì)篇》

原文地址：pdadians

【優(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í)平臺，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量112萬的人氣微博@優(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