PS制作Google Chrome瀏覽器Logo圖標(biāo)(8)

來(lái)源:未知 作者:admin 學(xué)習(xí):14740人次
原文來(lái)自:AdobeTutorialz
翻譯:S.Shek
A detailed tutorial on how to create this awesome logo.
一篇詳細(xì)的教程教你如何制作一個(gè)漂亮的logo.
Begin working by creating a new file (File>New) of 854x854 px and 72 dpi. Use on it the Ellipse Tool (U) to represent the basis for the logotype to be of the Google Chrome browser.
先新建畫布(文件>新建),大小854x854 px,分辨率72.用橢圓工具(U)畫出一個(gè)Google Chrome瀏覽器圖標(biāo)的底層(譯者:別忘了選定形狀圖層模式)

Select for this layer the parameters from below by making a mouse click on this layer on the layers?panel: Blending Options>Gradient Overlay
右鍵單擊此圖層,混合選項(xiàng),圖層樣式中選擇漸變疊加

Gradient parameters:
漸變?cè)O(shè)置如下(顏色:#DED8D8--#7F7777,樣式:徑向):




Using the same tool, try to make the next layer of the same element. Firstly apply the Ellipse Tool (U) to mark out the outside edges of the layer and then choose the Pen Tool (P) to cut out an inside opening. Its shape may be corrected with the Convert Point Tool.
再用橢圓工具重復(fù)上一步驟,畫一個(gè)同樣的圓邊緣與之前的重合(譯者:或直接復(fù)制一層去掉圖層樣式),然后用鋼筆工具(P)在其內(nèi)部切出我們需要的形狀(譯者:選擇"從形狀區(qū)域減去"或按住Alt鍵),然后利用轉(zhuǎn)換點(diǎn)工具進(jìn)行調(diào)整

The layer parameters: Blending Options>Bevel and Emboss
設(shè)置圖層樣式,選擇斜面和浮雕(參數(shù)如下)

Make a copy of the recently made layer and use on it the Free Transform option. Press Maintain aspect ratio and make uniformly the copy smaller and then displace it easily. Move off the layer effect out of the copy. Select also the color #4E4A4A for the layer copy. Place the new layer under the previous one. This will be the shadow layer.
將此圖層復(fù)制一份,使用自由變換工具,選擇保持長(zhǎng)寬比,均勻的縮小圖層,去掉圖層樣式.選擇顏色#4E4A4A,然后把這個(gè)復(fù)制層放在原圖層的下方.這將作為陰影效果層




Create a new layer and use on it a standard brush (Brush Tool (B)) to paint the logotype sectors. Press preliminary Alt button and make a mouse click between the top logotype layer and the new one.
新建圖層,使用標(biāo)準(zhǔn)畫筆工具(B)為圖標(biāo)的表面扇葉部分上色,按住Alt鍵,再左鍵點(diǎn)擊新圖層和形狀圖層之間創(chuàng)建剪貼蒙版(具體參數(shù)如下)

Make a new copy of the logotype layer and apply the Bevel and Emboss options for the copy. Use the Convert Point Tool to change the placement of the tops and move off the layer effect. Place this new layer lower than the logotype layer with the effect (Bevel and Emboss), but above the layer containing the logotype shadow.
把帶有斜面和浮雕效果的圖層復(fù)制一份,用轉(zhuǎn)換點(diǎn)工具改變一下它的形狀位置,去掉圖層樣式(斜面和浮雕),然后把它放在形狀層和陰影層之間




Create a new layer again situating it above the previous made one and do the same operations we did when painting the top layer (meaning the layer situated above the shadow layer, but lower than the logotype one).
再創(chuàng)建一個(gè)新圖層,重復(fù)之前給扇葉上色時(shí)的步驟,為上一步驟復(fù)制的形狀圖層上色,具體參數(shù)如下圖:

Make a copy of the mask layer where we used those three colors to paint the top layer of the logotype. Choose for this layer the Burn Tool (O) and the Dodge Tool (O) to draw several highlights and shadows on the logotype.
將為表面扇葉上色時(shí)的顏色圖層復(fù)制一份,使用加深和減淡工具畫上一些高光和陰影(如圖)




Using the Ellipse Tool (U), try to represent the central element of the logotype. Place its layer lower than the top layer of the logotype.
使用橢圓工具(U)在圖標(biāo)的中心畫一個(gè)圓形,將它放在頂層之下

The layer parameters: Fill 0%
Blending Options>Drop Shadow
圖層參數(shù)設(shè)置為:填充:0%
圖層樣式(參數(shù)如圖):
投影

Blending Options>Inner Shadow
內(nèi)陰影

Blending Options>Gradient Overlay
漸變疊加




Gradient parameters:
漸變?cè)O(shè)置如圖(顏色:#B1DEF4--#2D8EDF,樣式:徑向)

Try to represent the highlight ring around the logotype central part. For the beginning apply the Ellipse Tool (U) to represent the outside borders and then press Alt button while using the same tool to cut out an opening.
接下來(lái)試著在圖標(biāo)中心位置畫上環(huán)狀的高光,使用開(kāi)始時(shí)的方法,用橢圓工具(U)畫上圓形路徑,然后按住Alt鍵進(jìn)行切割(如圖)

The layer parameters: Fill 40%
Blending Options>Gradient Overlay
圖層設(shè)置:填充:40%
圖層樣式:漸變疊加




Gradient parameters:
漸變參數(shù)設(shè)置

Press Alt button and make a mouse click between the ring layer of the highlight and the previous layer:
將圖層移至剛才制作高光陰影的那一層之上,按住Alt鍵點(diǎn)擊兩圖層之間,創(chuàng)建剪貼蒙版.

On this stage we need to represent a highlight on the lowest part of the logotype. Select the Ellipse Tool (U) and represent the outside edges of the highlight along the bottom edge of the same logotype. Press the Alt button, while using the same tool, to erase the unnecessary elements of the picture. The layer color in this case is white.
接下來(lái)這一步,我們將畫一道底部的高光,選擇橢圓工具(U),沿著圖標(biāo)的底部畫出高光的外邊,再按住Alt鍵清除掉不必要的部分,圖層顏色為白色

The layer parameters: Fill 25%
Blending mode-Lighter Color
圖層設(shè)置:填充:25%
疊加模式:顏色減淡

The logotype is finished!
到這一步圖標(biāo)就完成了!

學(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)回答!