當前位置:首頁>ps實例教程>ps網頁設計>logo教程>教程內容

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

來源:未知 作者:admin 學習:14740人次
原文來自:AdobeTutorialz
翻譯:S.Shek
A detailed tutorial on how to create this awesome logo.
一篇詳細的教程教你如何制作一個漂亮的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)畫出一個Google Chrome瀏覽器圖標的底層(譯者:別忘了選定形狀圖層模式)

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

Gradient parameters:
漸變設置如下(顏色:#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.
再用橢圓工具重復上一步驟,畫一個同樣的圓邊緣與之前的重合(譯者:或直接復制一層去掉圖層樣式),然后用鋼筆工具(P)在其內部切出我們需要的形狀(譯者:選擇"從形狀區(qū)域減去"或按住Alt鍵),然后利用轉換點工具進行調整

The layer parameters: Blending Options>Bevel and Emboss
設置圖層樣式,選擇斜面和浮雕(參數(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.
將此圖層復制一份,使用自由變換工具,選擇保持長寬比,均勻的縮小圖層,去掉圖層樣式.選擇顏色#4E4A4A,然后把這個復制層放在原圖層的下方.這將作為陰影效果層




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.
新建圖層,使用標準畫筆工具(B)為圖標的表面扇葉部分上色,按住Alt鍵,再左鍵點擊新圖層和形狀圖層之間創(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.
把帶有斜面和浮雕效果的圖層復制一份,用轉換點工具改變一下它的形狀位置,去掉圖層樣式(斜面和浮雕),然后把它放在形狀層和陰影層之間




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)建一個新圖層,重復之前給扇葉上色時的步驟,為上一步驟復制的形狀圖層上色,具體參數(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.
將為表面扇葉上色時的顏色圖層復制一份,使用加深和減淡工具畫上一些高光和陰影(如圖)




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)在圖標的中心畫一個圓形,將它放在頂層之下

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

Blending Options>Inner Shadow
內陰影

Blending Options>Gradient Overlay
漸變疊加




Gradient parameters:
漸變設置如圖(顏色:#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.
接下來試著在圖標中心位置畫上環(huán)狀的高光,使用開始時的方法,用橢圓工具(U)畫上圓形路徑,然后按住Alt鍵進行切割(如圖)

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




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

Press Alt button and make a mouse click between the ring layer of the highlight and the previous layer:
將圖層移至剛才制作高光陰影的那一層之上,按住Alt鍵點擊兩圖層之間,創(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.
接下來這一步,我們將畫一道底部的高光,選擇橢圓工具(U),沿著圖標的底部畫出高光的外邊,再按住Alt鍵清除掉不必要的部分,圖層顏色為白色

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

The logotype is finished!
到這一步圖標就完成了!

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!