LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程(5)

來(lái)源:優(yōu)設(shè) 作者:看不見(jiàn)的敵人28 學(xué)習(xí):63865人次

今天教大家臨摹一枚QQ瀏覽器的圖標(biāo), 教程難度中等偏下,要考驗(yàn)的主要是同學(xué)們對(duì)鋼筆工具的運(yùn)用,蒙版和漸變等也有涉及,教程特別細(xì)致,新手完成應(yīng)該木有問(wèn)題!做完交作業(yè)。

最終效果:

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

如圖所示。切掉它

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

把小圓放到中間

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

填充顏色 a5daff

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

放到這個(gè)位置

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

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

LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程_theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
南州溽暑醉如酒2021-05-18 09:41
ehhh

麥哲倫船長(zhǎng)2017-07-24 11:10
我的作業(yè):
輕風(fēng)。2016-11-17 02:21
輕風(fēng)。2016-11-17 02:11
mc2016-11-02 05:20
弄到頭痛,晚上再搞
mc2016-11-02 05:11
弄到頭痛,晚上再搞
平行線@2016-10-31 04:35
學(xué)習(xí)了。2016-10-31 04:29
學(xué)習(xí)了。2016-10-31 04:10
學(xué)習(xí)了。2016-10-31 04:10
我們的故事2016-10-27 12:43
我們的故事2016-10-27 12:10
今天得穿毛衣2016-10-09 01:47
歡迎提建議!
今天得穿毛衣2016-10-09 01:10
歡迎提建議!
再見(jiàn),娃娃魚2016-09-06 08:22

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!