Photoshop教程:教你製作質感水晶圖示?

Photoshop在質感表現方面的功能是非常驚人的,無論你今天才開始接觸還是對它早有研究,這一點都無法否認(可能理解層次上會有所差異)。從這個意義來說,你也許永遠都無法知道它究竟“不能”做到什麼。Adobe的軟體工程師們在不斷拓展Photoshop的表現領域,遠在你發現它的不足之前,新版本就帶給你更多的震撼。隨著每一次版本的更新,越來越多的設想成為現實,人們可以依賴Photoshop使思想躍然紙上。現在,Photoshop很少會給你搖頭嘆氣的機會了,只要用心鑽研,它一定會讓你夢想成真!
  這一次,我們來製作一種水晶質感的圖示。如果你還在為千篇一律的圖示而發愁,不妨試試這種方法,你會得到很漂亮且獨特的效果。

步驟/方法

根據所需圖示的大小新建一個Photoshop文件,白色背景,RGB影象模式。
  我們要在新圖層中製作你的圖示原型。這裡,你可以有很多選擇:文字、選區,自定義形狀都可以作為基礎。我用的Photoshop 7.0,在這個版本中,Adobe提供了豐富的預設形狀可供選擇。我選擇了其中的花形紋章作為基礎影象。設定前景色,作為基礎影象的顏色。這裡的前景色為RGB(91,120,243)。在工具箱中選擇自定形狀工具,在工具選項中選擇建立形狀圖層和消除鋸齒,用滑鼠沿對角線方向拖出形狀。如果要按照長寬比例,可在拖動時按下Shift鍵。如果要對形狀進行修改,就用直接選擇工具修改路徑節點。對形狀滿意之後,右鍵點選圖層名稱,從彈出選單中選擇柵格化圖層命令。用形狀圖層要比新建圖層再直接以畫素填充改動起來更方便。
  當然,就是Photoshop的預設形狀再多10倍也難以滿足所有的需要,更多的時候,你需要自己定義圖示的形狀。除了Photoshop的預設形狀之外,一個很好的選擇就是圖形字型。在Windows 2000系統的預設狀況下,Photoshop能用的圖形字型有Webdings、Wingdings和ITC Zapf Dingbats等幾種,你可以安裝更多的字型。或者,晶瑩剔透的文字也是個不錯的選擇。這樣的話,最好選取字型較大的圓角字型,效果會比較好。在寫上文字以後,同樣也需要柵格化圖層。如果你的圖示以選區為基礎,那麼需要新建一層,選擇選區後,用前景色填充選區,然後取消選擇。(圖01)
圖01

Photoshop教程:教你製作質感水晶圖示

確定在形狀1層內(你的檔案可能是以字母命名的圖層或圖層1,這要看你上一步的選擇),按Ctrl+A選擇全部影象,Ctrl+X剪下,Ctrl+V貼上回去,這一步可保證你的影象處於畫布的正中。將這一層重新命名為Basic。

在Basic層上新建一層,命名為Multiply,將這一層的圖層混合模式設為正片疊底。載入Basic層的透明區域通道,用收縮命令將選區縮小5畫素。這次收縮是為下一步的邊界做準備的,你可以根據你的影象增加或減少收縮量。接下來,你可以選擇一種亮度更高的前景色,用前景色填充選區,取消選擇。
 如果你剛才所選取的前景色亮度已經夠高的了,像我們的例圖一樣,那麼你也可以在收縮之後,直接從Basic層複製選區內的影象。方法為:載入Basic層的透明區域通道,用收縮命令將選區縮小5畫素;按Ctrl+J將影象複製到新層中,將新層命名為Multiply,混合模式設為正片疊底。(圖02)
圖02

Photoshop教程:教你製作質感水晶圖示

複製Multiply層,重新命名Multiply副本層為Gel,將圖層混合模式恢復正常,用高斯模糊濾鏡模糊圖層,半徑為5.0畫素。
  下一步,我們要用圖層樣式為影象新增立體裝飾效果。確定在Gel層中,開啟圖層樣式面板,從中選擇斜面和浮雕,在斜面和浮雕的結構中,設定樣式為浮雕效果,方法為平滑,深度為200%,方向為上,大小為50畫素,軟化為0;設定陰影角度為120度,使用全域性光,高度為30度,高光模式為正常,顏色為白色,不透明度為100%,暗調模式為顏色減淡,顏色也為白色,不透明度為40%;為圖層選擇等高線,樣式按照預設即可;進入紋理選項,你可以在這裡選擇圖案作為表面上的刻紋,這裡,我選擇了第一個汽泡圖案,將縮放比例設為150%,深度減小到10%。
  製作這種透光材質的關鍵就是光線反射與折射,其中反光效果我們已經用斜面和浮雕很好的表現出來了,下面我們要繼續用圖層樣式為影象新增折射效果。
  就像你所想的那樣,我們在做這種不需要很嚴謹的影象時,沒有必要嚴格遵守那些物理定律,我們只需在視覺上造成這種感覺就行了。像這裡,我們不用去計算水晶的折射率,圖案疊加就能達到令人目眩的效果:在圖案混合模式中選擇疊加,不透明度為100%,選擇汽泡圖案,將縮放設為80%,勾選與圖層連結。這樣,簡單的透射效果就出來了。我們再稍微調節一下亮度和對比度,將亮度減低20,對比度增加20,使顏色不至於過亮。(圖03)
圖03

Photoshop教程:教你製作質感水晶圖示

由於背景是白色的,所以不大能看出圖層樣式對圖示選區之外的影響。但如果我們改變背景顏色,你會看到斜面和浮雕作用的範圍遠比你需要的大得多(圖 04)。多餘的圖層樣式範圍會影響我們下面的工作,我們要去除多餘的樣式效果。在Gel層上新建一層,選擇Gel層,連結圖層1,將Gel層與圖層1拼合。這會使Gel變為普通圖層,但仍保留斜面浮雕和圖案疊加的樣式,同時,影象也因拼合出現輕微的變化:圖層樣式效果有所減弱,影象變得稍微模糊。接著載入Basic層的選區範圍,反選,在Gel層刪除,取消選擇。這樣,我們就排除了多餘的影象,圖示的邊緣部分又變得清晰了。(圖05)
圖04
圖05

Photoshop教程:教你製作質感水晶圖示

Photoshop教程:教你製作質感水晶圖示

下面我們要對影象的邊緣進行加工。選擇Basic層,載入這一層的透明通道區域,從選區中減去Multiply層的選區,得到圖示的邊緣選區,複製後取消選擇。選擇Gel層,按Ctrl+V貼上,這會在Gel層上新建一層,將這一層重新命名為Stroke,將其圖層混合模式設為正片疊底。
  同樣的,我們也要為它新增浮雕效果。選擇斜面和浮雕樣式,保持預設的斜面和浮雕樣式,選擇對光澤等高線應用消除鋸齒,把高光模式改為正常,顏色設為白色,不透明度為100%,暗調模式設為顏色減淡,顏色為白色,不透明度為40%;然後選擇紋理選項,圖案依然為汽泡,縮放為75%,深度為+100%,選擇與圖層連結。(圖06)
圖06
  在Stroke層上新建一層,選擇Stroke層,與圖層1連結拼合,這時,Stroke層的圖層混合模式恢復為正常,邊緣的效果更加明顯。(圖07)
圖07

Photoshop教程:教你製作質感水晶圖示

Photoshop教程:教你製作質感水晶圖示

接下來我們來製作圖示的陰影部分。複製Multiply層,將副本層命名為Shadow,將這一層向下移動到背景層之上,將圖層混合模式改為正常。用高斯模糊命令模糊影象,半徑為5.0畫素,選擇濾鏡>其它>位移,將水平和垂直位移數值都設為12,即向右和下各移動12畫素。因為影象位於畫布的中間,所以未定義區域可以隨意設定,沒有影響。除去特殊功能不談,從單純的移動作用來看,位移濾鏡較用移動工具手工移動影象或用鍵盤上的方向鍵移動影象更為精確方便。
  我們為陰影層也新增斜面和浮雕效果:在斜面和浮雕面板中保留大部分預設設定,僅將高光和暗調的模式改為濾色(濾色模式在Photoshop7.0以下的版本中稱為螢幕),顏色為白色,不透明度均為100%;選擇紋理選項,採用汽泡圖案,縮放為150%,深度為+50%,勾選與圖層連結。這樣的設定有助於表現光線在透明材質中的穿透作用。
  我們用剛才的方法將陰影層轉換為普通圖層:新建一層,把它移動到Shadow層之下,選擇Shadow層,向下合併。新生成的圖層1保留了Shadow層的影象內容,但不具有圖層樣式。(圖08)
圖08

Photoshop教程:教你製作質感水晶圖示

我們剛才製作的並不是真正的陰影,而是表現光線透過透明材質的情況。現在我們來製作真正的投影。複製Basic層,將副本層移動到圖層1之下,重新命名為Shadow,再次使用位移濾鏡,將水平和垂直數值設為10,將Shadow層向下和右各移動10畫素。這裡,你也可以用選擇工具配合鍵盤上的方向鍵來移動影象,按住Shift鍵,移動以10畫素為單位。然後選擇高斯模糊濾鏡,設定模糊半徑為8.0%畫素。(圖09)
圖09

Photoshop教程:教你製作質感水晶圖示

如果你覺得陰影的顏色太重了,那就將圖層1的混合模式設為強光或是濾色,後者會產生更明顯的透明效果,你甚至可以複製圖層1,在兩個圖層中分別使用強光和濾色模式,不過要降低濾色模式層的不透明度。在大多數時候,強光模式會使陰影層更好的和背景融合。然後將相關的陰影層拼合,再來拼合Stroke、 Gel、Multiply和Basic層。將陰影層和其它圖層分開,是便於在其它影象中應用。要注意,對於混合模式不同的圖層,拼合後可能會使影象有所改變,所以,在拼合前要做好備份,一旦發覺拼合後的影象差異較大,可以及時恢復,重新修改圖層的混合模式。(圖crystal)
圖10
最後,根據影象狀況,看看是否對圖示層應用曲線調節。(圖11)
圖11

Photoshop教程:教你製作質感水晶圖示

Photoshop教程:教你製作質感水晶圖示

教程, 圖示, 水晶, 圖層, 質感,
相關問題答案