|
好，至此，是我們應(yīng)該組合這些效果的時候了�？磮D：
大家注意到我原本的色塊是綠色的沒有？——因?yàn)橛辛藵u變疊加，原來用什么顏色都無所謂。我這里一開始就是亂選了一種顏色填充圓角矩形，反正到后面都能調(diào)整，方便得很～
反思一下剛剛得步驟與結(jié)構(gòu)，究竟是那些步驟讓我們產(chǎn)生了按鈕得立體感？
－投影樣式能讓物體浮出畫布；
－內(nèi)陰影樣式能讓物體產(chǎn)生玻璃般的透明立體感；
－內(nèi)發(fā)光能讓玻璃的邊緣更加真實(shí)（我們感覺到這個按鈕的橫界面下邊緣必定是圓滑的）；
－漸變疊加樣式能讓按鈕的反光更為真實(shí)，也讓整個按鈕的色彩層次感更豐富，不死板；
思考了這些以后，如果要做別的按鈕可以嗎？我要怎么產(chǎn)生立體感呢？金屬的和玻璃又有什么相同和不同之處呢？還有其他的樣式，比如斜面與浮雕、光澤能做些什么嗎？這些在我接下來的后面說金屬立體感的時候就會說到，但在此之前，大家都可以先自己思考一下。
好了，我們先把這個按鈕完善一下吧�；镜膱D層樣式已經(jīng)做好，我們以后再要做這種按鈕可就方便了。看圖：
看，各種形狀都行，只要我們復(fù)制、粘貼圖層樣式。然后大家注意到樣式產(chǎn)生了立體感與按鈕的折射與陰影，但高光還是要自己做的。上圖中圓形按鈕與長圓角按鈕就加了高光，高光怎么做，已經(jīng)不用我再補(bǔ)充了吧。但有個東西需要提醒，就是高光也有層次感，注意看下圖：
左邊是平色不透明度為100的白色快，當(dāng)然不像高光了。右邊的就不同，白色塊是透明的，而且有上下漸變的變化。這里用的辦法是為高光加一個蒙版，然后在蒙版里使用黑白漸變，使得白色塊的不透明度降低并且產(chǎn)生上下漸變的層次變化，更為逼真。
下面我們再把這個按鈕變得更完美些吧。既然是水晶按鈕，那就是透明的。如果我們在底下墊一層網(wǎng)格，那就應(yīng)該會透出一些來�？磮D，我們在底下加上網(wǎng)格。
這里有兩個同樣的按鈕，都不透明。下面我們要把下面那個水晶按鈕變得透明。
首先我們把按鈕的混合模式改成“柔光”，柔光能讓我們的按鈕以一種透明模式覆蓋在圖案上，但又能保留陰影與立體感。但要讓它透明，還要花點(diǎn)小功夫：首先要想它為什么原來不透明？
——是漸變疊加那里，它是一個不透明的漸變色，于是讓按鈕不透明了。
打開樣式的漸變疊加對話框，看看參數(shù)有什么可變化的：
對，有個不透明性。原來是100％，我們下降到56％看看效果如何？
果然，整個按鈕透明了。這個時候有人會問，為什么不把那個按鈕層全層下降不透明度呢？我們來看看比較好了
整個圖層的不透明度下降后，的確是透明了，但邊緣也模糊了，讓人覺得立體感就沒有了。原因就在于那些產(chǎn)生立體感的樣式：內(nèi)陰影、內(nèi)發(fā)光、陰影也一并透明了，因此效果就下降了。我們看第二行第一個按鈕，是有顏色的水晶按鈕，立體感仍在。
把漸變樣式變成完全透明又如何呢？這里還要記住，那個內(nèi)陰影是有顏色的，我們把漸變色去掉之后，也要把內(nèi)陰影變成灰色（灰色就是中性色，不帶色相的），這就產(chǎn)生了無色彩的透明玻璃按鈕，第二行第二個。
追求完美的人可能會說，玻璃會有折射的吧，下面的網(wǎng)格不應(yīng)該是平的才對。這是對的，但考慮到我們的按鈕比較靠近背景，發(fā)生的透鏡效果不會太明顯，如果我們一定要這個透鏡效果的話，那就要把后面的背景做些透鏡變化了。的確可行，但會讓背景破壞，如果我要移動按鈕位置的話，就麻煩了。所以考慮再三，這個效果先把它忽略，日后在有需要的時候、定稿的時候，再做不遲。下面給出一個有透鏡效果的透明按鈕：
出處：藍(lán)色理想
責(zé)任編輯：qhwa
上一頁 Photoshop 雜談 II — 立體感 [3] 下一頁 Photoshop 雜談 II — 立體感 [5]
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|
第 1 頁 
第 4 頁 Photoshop 雜談 II — 立體感 [4]
