PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

編者按:今天教大家臨摹一枚QQ瀏覽器的圖標(biāo), 教程難度中等偏下,要考驗(yàn)的主要是同學(xué)們對(duì)鋼筆工具的運(yùn)用,蒙版和漸變等也有涉及,教程特別細(xì)致,新手完成應(yīng)該木有問(wèn)題,附上一個(gè)可以在線練習(xí)鋼筆工具的酷站,來(lái)收!

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

最終效果:

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

路徑選擇工具選中畫(huà)好的圓形。ctrl+c,ctrl+v 復(fù)制這個(gè)圓形在同一個(gè)圖層

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

ctrl+t 縮小的時(shí)候按住shift+alt ,同比例縮小(大小自己看著合適就行)

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

如圖所示。切掉它

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

合并成一個(gè)形狀。

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

用剛剛說(shuō)的方法再切一個(gè)左邊的小圓來(lái)

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

把小圓放到中間

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

ctrl+j復(fù)制出外面那個(gè)大圓,右鍵清除圖層樣式

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

填充顏色 a5daff

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

ok我們來(lái)畫(huà)云。按U橢圓工具和矩形工具依照下圖所示畫(huà)。記住每個(gè)形狀都必須是單獨(dú)的圖層

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

按P鋼筆工具勾出這個(gè)形狀。

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

覆蓋到原來(lái)的圓形的上面,其他兩個(gè)圓也按照如上,復(fù)制添加蒙版擦出來(lái)。

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

用鋼筆勾出這個(gè)形狀,添加蒙版擦擦,用鋼筆順著圓形的內(nèi)側(cè)勾就行。

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

勾好后,放在內(nèi)側(cè)這個(gè)位置

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

放到這個(gè)位置

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

教程到這里基本結(jié)束啦。自己試著做個(gè)陰影 高光 之類(lèi)的,細(xì)節(jié)方面自己在把控下。

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

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

PS教程!手把手教你臨摹一枚QQ瀏覽器圖標(biāo)

【優(yōu)設(shè)十月熱門(mén)教程合集】

一枚精美的錘子論壇圖標(biāo):
《漂亮實(shí)力派!教你用SKETCH繪制一枚精美的錘子論壇圖標(biāo)》

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

從零開(kāi)始學(xué)習(xí)黑白攝影:
《高手教程!從零開(kāi)始幫你搞懂黑白攝影的后期方法》

作者:看不見(jiàn)的敵人28(已授權(quán))

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū):史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量103萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 3
點(diǎn)贊 3

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。