Photoshop制作美洲豹風(fēng)格文件夾圖標(biāo)(13)

來(lái)源: 作者: 學(xué)習(xí):285人次

編譯:manta     作者:Václav Krejčí   

在這個(gè)教程中,我們會(huì)告訴您如何把一款美洲豹材質(zhì)的紋理覆蓋在文件夾上,這些技巧可以廣泛用到其他物體,比如:cd封面、鼠標(biāo),電腦等。

按照慣例,先讓我們來(lái)欣賞下最終效果,如下圖:

第一步:
雖然我們并不需要確切形狀的文件夾,但我們還是要建立一個(gè)形狀。首先,創(chuàng)建一個(gè)文件,在里面填充一個(gè)128px×128px的灰色塊,做為背景配合以后的步驟,如圖(1);然后用鉛筆工具畫(huà)出文件夾的外形,如圖(2);接著顯示網(wǎng)格,并調(diào)整網(wǎng)格像素大小(編輯-首選項(xiàng)-參考線、網(wǎng)格和切片),如圖(3);最后用鋼筆工具勾勒出文件夾外形,如圖(4)-(6)。

第二步:
繼續(xù)這樣做,直到整個(gè)形狀被提出來(lái)。


 



第三步:
這是草圖和新創(chuàng)建的路徑圖,草圖是很重要的一步,它使工作更好的進(jìn)行下去

第四步:
當(dāng)然,我們還需要一個(gè)很好的紋理,可在此下載。

第五步:
接下來(lái),讓我們嘗試掩蓋某些部分的紋理,讓毛的邊緣看起來(lái)更清晰。然后把層改到文件夾的大小。來(lái)到“通道”面板,盡可能找出反差比較大的一個(gè)通道。拿本圖來(lái)說(shuō),紅色顯然符合條件。

第六步:
選中它,全選,復(fù)制拷貝到這個(gè)文件里。然后通過(guò)“色階”來(lái)調(diào)整圖像反差,讓黑的更黑點(diǎn)、白的更白點(diǎn),降低中間色。設(shè)置如下圖:


 



第七步:
放大圖片,努力找到一個(gè)白色到黑色的梯度區(qū)域,我們將用它來(lái)創(chuàng)建一個(gè)刷子。用選取工具畫(huà)出范圍,把它復(fù)制到一個(gè)新層里(Ctrl+J)

第八步:
隱藏原圖,我們來(lái)調(diào)整新層,讓它更像筆刷。運(yùn)用“加深工具”、“減淡工具”

第九步:
這樣,我們能很好的控制一切。不斷調(diào)整,讓黑的更黑,白的更白,就像下圖一樣。

第十步:
當(dāng)效果使我們感到滿意后,我們?cè)俅芜x擇它( Ctrl+Shift+D),然后倒置它(Ctrl+i),并使其成為一個(gè)新筆刷,如圖。(編輯-定義畫(huà)筆預(yù)設(shè))


 



第十一步:
打開(kāi)畫(huà)筆面板

第十二步:
選擇“形狀動(dòng)態(tài)”,把設(shè)置調(diào)為和下圖一樣。

第十三步:
給原圖添加一個(gè)外形蒙版,然后用做好的筆刷來(lái)處理邊緣,把前景色調(diào)為白色,筆刷角度也可根據(jù)需要修改。


 



第十四步:
把每個(gè)邊緣都調(diào)整為直角

第十五步:
我們已經(jīng)完成的粗略輪廓,現(xiàn)在的時(shí)間來(lái)完成細(xì)節(jié)。我們可以利用一個(gè)標(biāo)準(zhǔn)的Photoshop畫(huà)筆進(jìn)行下一步,設(shè)置大小和角度,在蒙版里使用它。

第十六步:
毛也許夠了,拷貝它,放到文件夾上,調(diào)整大小角度,以適合文件夾(Ctrl+T)


 



第十七步:
請(qǐng)注意,任何外形缺陷都能很容易的得到修正。

第十八步:
選擇“涂抹工具”,并把它設(shè)為正確的刷,如圖即可。在蒙版里進(jìn)行調(diào)整。

第十九步:
再創(chuàng)建一個(gè)層,用來(lái)做文件夾的背面。這層要稍小點(diǎn),按照外形把右邊的部分去掉,如圖:

第二十步:
看看一起顯示的效果


 



第二十一步:
現(xiàn)在把背后那層調(diào)得更暗些,使用“亮度/對(duì)比度”,把它設(shè)置為“剪切蒙版”( Ctrl+Alt+G )。設(shè)置如圖:

第二十二步:
同理,我們可以做出亮面

第二十三步:
現(xiàn)在,讓我們添加一些反光。使用草型筆刷,在邊緣細(xì)心畫(huà)出反光來(lái)。

第二十四步:
它應(yīng)該是不規(guī)則的,這樣看起來(lái)更真實(shí)。涂抹工具在這里可以再次使用。

第二十五步:
給它添加一個(gè)影子,看起來(lái)我們的圖標(biāo)已經(jīng)完成,也許不是?


 



第二十六步:
如果你選擇了繼續(xù),你可以添加一個(gè)標(biāo)簽。用圖章工具涂抹出一片空地

第二十七步:
然后創(chuàng)建一個(gè)新的文字層

第二十八步:
在文字層上用不規(guī)則筆刷來(lái)修飾,并在它的下面添加一些暗點(diǎn),如下圖:

第二十九步:
讓我們用草型筆刷來(lái)完成最后的修飾,這里要記住筆刷的角度要符合毛的方向。

第三十步:
效果不要做得太模糊,以保證它的可讀性。


 



第三十一步:
還需要更多么?好了,最后一個(gè)步驟(真夠累得)。用原圖來(lái)做一個(gè)背景,使用“雜色-中間值”,使毛狀消失,但輪廓還是好的。

第三十二步:
最下層的背景色設(shè)為淺灰色,給修改好的原圖層的圖層混合模式設(shè)為“亮度”,然后給它添加一個(gè)漸變蒙版,從黑到白。

第三十三步:
我們添加一些文字,我們的圖標(biāo)設(shè)計(jì)算是結(jié)束了!祝你工作順利,愿你擁有出色的創(chuàng)意! Good luck with your work, and I wish you many great ideas!

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

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

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

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