Photoshop實現夢幻水晶按鈕

來源:互聯網
上載者:User
按鈕 本教程的主要目的是使用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

 













相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。