ps怎麼設計一款瀏覽器圖標

我們經常使用瀏覽器,該怎麼自己設計一款瀏覽器的圖標呢?今天我們就來看看ps設計qq瀏覽器圖標的教程。

ps怎麼設計一款瀏覽器圖標

1、新建畫布,畫出一個橢圓,大小在200x200的圓,(快捷鍵U )

ps怎麼設計一款瀏覽器圖標 第2張

2、路徑選擇工具選中畫好的圓形。ctrl+c,ctrl+v 複製這個圓形在同一個圖層,ctrl+t 縮小的時候按住shift+alt ,同比例縮小(大小自己看着合適就行)

ps怎麼設計一款瀏覽器圖標 第3張

3、如圖所示。切掉它

ps怎麼設計一款瀏覽器圖標 第4張

4、合併成一個形狀。

ps怎麼設計一款瀏覽器圖標 第5張

5、添加圖層樣式漸變疊加角度是120度(顏色數值用吸管吸我截圖顏色就行啦)

ps怎麼設計一款瀏覽器圖標 第6張

6、用剛剛説的方法再切一個左邊的小圓來

ps怎麼設計一款瀏覽器圖標 第7張

7、添加圖層樣式 90°的線性漸變疊加~

ps怎麼設計一款瀏覽器圖標 第8張

8、把小圓放到中間

ps怎麼設計一款瀏覽器圖標 第9張

9、ctrl+j複製出外面那個大圓,右鍵清除圖層樣式

ps怎麼設計一款瀏覽器圖標 第10張

10、填充顏色 a5daff

ps怎麼設計一款瀏覽器圖標 第11張

11、添加蒙版,拉個黑到白色的漸變,拉出這樣的效果,如果拉不出這樣的效果就用筆刷調整好 透明度慢慢擦。

ps怎麼設計一款瀏覽器圖標 第12張

12、覆蓋到大圓上面,把添加蒙版的這個圓形向下向右各移動一個像素,讓整體具有立體感

ps怎麼設計一款瀏覽器圖標 第13張

13、畫雲。按U橢圓工具和矩形工具依照下圖所示畫。記住每個形狀都必須是單獨的圖層

ps怎麼設計一款瀏覽器圖標 第14張

14、按P鋼筆工具勾出這個形狀。

ps怎麼設計一款瀏覽器圖標 第15張

15、這時候把雲朵填充白色,先隨便複製出一個圓形,添加蒙版填充顏色 (顏色數值a5daff)按照剛才的方法擦擦 or 加漸變拉。擦出如圖形狀

ps怎麼設計一款瀏覽器圖標 第16張

16、覆蓋到原來的圓形的上面,其他兩個圓也按照如上,複製添加蒙版擦出來。

ps怎麼設計一款瀏覽器圖標 第17張

17、鋼筆勾出的形狀,也是添加蒙版擦擦。

ps怎麼設計一款瀏覽器圖標 第18張

18、用鋼筆勾出這個形狀,添加蒙版擦擦,用鋼筆順着圓形的內側勾就行。

ps怎麼設計一款瀏覽器圖標 第19張

29、勾好後,放在內側這個位置

ps怎麼設計一款瀏覽器圖標 第20張

20、新建個圖層,用鋼筆順着圓形勾出這個形狀,描邊白色。還是添加蒙版,稍微擦擦兩端。

ps怎麼設計一款瀏覽器圖標 第21張

21、自己試着做個陰影 高光 之類的,細節方面自己在把控下。

ps怎麼設計一款瀏覽器圖標 第22張

以上就是ps設計瀏覽器圖標的教程,希望大家喜歡,請繼續關注百科書網。