繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

2019-04-04 00:00:00 來源/作者: 網(wǎng)絡(luò) / 榮偉 己有:533人學(xué)習(xí)過

本教程主要使用Photoshop繪制藍(lán)色立體風(fēng)格的QQ瀏覽器圖標(biāo),教程難度中等偏下,要考驗(yàn)的主要是同學(xué)們對(duì)鋼筆工具的運(yùn)用,蒙版和漸變等也有涉及,教程特別細(xì)致,新手完成應(yīng)該木有問題,喜歡的朋友讓我們一起來學(xué)習(xí)吧。

最終效果:

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

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

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

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

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

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

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

如圖所示。切掉它

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

 

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

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

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

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

用剛剛說的方法再切一個(gè)左邊的小圓來

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

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

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

把小圓放到中間

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

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

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

 

填充顏色 a5daff

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

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

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

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

繪制藍(lán)色立體QQ瀏覽器圖標(biāo)的PS教程

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