這是一篇教您如何製作Windows Vista風格的漂亮圖示的教學。主要應用了Photoshop中的選框工具繪製圖形,並使用圖層樣式來表現圖示的質感。教程中使用了Photoshop CS3中文版作為示範,但實際上Photoshop 6.0以上的版本,其實作和操作方法基本上都是一致的。
圖1 效果圖
1)新建一個256 × 256 像素的透明背景影像文件。將第一個圖層名稱重新命名為「背景」。
2)使用白色#ffffff 填滿背景。
3)新建一個圖層,並重新命名該圖層為「圓」。
4)選擇橢圓選框工具,同時按下Shift鍵,畫出一個222 × 222 像素的正圓。保存選區為「正圓選區」。
譯者補充說明:
一、繪製222×222像素正圓的簡易方法:選擇橢圓工具後,再在選項列上,將樣式改為“固定大小”,並同時指定寬度和高度為222像素。
二、儲存選區的方法:選擇選單「選擇-> 儲存選區」。
5)使用任意的顏色填滿選取範圍。筆者使用了#880303 。
圖2:繪製正圓選取範圍並填滿色彩
6)選擇暗紅色為前景,淺一點的紅色做為背景。筆者使用了#880303 及#b51919 。選擇漸層工具(徑向漸層風格)並從選區的左上角拖曳到右下角。
圖3:為選取範圍填滿漸變色
7)新建一個圖層並重新命名該圖層為「反射」。
8)載入「正圓選區」並選擇橢圓選框工具,同時按下Alt 鍵,然後從右下角到中間繪製一條曲線。釋放滑鼠按鈕,你將得到像這樣的一個選區:
圖4:繪製出「反射」選區
9) 選擇「反射」圖層並使用白色#ffffff 填滿選取範圍。設定圖層不透明度為15%。
圖5:使用白色填滿「反射」區
10) 新建一個圖層並重新命名該圖層為「邊框」。
11) 選取橢圓選框工具同時按住Shift 鍵,繪製一個242 × 242 像素的正圓。將該圓環繞著第一個圓。
譯者補充說明:選擇橢圓工具後,再在選項欄上,將樣式改為“固定大小”,並同時指定寬度和高度為242 像素,開啟標尺,並拉出輔助線,確定畫面的中心點,繪製橢圓時,按住Alt 鍵,即可起始點為原心繪製正圓。
圖6:繪製「邊框」選區
12) 使用灰色#b6b6bc 填滿選取範圍。
13) 載入「正圓選區」。
圖7:使用灰色填滿「邊框」選取範圍
14)按Del 鍵就可以得到一個環繞正圓的邊框。
圖8:刪除正圓選取範圍中的灰色
15)右鍵點選「邊框」圖層並選擇混合選項,套用這些設定:
投影:
圖9:「投影」圖層樣式參數設定
內發光:
圖10:「內發光」圖層樣式參數設定
斜面和浮雕:
圖11:「斜面和浮雕」圖層樣式參數設定
漸層疊加:
圖12:「漸層疊加」圖層樣式參數設定