如何用ps做icon圖示(ps製作ico圖示教程)

本人經常設計到APP,製作ICO圖示當然就變成必須要掌握的一個技能了。那要如何快速用PS製作出一個,可以自由任意放大縮小各種圖示尺寸而圖示不會模糊依舊清晰呢

這是教方法隨意畫的一個圖示,用來演示

下面我就把我用到的方法教給大家:

方法很簡單,PS大神現在可以漂過了……

第一步:PS裡新建個600*600畫素的畫布。為什麼是600呢,其實大小可以隨意的,因為本身就是向量的可以任意放大縮小,我這也是習慣,現在圖示最大支援到512畫素了,所以畫布才建成600,純個人習慣。(建畫布大家都會就不上圖了)


       第二步:選擇,矩形工具,快捷鍵:U 然後再選擇“圓角矩形工具”在畫布上滑鼠點一下,彈出設定框,設定大小如圖,512*512 半徑90 。確定後,圖形生成同時圖層面板自動生產一個圖層。


       
       
       第三步:同理方法,選擇橢圓工具,在畫布上滑鼠點一下,設定正圓420*420畫素。確定,圖層面板,依舊會再生產一個新圖層。


       
       
       第四步:製作圖示投影。同理方法,再選擇“圓角矩形工具”,在畫布上點選,設定為700*420 半徑為420畫素(設定420是因為第三步的圓是420的正圓)。確定,生成新的圖層,把矩形Ctrl T變換,-45度角,如圖,便把圖層移至圓角矩形1圖層的上一層,擺好適當位置。


       第五步:建立剪貼蒙版,快捷鍵:Alt Ctrl G,如圖所示


       
       
       第六步:選中圖層,橢圓1,再用矩形工具下的“自定形狀工具”在畫面上右鍵,選擇程式自帶的兔子。在畫布上,按Shift鍵拖拽出一個大小合適的兔子,圖層面板,依舊會自動生成個新圖層。


       
       
       第七步:做反光。選中橢圓1,按Ctrl J 複製,得到一個,橢圓1副本的新圖層,再用,直接選擇工具,快捷鍵:A 框選橢圓1副本。選中後,按Alt 拖動滑鼠,就會在當前圖層複製一個新的複本路徑。


       
       
       第八步:做布林運算。如圖,在直接選擇工具的屬性欄,選擇,減去頂層形狀。就會得到一個反光區了。

到這裡就算是完成了,此方法畫的圖示,可以隨意放大了,放多大都可以,只有你想不到大,沒有做不到大! 想在細化的也可以,這要看當時你做的APP的圖示需求了,像我弄的這個演示效果,加了些漸變,讓效果更好些。後面就由大家去創新了……

不會的地方可以給我留言,教到你會為止。當然這本身也是很簡單的,相信你一定會學會的。

-------------------------------------------------------

更多PS乾貨學習交流,案例解析請關注微信公眾號:醉月源素(zuiyueyuansu),在設計路上讓我們一同醉月相伴,一同成長。