網站首頁 教育 學前教育 精緻生活 飲食養生 命理 科普教育 金融 歷史 影視 數碼 熱門資訊
當前位置:生活百科站 > 數碼 > 

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

欄目: 數碼 / 釋出於: / 人氣:1.51W

我們經常使用瀏覽器,該怎麼自己設計一款瀏覽器的圖示呢?今天我們就來看看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設計瀏覽器圖示的教程,希望大家喜歡,請繼續關注百科書網。

Tags:圖示 瀏覽器