Photoshop繪制精致臺(tái)式電腦圖標(biāo)

Photoshop繪制精致臺(tái)式電腦圖標(biāo)

作者：李東博 教程來(lái)源：天極設(shè)計(jì)在線

在本篇教程中，我們將學(xué)習(xí)如何用Photoshop畫(huà)一個(gè)精美的圖標(biāo)，畫(huà)面上是一個(gè)臺(tái)式機(jī)顯示器與主機(jī)，最終效果下圖所示。 　　
　　　　四個(gè)大小各異的圖標(biāo)
　　具體操作步驟如下。
　　1.如圖1所示，繪制一個(gè)圓角矩形。
　　圖1
　　2.按Ctrl T鍵，調(diào)整手柄，得到如圖2所示的形狀。
　　圖2
　　3.應(yīng)用如圖3、圖4所示的圖形樣式。
　　圖3
　　圖4
　　應(yīng)用圖形樣式后的圖像如圖5所示。
　　圖5
　　

本新聞共6

4.按住Ctrl鍵的同時(shí)單擊圖層面板中的圖層名稱以載入該圖層選區(qū)。現(xiàn)在，按向右方向鍵向右移動(dòng)選區(qū)4像素以上。
　　圖6
　　5.按Shift Ctrl I反轉(zhuǎn)選區(qū)，然后同時(shí)按住Ctrl Alt Shift并在圖層名稱上單擊，選擇如圖7所示的部分。
　　圖7
　　6.保持選區(qū)，創(chuàng)建一個(gè)新圖層，將前景色設(shè)置為#CFCECE、背景色設(shè)置為#757575，選擇前景色到背景色的線性漸變，并填充選區(qū)。按Ctrl D鍵取消選擇，結(jié)果如圖8所示。
　　圖8
　　7.使用矩形工具畫(huà)一個(gè)矩形，按D鍵將前景色和背景色變?yōu)槟J(rèn)的黑色與白色。使用從前景色到背景色線性漸變，填充該矩形，結(jié)果如圖9所示。
　　圖9
　　8.類似地，使用矩形工具畫(huà)另一個(gè)矩形。這一次，使用從前景到背景的徑向漸變填充矩形，前景色設(shè)置為#A0D4F9，背景色設(shè)置為#1877D4。結(jié)果如圖10所示。
　　圖10
　　9.在顯示器下方使用鋼筆工具畫(huà)出如圖11所示的形狀。
　　圖11
　　10.應(yīng)用如圖12、13所示的圖層樣式。
　　圖12
　　圖13
　　應(yīng)用圖層樣式之后的圖像如圖14所示。
　　圖14
　　

本新聞共6

11.使用橢圓工具繪制如圖15所示的橢圓形。
　　圖15
　　12.應(yīng)用如圖16、17所示的圖層樣式。
　　圖16
　　圖17
　　應(yīng)用圖層樣式后的圖像如圖18所示。
　　圖18

本新聞共6

13.現(xiàn)在，我們將要在顯示器附近繪制一個(gè)立式機(jī)箱。為了完成這個(gè)目標(biāo)，按如圖19所示繪制三個(gè)不同的形狀，繪制時(shí)可以使用鋼筆工具，也可以先畫(huà)出矩形再變換得到。
　　圖19
　　14.對(duì)以上圖形所在三個(gè)圖層應(yīng)用相同的圖層樣式，如圖20、21所示。
　　圖20
　　圖21
　　15.將這些圖形排列成立式機(jī)箱的樣子，如圖22所示。
　　圖22
　　

本新聞共6

16.如圖23所示，畫(huà)一條2像素的黑色直線。
　　圖23
　　17.從自選圖形列表中選擇如圖24所示的自選圖形。
　　圖24
　　18.按如圖25所示形狀畫(huà)出一個(gè)輪廓。
　　圖25
　　19.應(yīng)用如圖26所示的漸變疊加圖層樣式。
　　圖26
　　應(yīng)用漸變疊加圖層樣式后的圖像如圖27所示。
　　圖27
　　20.使用橢圓工具畫(huà)一個(gè)橢圓，以亮灰色前景色到暗灰色背景色的線性漸變填充該橢圓，結(jié)果如圖28所示。
　　圖28
　　

本新聞共6

21.使用橢圓工具繪制另外一個(gè)橢圓，以白色前景色到紅色背景色的徑向漸變填充該橢圓，結(jié)果如圖29所示。
　　圖29
　　22.使用矩形工具和直線工具繪制如圖30所示的三個(gè)形狀。可以這樣做：首先畫(huà)一個(gè)黑色的矩形，然后添加2像素的灰色線，再將這些圖層組合到一起并合并它們。在這之后再?gòu)?fù)制并粘貼圖層。
　　圖30
　　這樣就得到了最后的圖標(biāo)效果，如圖31所示。
　　圖31

簡(jiǎn)單的,我們教你,深?yuàn)W的,你來(lái)分享
photoshop,ps,photoshopjiao cheng ,psjiao cheng ,photoshopxia zai ,pslun tan ,fei zhu liu psjiao cheng ,fei zhu liu psruan jian ,fei zhu liu tu pian ,fei zhu liu kong jian ,qqkong jian ,qqkong jian dai ma ,qqkong jian liu yan dai ma ,qqkong jian mo kuai ,QQkong jian FLASHmo kuai ,PSzi ti ,PSbi shua