PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

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

最終效果:

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

如圖所示。切掉它

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

合并成一個形狀。

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

把小圓放到中間

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

填充顏色 a5daff

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

放到這個位置

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標

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

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

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

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

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

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

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

收藏 3
點贊 2

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。