Photoshop實現夢幻水晶按鈕

按鈕 本教程的主要目的是使用photoshop中的一些最基本的工具，繪製水晶效果表徵圖。

　　所使用的主要工具有：“橢圓、矩形選框工具”、“橢圓、矩形工具”、漸層工具。
　　圖層面板中的主要功能：樣式、編組、圖層混合模式，蒙板。

　　因為主要針對的對象是photoshop的初學者，所以步驟相對較詳細（詳細的嘟嘟自己都感覺有點羅嗦）。

　　水晶的特點是透明，晶瑩，光照下來有明顯的反光，也有比較明顯的折射，所以下面標註了各步驟的主要目的。練習的是矩形和圓形水晶效果的設定。

——建立檔案——

　　1.建立一個檔案,圖象大小為128X128象素，顏色模式選擇RGB模式，解析度設定為300，選擇白色背景。

圖1

圖2

——建立下層矩形形體——

　　2.建立圖層1，設定前景色彩為黑色，使用矩形工具（注意要選擇工具狀態列上的“填充像素”）在建立的圖層上繪製一個矩形。

圖3

圖4

　　3.再建立圖層2，按鍵盤上的alt鍵點擊圖層面板上兩個圖層的中縫，如圖04，使其編組。

圖5

　　4.將前景色彩設定為35%的灰，如圖05，背景色為白色。

圖6

　　5.選擇“漸層”工具，然後在工具狀態列上選擇“線性漸層”，如圖07，然後在圖層2上使用漸層工具，方向是自上而下，如圖08，得到效果圖09。

圖7

圖8

圖9

6.建立圖層3，再按步驟3將其與下面的圖層編組，如圖10。

圖10

——製作水晶突起部分——

　　7.將前景色彩設定為白色，選擇“漸層”工具狀態列裡的“對稱漸層”（如圖11）和“反向”（如圖12）；然後選擇漸層的狀態中“前景到透明”（如圖13），單擊該圖例開啟“漸層編輯器”，將其中“不透明性色標”（如圖14）向右移動到60%的位置。在圖層3上中心偏上的位置（方向是自下而上），拖動漸層工具，如圖15。

圖11

圖12

圖13

圖14

圖15

——製作邊緣立體效果——

　　8.按ctrl鍵的同時點擊圖層1，如圖16，得到矩形的選區後，執行菜單“選擇”-“修改”-“收縮”，設定收縮量為3像素，如圖17。然後選擇圖層3，點擊圖層面板中的“添加圖層蒙板”，如圖18，19，效果如圖20。

圖16

圖17

圖18

圖19

圖20

——製作中間凹下去的效果——

　　9.選擇圖層3，如圖21，使用橢圓選框工具在偏上的位置繪製一個橢圓選區，如圖22，按鍵盤上的delete鍵刪除多餘部分，如圖23。

圖21

圖22

圖23

——建立圓形水晶按鈕——

　　10.建立圖層4，如圖24，在該層上使用橢圓工具繪製一個橢圓（該層的目的是得到一個可保留的形狀，所以顏色無所謂）如圖25。

圖24

圖25

　　1.設定前景色彩為黑色，選擇漸層工具的“前景色彩到透明”，如圖26。設定為“線性”，取消“反向”，如圖27。

圖26

圖27

　　建立圖層5，使用漸層工具方向從上到下繪製，如圖28。按步驟8的方法得到圖層4的選區後，在圖層5上建立蒙板，然後隱藏圖層4得到如圖29的效果。

圖28

圖29

　以同樣的方法在建立的圖層6上進行處理，不同的是前景色彩為白色，方向是從下到上，如圖30，得到圖31的效果。

圖30

圖31

　　此時的圖層關係如圖32

圖32

12.建立圖層7，使用橢圓工具繪製一個圓，如圖33，然後選擇圖層面板上的“樣式”，如圖34，在彈出的菜單上選擇“漸層疊加”，如圖35。

圖33

圖34

圖35

按圖36設定漸層顏色（您所需要的顏色到黑色漸層，嘟嘟設定的是綠色）。將漸層中的“顏色中點”位置移動到40%，如圖37。

圖36

圖37

　　接著設定“投影”樣式，設定如圖38。

圖38

　13.建立圖層8，使用橢圓選框工具建立橢圓選區，如圖39，使用白色到透明漸層從上到下繪製，如圖40。

圖39

圖40

　　將選區移動到下方，如圖41，使用白色到透明漸層從下到上繪製，如圖42，注意這個的位置要遠於下邊界。

圖41

圖42

效果圖如圖43。

圖43

　　14.選擇55%的灰，如圖44，使用矩形工具繪製正方型，如圖45。

圖44

圖45

選擇“編輯”—“變換”—“旋轉”，旋轉45度，如圖46。

圖46

　　使用矩形選框工具，繪製一個正方形，按鍵盤上的delete鍵，如圖47。

 

圖47

　　選擇該層，如圖48，將該層的圖片混合模式更改為正片疊底，如圖49。

圖48

圖49

——製作整體立體效果——

　　15.對圖層1進行陰影處理，選擇該層後，選擇樣式，如圖50，選擇“投影”，如圖51，設定項目如圖52。

圖50

圖51

圖52

　　得到圖53效果。

圖53

——後期處理——

　　16.添加其他裝飾圖片，如圖54。圖55是在100%狀態下的圖片。

圖54

圖55