在本篇教學中，我們將學習如何用Photoshop畫一個精美的圖標，畫面上是一個桌上型電腦顯示器與主機，最終效果下圖所示。
四個大小各異的圖示
具體操作步驟如下。
1.如圖1所示，繪製一個圓角矩形。
圖1
2.按Ctrl+T鍵，調整手柄，得到如圖2所示的形狀。
圖2
3.套用如圖3、圖4所示的圖形樣式。
圖3
圖4
套用圖形樣式後的影像如圖5所示。
圖5
4.按住Ctrl鍵的同時點選圖層面板中的圖層名稱以載入該圖層選取範圍。現在，按向右方向鍵向右移動選取範圍4像素以上。
圖6
5.按Shift+Ctrl+I反轉選區，然後同時按住Ctrl+Alt+Shift並在圖層名稱上單擊，選擇如圖7所示的部分。
圖7
6.保持選區，建立一個新圖層，將前景色設定為#CFCECE、背景色設定為#757575，選擇前景色到背景色的線性漸變，並填滿選區。按Ctrl+D鍵取消選擇，結果如圖8所示。
圖8
7.使用矩形工具畫出一個矩形，按D鍵將前景色和背景色變為預設的黑色與白色。使用從前景色到背景色線性漸變，填滿該矩形，結果如圖9所示。
圖9
8.類似地，使用矩形工具畫出另一個矩形。這次，使用從前景到背景的徑向漸變填充矩形，前景色設定為#A0D4F9，背景色設定為#1877D4。結果如圖10所示。
圖10
9.在顯示器下方使用鋼筆工具畫出如圖11所示的形狀。
圖11
10.套用如圖12、13所示的圖層樣式。
圖12
圖13
套用圖層樣式之後的影像如圖14所示。
圖14
11.使用橢圓工具繪製如圖15所示的橢圓形。
圖15
12.套用如圖16、17所示的圖層樣式。
圖16
圖17
套用圖層樣式後的影像如圖18所示。
圖18
13.現在，我們將要在顯示器附近繪製一個直立式機箱。為了完成這個目標，如圖19所示繪製三個不同的形狀，繪製時可以使用鋼筆工具，也可以先畫出長方形再變換得到。
圖19
14.對以上圖形所在三個圖層套用相同的圖層樣式，如圖20、21所示。
圖20
圖21
15.將這些圖形排列成立式機殼的樣子，如圖22所示。
圖22
16.如圖23所示，畫一條2像素的黑色直線。
圖23
17.從自選圖形清單中選擇如圖24所示的自選圖形。
圖24
18.如圖25所示形狀畫出一個輪廓。
圖25
19.應用如圖26所示的漸層疊加圖層樣式。
圖26
套用漸層疊加圖層樣式後的影像如圖27所示。
圖27
20.使用橢圓工具畫一個橢圓，以亮灰色前景色到暗灰色背景色的線性漸變填滿該橢圓，結果如圖28所示。
圖28
21.使用橢圓工具繪製另外一個橢圓，以白色前景色到紅色背景色的徑向漸層填滿該橢圓，結果如圖29所示。
圖29
22.使用矩形工具和直線工具繪製如圖30所示的三個形狀。可以這樣做：首先畫一個黑色的矩形，然後添加2像素的灰色線，再將這些圖層組合在一起並合併它們。在這之後再複製並貼上圖層。
圖30
這樣就得到了最後的圖示效果，如圖31所示。原文位址
圖31