photoshop-qq-browser-icon-1

編者按:今天教大家臨摹一枚QQ瀏覽器的圖標, 教程難度中等偏下,要考驗的主要是同學們對鋼筆工具的運用,蒙版和漸變等也有涉及,教程特別細致,新手完成應該木有問題,附上一個可以在線練習鋼筆工具的酷站,來收!

鋼筆工具在線練習:《邊玩邊學!幫你輕松掌握鋼筆工具的游戲酷站》

最終效果:

1qqbrowser20151024

新建一個500*500畫布,按U用橢圓工具畫一個200*200的圓(顏色隨意)

2qqbrowser20151024

路徑選擇工具選中畫好的圓形。ctrl+c,ctrl+v 復制這個圓形在同一個圖層

3qqbrowser20151024

4qqbrowser20151024

ctrl+t 縮小的時候按住shift+alt ,同比例縮?。ù笮∽约嚎粗线m就行)

5qqbrowser20151024

如圖所示。切掉它

6qqbrowser20151024

7qqbrowser20151024

合并成一個形狀。

8qqbrowser20151024

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

9qqbrowser20151024

用剛剛說的方法再切一個左邊的小圓來

10qqbrowser20151024

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

11qqbrowser20151024

把小圓放到中間

12qqbrowser20151024

ctrl+j復制出外面那個大圓,右鍵清除圖層樣式

13qqbrowser20151024

填充顏色 a5daff

14qqbrowser20151024

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

15qqbrowser20151024

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

16qqbrowser20151024

ok我們來畫云。按U橢圓工具和矩形工具依照下圖所示畫。記住每個形狀都必須是單獨的圖層

17qqbrowser20151024

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

18qqbrowser20151024

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

19qqbrowser20151024

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

20qqbrowser20151024

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

21qqbrowser20151024

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

22qqbrowser20151024

勾好后,放在內側這個位置

23qqbrowser20151024

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

24qqbrowser20151024

放到這個位置

25qqbrowser20151024

教程到這里基本結束啦。自己試著做個陰影 高光 之類的,細節方面自己在把控下。

26qqbrowser20151024

再次附上最終臨摹的效果圖

1qqbrowser20151024

【優設十月熱門教程合集】

一枚精美的錘子論壇圖標:
《漂亮實力派!教你用SKETCH繪制一枚精美的錘子論壇圖標》

超酷炫的九重天特效:
《PS教程!手把手教你打造酷炫的九重天魔幻特效》

從零開始學習黑白攝影:
《高手教程!從零開始幫你搞懂黑白攝影的后期方法》

作者:看不見的敵人28(已授權)

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量103萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏