Photoshop繪制精致臺式電腦圖標

Photoshop繪制精致臺式電腦圖標

作者：李東博 教程來源：天極設計在線

在本篇教程中，我們將學習如何用Photoshop畫一個精美的圖標，畫面上是一個臺式機顯示器與主機，最終效果下圖所示。 　　
　　　　四個大小各異的圖標
　　具體操作步驟如下。
　　1.如圖1所示，繪制一個圓角矩形。
　　圖1
　　2.按Ctrl T鍵，調整手柄，得到如圖2所示的形狀。
　　圖2
　　3.應用如圖3、圖4所示的圖形樣式。
　　圖3
　　圖4
　　應用圖形樣式后的圖像如圖5所示。
　　圖5
　　

本新聞共6

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

本新聞共6

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

本新聞共6

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

本新聞共6

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

本新聞共6

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

簡單的,我們教你,深奧的,你來分享
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