ps圖標製作教程

1、打開Photoshop,新建一個空白文檔。使用疊加等圖層混合模式簡單幾步做出背景:

2、開始繪製圖標:

深綠色的外環圖層樣式參數如下:

3、織布的紋理需要使用Illustrator來做。主要使用到了AI裡面的波紋效果(菜單 -> 效果 -> 扭曲和變換 -> 波紋效果)和虛線。

製作紋理過程中會用到的一些圖形:

4、接下來就是將AI裡面製作好的紋理應用到Photoshop裡面去。在AI中直接選中一個對象並複製,可直接粘貼到PS中。在這個教程中一般選擇「智能對象」,可以保留完整的外觀。

鑲邊的縫線,淺色的半徑比深色的縫線半徑要大,但是寬度更窄。置於最後的縫線有深色和淺色。深色置於最後,淺色在其上,並略微旋轉2-3度,錯開一定角度,就有了縫線的立體感:

5、然後就是繪製中間的圖案部分。此部分方法與之前大致相同,在此不贅述了。最後給徽章加上陰影,如果環境有光源,那麼給徽章加上一些明暗。至此一個精緻的帶有織布和縫線紋理的徽章圖標就繪製完畢了:

推薦閱讀:

2018年學UI行不行?最全UI設計行業分析!
設計師該如何面對新年來襲的中國紅
UI設計術語中英文對照大全 | 向左向右
【視覺設計基礎】 萬能的情緒板
如何建立完整的視覺自查表

TAG:自學UI設計 | UI視覺設計 | Ps教程 |