ps水晶文件夾圖標(biāo)教程(4)

來源:網(wǎng)絡(luò) 作者:網(wǎng)絡(luò) 學(xué)習(xí):3188人次

簡單的圖標(biāo)制作起來并不是那么簡單。需要把圖標(biāo)的各個(gè)面的暗調(diào),高光,反光等都渲染出來,尤其在渲染圖標(biāo)疊加部分的時(shí)候,要控制好個(gè)部分的透明度,做出層次較強(qiáng)的效果圖。 最終效果

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

一、打開PS,新建一個(gè)一個(gè)文檔(Ctrl + N)。參數(shù)如下:分辨率:72dpi;顏色模式:RGB;尺寸:600×600 px,使用鋼筆工具(P)創(chuàng)建如下形狀。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

 

二、使用鋼筆工具繪制文件夾背后的部分,然后再繪制藍(lán)色條紋。如下圖所示。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

三、繪制完成文件夾之后,繼續(xù)按下圖所示添加紙和箭頭。你現(xiàn)在應(yīng)該有五個(gè)圖層,每個(gè)形狀都會(huì)有自己的圖層。別忘了給每個(gè)圖層起一個(gè)好認(rèn)的名字。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

 

四、為文件夾前面的部分添加下圖所示的圖層樣式。不透明的設(shè)為90%。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

五、為紙片添加如下的圖層樣式。不透明度降至90-95%左右。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

 

六、為條紋添加如下的圖層樣式。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

七、為文件夾的背面添加如下的圖層樣式。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

八、為箭頭添加如下的圖層樣式。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

 

九、現(xiàn)在你的圖標(biāo)應(yīng)該是這樣。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

 

十、新建一個(gè)組命名為"refs"。按下圖所示用鋼筆工具繪制反射。要確保你繪制的形狀是路徑曲線而非形狀圖層(注意下圖的黑箭頭所示)。閉合曲線之后,在工作區(qū)按右鍵選擇“建立選區(qū)”(羽化值為0)。選擇一個(gè)大筆刷(直徑大概470左右,硬度為0),沿選區(qū)的右半部份繪制反射。之后將混合模式改為疊加,不透明度為63%。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

十一、新建一個(gè)組命名為"margins",在該組內(nèi)新建一個(gè)圖層(Ctrl + Shift + N)。現(xiàn)在增加邊緣的高光細(xì)節(jié)以使圖標(biāo)更具立體感。使用鋼筆工具沿拐角處和文件夾、箭頭和紙張的邊緣繪制路徑。然后在工作區(qū)右鍵選擇描邊路徑-畫筆。注意此時(shí)筆刷需要設(shè)置為直徑8像素,硬度為0;旌夏J礁臑榀B加,不透明度大概55%左右。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

 

十二、新建一層(Ctrl + Shift + N)制作陰影,將該層打入一個(gè)新組內(nèi)(Ctrl + G)。像第五步那樣繪制選區(qū)。為選區(qū)填充黑色,然后用模糊工具模糊邊緣。如果陰影太強(qiáng)了,需要將圖層的不透明度降至40%。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

十三、用你喜歡的字體添加文字。這個(gè)示例中我用的是"Agency FB"。字體大小為40,不透明度75%。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

 

十四、用第五步所示的技術(shù)再為紙張?zhí)砑右恍┓瓷洹?/p>

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

十五、用橢圓工具(U)添加一個(gè)陰影。如下圖所示繪制一個(gè)橢圓并添加一點(diǎn)點(diǎn)動(dòng)感模糊。降低不透明度直到你覺得合適了。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

十六、我還用相同的技術(shù)制作了一些不同的圖標(biāo),如下圖。希望你喜歡這個(gè)教程。

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

制作藍(lán)色水晶文件夾圖標(biāo)的PS教程

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

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

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

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