資源地址: //cg.silucg.com/ui/jichu/10973.html（分享請保留)
這系列做點擬物圖標，但都是中規中矩，很快出效果的圖標。不會畫特別難，超寫實的圖標，超寫實圖標對提升個人技術很有幫助，但真的太耗費時間了。
跟著做可以鍛鍊到中常用的PS基本功和圖層樣式，熟悉之後舉一反三吧~
不會每一步都有操作演示，我只說要注意的地方以及上傳源文件，更多的需要靠自己去想了。
進步最快的方式是臨摹，但要會正確的臨摹方式~
臨摹三部曲：
①先自己做，用自己的方式實現看得到的效果;
②鍛鍊眼睛，揣摩出隱藏的效果;(這點比較困難，但是非常鍛鍊水平)
③無計可施再看源文件，同時想有沒有比原作者更簡便的實現方法。(任何一個原作者都不是神，也會有使用比較蠢的方式的時候)
這是LZ最開始使用的進步方式最快也是最鍛鍊水平的方法~
畫圖標的大致流程：
草圖勾畫→PS搭型→效果光影質感添加→後期調整→完稿
一、草圖勾畫：
草圖階段可以大致在紙上用筆畫畫，勾勒出大概的造型就可以了，因為我們不是做遊戲UI圖標，大部分靠PS的矢量工具+圖層樣式就可以完成了，而且我的習慣是直接用PS搭造型，草圖階段比較適用於想法不太明確，僅有模糊印象的人。
這一階段可以幫助你提升自己的手繪水平，建議如果手上功夫差的人在這一階段可以仔細斟酌一下。
二、PS搭型：
這一階段你需要用PS把造型搭建出來，摒棄一切效果陰影，僅僅用灰度等級區分造型~
你用得到的工具，同時也是做UI設計常用的工具：
做遊戲UI常用的是畫筆工具組，但是我們做APP或者網頁的UI設計，使用最多的就是矢量工具組。
無論你是做界面，做圖標，做按鈕，我建議通通使用矢量圖形 ，這對於後期修改很方便。
另外在這一階段，也就是任何項目建立之初，你要學會整理圖層以及打包歸類 ：
應該注意的地方：
你會發現和指針和原圖位置不同，這是有原因的，
一般我們做有角度的控件的時候，包括上圖傾斜的指針杆，會在造型的時候選擇統一的方向，設置完所有效果之後，將其整個“轉換為智能對象”進行旋轉，這樣可以保證圖層樣式中設置的角度跟隨對象轉變。
不明白我們下面會看到是什麼意思~
造型階段就不一一演示操作步驟了，我覺得既然基本的造型都可以做到~本階段需要的就是對圖層的整理和使用矢量工具造型的能力~
三、效果光影質感添加
所有的光影，我們在製作時就要確定角度，這裡統統設置為垂直光的90度。
需要把全局光選擇勾選掉，否則會影響到所有的編輯對象。
質感的實現：
推薦使用紋理貼圖 ，你會發現目前大部分圖標有木質紋理，金屬紋理等各種材質的質感表現，如果用PS去畫，雖然能畫出來，但是真的很費時費力，LZ以前做3D渲染的時候喜歡用貼圖，現在用PS畫更喜歡用貼圖。這不是偷懶，這是採用有效率的方式。
使用紋理貼圖需要注意的是，我們在網上找到一張有色紋理貼圖的時候，記得要對其進行“去色”處理，僅使用黑白灰模式下的貼圖，圖層樣式為“疊加”，這樣可以保證紋理，又不會掩蓋到圖標本身的色彩。
回到我們本次做的圖標~
首先是漸變，我不推薦使用圖層樣式的漸變疊加，推薦使用矢量圖形自身的漸變， 因為這樣進行剪貼蒙板的時候，會掩蓋掉貼圖的紋理以及一些其他圖層效果~
這裡實際操作步驟我不說了，來說說需要注意的地方……
邊框大概就是這麼個意思，基本上琢磨琢磨很容易就可以做到這一步，下面說說膠片……
膠片上面有螺紋，有反光。
螺紋的實現方式：
膠片本身的漸變使用的是“角度漸變”，這個可以做為膠片本身反光的漸變，
在此基礎上，把膠片複製一層，新複製的這一層就是做完螺紋的，將其剪貼進原膠片圖層，把漸變模式改為“徑向漸變“，之後進入漸變編輯框
漸變類型→雜色
粗糙度→70%（這個以實際效果為準）
勾選上右側兩個選項
RGB的滑塊都劃到最右端
點擊隨機化，找到自己合適的螺紋粗細(因為是隨機化，可能需要不斷的點擊出現合適的螺紋)
這是螺紋的實現方式之一，基本上螺紋都可以靠這種方式實現……
指針杆的效果：
因為是金屬，所以漸變對比會比較強烈~漸變自己調，沒必要一模一樣。
這裡說一下，前面提到的”轉換為智能對象“，因為我們的圖標，光源選定的是統一角度，圖層樣式裡面都是90度。如果不轉化為智能對象
會出現下面這種情況~
圖一是我們編輯完的，圖二是未轉換為智能對象時旋轉的效果，圖三是轉換為智能對象選擇的效果。
可以看到，如果不轉換為智能對象，角度是不會跟隨對象旋轉的，這一點以後在做有選擇角度的控件時，可以記住。
四、後期調整
一般我們做完一枚圖標，還需要從各方面進行調整，包括飽和度，色彩平衡，曲線這些方面，這枚圖標我提升了一下飽和度~
五、完稿
一枚圖標大致就這麼誕生了，其實如果想細化下去，可以一直細化下去，包括光影紋理質感，看你想做到什麼程度了……
你可能發現我說的看起來很籠統，因為總監跟我說：你聽別人說一千遍，也不如自己琢磨動手一遍，所以我希望你們可以和我一起琢磨，而不是我把每一步都明明白白的寫出來……
授人以魚不如授之於漁嘛~源文件已經上傳了，看不懂就看看源文件吧，我已經整理好每個圖層了~祝你們好運嘍!（源文件請私信“唱片”二字）
如果大家喜歡葉貓此次分享的精選教程記得點上關注哦
每日分享優選教程，還有原創平面教程原創設計教程哦
收藏或轉發的朋友可以在學習教程結束後到本文章評論區交作業~
閱讀更多 葉貓子設計 的文章
