【 第一部分：立體感 】
寫(xiě)在開(kāi)頭：
我們平常所說(shuō)的美術(shù)，都是有關(guān)視覺(jué)的藝術(shù)。設計分很多種，但大家目前所集中關(guān)心的，要用到PS的設計，無(wú)非就是人機界面（網(wǎng)頁(yè)也算一種人機界面）、平面廣告、動(dòng)畫(huà)、插圖等等，這些都與視覺(jué)有關(guān)。
而視覺(jué)魔術(shù)當中，我們普遍運用的手法，就是通過(guò)視覺(jué)錯誤來(lái)產(chǎn)生各種各樣的“立體感”。本來(lái)都是平面的，但添加了各種效果后，你就覺(jué)得這是立體的，有空間感的。比如一個(gè)簡(jiǎn)單的按鈕，就不再是平面的板塊，你會(huì )覺(jué)得它是有體積感的。這就是我們所說(shuō)的“逼真”。
首先要說(shuō)的是，我舉的例子都會(huì )是很簡(jiǎn)單、數個(gè)步驟就能上手并且能演變出其他效果的，因為我覺(jué)得對于初學(xué)者而言，畫(huà)一個(gè)方塊，和畫(huà)一個(gè)人頭像在操作上沒(méi)有很大的區別。如果你參加了美術(shù)班的學(xué)習，你就會(huì )知道，對于陰影、高光的把握，畫(huà)一個(gè)雞蛋與畫(huà)一個(gè)人頭像沒(méi)什么不同，不同的就是后者需要結構上的理解與更多的練習。舉個(gè)小例子，小非想必大家很熟悉了，以PS描繪逼真的超寫(xiě)實(shí)人像，他對自己的操作是這樣說(shuō)的：我無(wú)非就是用了路徑、加亮與變暗工具多一些而已，剩下的就是美術(shù)功底了。因此，對于初學(xué)者，我不推薦馬上去畫(huà)什么人臉，而是先理解好、運用好手頭的這幾樣工具，再深入研究結構，這樣才是學(xué)習PS之道。
好了，我們現在馬上開(kāi)始，從結果倒推到步驟的思考之旅。大家來(lái)看這個(gè)水晶按鈕
下面我們放大來(lái)看這個(gè)水晶按鈕由哪些結構組成。按鈕構成圖：
按鈕橫截面光線(xiàn)圖：
1、任何光滑的東西都會(huì )產(chǎn)生鏡面反射，水晶按鈕當然不會(huì )例外。
2、要讓按鈕浮出畫(huà)布，陰影是少不了的。有了正確的陰影，人們感覺(jué)才會(huì )更逼真。
3、這個(gè)水晶按鈕是紫色的，但不是平板、呆板的平紫色，而是一個(gè)從紫紅到粉紅的漸變色，為什么會(huì )這樣？因為它是透明的，光線(xiàn)從上到下投射下來(lái)的時(shí)候，由于下部的角度問(wèn)題，產(chǎn)生的反射越來(lái)越多（這部分可參考物理學(xué)知識），所以下面的顏色會(huì )較淺。（注：我們假設光源在正上方）
4、按鈕是扁圓的，到了邊緣，這個(gè)曲度發(fā)生較大的變化（大家可以想象一下這里的橫截面），因此邊緣會(huì )變暗，于是會(huì )有這一點(diǎn)點(diǎn)的陰影。
5、原理如4，但這里的陰影更大，為什么？大家想想一個(gè)玻璃杯在單光源照射下的情景：如果不是有反射的話(huà)，整個(gè)杯子就會(huì )在背景中消失，對不對？因為它是透明的，光線(xiàn)在上面不留痕跡（除了反光），因此這里為什么暗，是因為它是透明的，把后面的陰影也透射出來(lái)了。這里要說(shuō)明一點(diǎn)，如果要把現實(shí)中的水晶按鈕的光線(xiàn)反射等等完全搬過(guò)來(lái)是行不通的，不是不能做到，而是對于這樣的一個(gè)小按鈕成本太大了。我們只需要稍稍模擬得更接近就行了，因此又有一個(gè)題外的原則，對效果，要適當取舍。
很多人可能要問(wèn)了，不就做一個(gè)小按鈕嗎，用得著(zhù)花這么多筆墨去說(shuō)這些物理問(wèn)題嗎？——這不對。只有深入理解結構，才能舉一反三。下面就要說(shuō)到，理解這些東西究竟有什么用。
好，現在我們開(kāi)始思考，我們應該用什么工具去實(shí)現這些效果。（在這里不妨停住，自己想想，剛剛分開(kāi)的那些結構部分，如果是你自己，如何把這些部分畫(huà)出來(lái)，并且組合起來(lái)？）
部分1：高光讓我們產(chǎn)生這個(gè)物體很光滑的感覺(jué)。但要實(shí)現很容易，我們畫(huà)一個(gè)這種形狀的白色塊，然后以一定的透明度疊加在下方的按鈕實(shí)體上面就行，這個(gè)問(wèn)題解決了，我們需要的是一個(gè)新圖層，一個(gè)以白色填充的圓角長(cháng)矩形?！唧w步驟先不急，我們先要知道我們要些什么。
部分5：對于下面的大圓角矩形，上部以及邊緣會(huì )發(fā)暗。如何才能讓這個(gè)大圓角矩形的上部以及邊緣有點(diǎn)暗呢？這里列舉兩種做法。一種是用羽化的選區把按鈕矩形的邊緣變暗。變暗有什么好辦法？色相/飽和度工具，此法用在這里有點(diǎn)小題大作，此外這種方法是一次性的，不能再調整的，也就是說(shuō)當你確認修改后，下次要改回來(lái)可就不那么容易了。那么我們選擇第二種做法，圖層樣式。記得圖層樣式里面有一個(gè)“內陰影”嗎？對，內陰影～ 內陰影除了能干內陰影這件事之外，也能讓邊緣變暗——我們只要讓陰影在邊緣停留就好了嘛?？磮D：
看看第三個(gè)就是，參數怎么調整？這里先不說(shuō)，大家可以根據上面的那個(gè)圖自己調整一下方向、距離與大小，試試看。
這里還有一個(gè)值得注意的是，為什么用內陰影更好，是因為大家發(fā)現沒(méi)有，雖然說(shuō)第三個(gè)內陰影效果是邊緣變暗，但這個(gè)暗又是上下不同的，上面的陰影寬些，下面的陰影窄些，這正是第5部分需要的效果。內陰影是有方向與距離控制的，因此我們可以把那個(gè)陰影調節得上寬下窄。這就是我們選擇內陰影樣式的理由。有了這種特殊的陰影，按鈕會(huì )產(chǎn)生一定的立體感了。
部分4：這里還有一個(gè)較窄的、細細的邊緣變暗。因為我們剛剛已經(jīng)采用了內陰影來(lái)制作按鈕的立體感，難道再增加一個(gè)內陰影效果嗎？PS里面不允許說(shuō)一個(gè)圖層加幾個(gè)同樣類(lèi)型的樣式。那我們要換一下口味了。這個(gè)較黑較細的邊緣，應該對整個(gè)按鈕都是均勻的。整個(gè)按鈕具有變暗的模糊邊緣——用色相/飽和度工具當然可行，但不能事后調整——還是用樣式吧，什么樣式呢，內發(fā)光。
內發(fā)光不僅能發(fā)“亮”光，也能發(fā)“暗”光?？磮D：
第三個(gè)色快產(chǎn)生了邊緣變暗的效果，如何做到的呢？看看具體的參數設置：
好，至此，是我們應該組合這些效果的時(shí)候了?？磮D：
大家注意到我原本的色塊是綠色的沒(méi)有？——因為有了漸變疊加，原來(lái)用什么顏色都無(wú)所謂。我這里一開(kāi)始就是亂選了一種顏色填充圓角矩形，反正到后面都能調整，方便得很～
反思一下剛剛得步驟與結構，究竟是那些步驟讓我們產(chǎn)生了按鈕得立體感？
－投影樣式能讓物體浮出畫(huà)布；
－內陰影樣式能讓物體產(chǎn)生玻璃般的透明立體感；
－內發(fā)光能讓玻璃的邊緣更加真實(shí)（我們感覺(jué)到這個(gè)按鈕的橫界面下邊緣必定是圓滑的）；
－漸變疊加樣式能讓按鈕的反光更為真實(shí)，也讓整個(gè)按鈕的色彩層次感更豐富，不死板；
思考了這些以后，如果要做別的按鈕可以嗎？我要怎么產(chǎn)生立體感呢？金屬的和玻璃又有什么相同和不同之處呢？還有其他的樣式，比如斜面與浮雕、光澤能做些什么嗎？這些在我接下來(lái)的后面說(shuō)金屬立體感的時(shí)候就會(huì )說(shuō)到，但在此之前，大家都可以先自己思考一下。
好了，我們先把這個(gè)按鈕完善一下吧?；镜膱D層樣式已經(jīng)做好，我們以后再要做這種按鈕可就方便了?？磮D：
看，各種形狀都行，只要我們復制、粘貼圖層樣式。然后大家注意到樣式產(chǎn)生了立體感與按鈕的折射與陰影，但高光還是要自己做的。上圖中圓形按鈕與長(cháng)圓角按鈕就加了高光，高光怎么做，已經(jīng)不用我再補充了吧。但有個(gè)東西需要提醒，就是高光也有層次感，注意看下圖：
左邊是平色不透明度為100的白色快，當然不像高光了。右邊的就不同，白色塊是透明的，而且有上下漸變的變化。這里用的辦法是為高光加一個(gè)蒙版，然后在蒙版里使用黑白漸變，使得白色塊的不透明度降低并且產(chǎn)生上下漸變的層次變化，更為逼真。
下面我們再把這個(gè)按鈕變得更完美些吧。既然是水晶按鈕，那就是透明的。如果我們在底下墊一層網(wǎng)格，那就應該會(huì )透出一些來(lái)?？磮D，我們在底下加上網(wǎng)格。
這里有兩個(gè)同樣的按鈕，都不透明。下面我們要把下面那個(gè)水晶按鈕變得透明。首先我們把按鈕的混合模式改成“柔光”，柔光能讓我們的按鈕以一種透明模式覆蓋在圖案上，但又能保留陰影與立體感。但要讓它透明，還要花點(diǎn)小功夫：首先要想它為什么原來(lái)不透明？
——是漸變疊加那里，它是一個(gè)不透明的漸變色，于是讓按鈕不透明了。
打開(kāi)樣式的漸變疊加對話(huà)框，看看參數有什么可變化的：
對，有個(gè)不透明性。原來(lái)是100％，我們下降到56％看看效果如何？
果然，整個(gè)按鈕透明了。這個(gè)時(shí)候有人會(huì )問(wèn)，為什么不把那個(gè)按鈕層全層下降不透明度呢？我們來(lái)看看比較好了。
整個(gè)圖層的不透明度下降后，的確是透明了，但邊緣也模糊了，讓人覺(jué)得立體感就沒(méi)有了。原因就在于那些產(chǎn)生立體感的樣式：內陰影、內發(fā)光、陰影也一并透明了，因此效果就下降了。我們看第二行第一個(gè)按鈕，是有顏色的水晶按鈕，立體感仍在。
把漸變樣式變成完全透明又如何呢？這里還要記住，那個(gè)內陰影是有顏色的，我們把漸變色去掉之后，也要把內陰影變成灰色（灰色就是中性色，不帶色相的），這就產(chǎn)生了無(wú)色彩的透明玻璃按鈕，第二行第二個(gè)。
追求完美的人可能會(huì )說(shuō)，玻璃會(huì )有折射的吧，下面的網(wǎng)格不應該是平的才對。這是對的，但考慮到我們的按鈕比較靠近背景，發(fā)生的透鏡效果不會(huì )太明顯，如果我們一定要這個(gè)透鏡效果的話(huà)，那就要把后面的背景做些透鏡變化了。的確可行，但會(huì )讓背景破壞，如果我要移動(dòng)按鈕位置的話(huà)，就麻煩了。所以考慮再三，這個(gè)效果先把它忽略，日后在有需要的時(shí)候、定稿的時(shí)候，再做不遲。下面給出一個(gè)有透鏡效果的透明按鈕：
我們學(xué)習了從觀(guān)察水晶按鈕到制作水晶按鈕的過(guò)程。想必大家現在對立體感有了一些認識。立體感，最主要的就是塑造光影。
上面是一些非常簡(jiǎn)單的按鈕，還有刻線(xiàn)?？s小看很逼真，但放大后看，不過(guò)如此：還是陰影與光線(xiàn)的組合。舉這些簡(jiǎn)單的例子做什么呢？其實(shí)我想說(shuō)的就是，很多復雜/逼真的立體效果，都是這些簡(jiǎn)單把戲的組合。黑白一組合，就能給人立體的感覺(jué)，因為這個(gè)陰影與亮部的東西，實(shí)在是太深入人心了。好，再次從觀(guān)察效果出發(fā)。這次舉個(gè)裂縫的例子?？磮D：
這個(gè)鋁罐，按道理而言是不可能有這種裂縫的
乍一看，視覺(jué)上還是能欺騙眼睛的，因為這個(gè)裂縫符合了我們所要的立體要素：高光與陰影。好，讓我們再次來(lái)分析一下這個(gè)裂縫的結構?？纯捶糯蟮膱D：
這張是另外一個(gè)要注意的小地方，就是鋁罐口那里裂開(kāi)一點(diǎn)后，背后的鋁罐蓋應該能看到一點(diǎn)點(diǎn)，對比一下原圖！這個(gè)小細節很重要，有時(shí)候像不像關(guān)鍵就是在這種小細節！
現在我們又來(lái)思考了，如果我要做這個(gè)裂縫，我要準備些什么？
-隨機的裂縫，這是顯然的；
-裂縫的黑影與高光，這是立體感的關(guān)鍵；
-那個(gè)小缺口的細節；
知道要準備些什么了，我們要想究竟哪些工具能滿(mǎn)足我的要求？
-隨機的裂縫，也就是一些不規則的細紋，我們用什么來(lái)做？手繪當然可以，但功底不好，未免生硬。材質(zhì)圖片素材是非常好的選擇，比如找些大理石紋的照片，我們就能把里面的條紋弄出來(lái)。但如果要空手套白狼呢？想想PS中有什么工具能產(chǎn)生隨機條紋的？或者說(shuō)，是產(chǎn)生隨機邊緣，只要有隨機邊緣，那隨機條紋還不容易嗎？——云彩，PS中產(chǎn)生隨機效果的非常重要的一個(gè)濾鏡：渲染-〉云彩。怎么做等等再說(shuō)；
-黑影與高光，無(wú)非就是黑白的配合，想想剛剛提到的那些小刻線(xiàn)吧，只要是黑白配合，要產(chǎn)生立體感太容易了；
-小缺口，更加容易，再看圖
我們用與瓶口相近似的色塊把那個(gè)產(chǎn)生缺口的地方填掉就行。剛剛說(shuō)到的3個(gè)東西，非常簡(jiǎn)單?？赡艿谝徊娇帐秩〉昧芽p復雜點(diǎn)，但只要看我做一次例子，大家就明白是怎么回事了?？磮D，我們新建一個(gè)空白的文檔，然后使用 渲染-〉云彩：
大家看到了吧，隨機的紋理。怎么變成隨機的條紋？或者說(shuō)，先完成中間的一步：怎么變成隨機的色塊？
觀(guān)察這個(gè)云彩，我們可以得出結論：它是一個(gè)黑白灰隨機變化的紋理結構。如果我們能把它變成黑白二色（無(wú)灰調子）的，必然就能取得隨機的邊緣。按CTRL+L，調出色階命令：
大家看到?jīng)]有，這個(gè)對話(huà)框有5個(gè)小三角。其中我們關(guān)心的是立方圖下面的3個(gè)，黑/灰/白三個(gè)小箭頭。分別代表什么意思呢？黑就是黑場(chǎng)，代表畫(huà)面中暗部，灰就是灰場(chǎng)，代表畫(huà)面中的中間調，白就是白場(chǎng)，代表畫(huà)面中的亮部。我們嘗試收窄這三者的距離看看？
大家發(fā)現沒(méi)有，云彩模模糊糊的紋理邊緣開(kāi)始變得清晰起來(lái)。為什么會(huì )產(chǎn)生這種效應呢？大家注意看這個(gè)黑場(chǎng)的左邊，對應立方圖（就是像股票曲線(xiàn)那種東西）的左邊，其實(shí)就是畫(huà)面中比這個(gè)黑箭頭所指的亮度更暗的部分，現在系統把它們全部變成黑色（最暗）。黑箭頭就是代表畫(huà)面中最暗的地方，所以在黑箭頭左邊的，當然也是最暗了（也就是說(shuō)，原來(lái)有點(diǎn)灰的，會(huì )變黑了）；再看白場(chǎng)的右邊，對應的右邊的都變成白色（最亮），原理也容易猜到，白場(chǎng)是代表畫(huà)面中最亮的地方嘛，如果比白場(chǎng)所指的位置更右的話(huà)，自然也就是變成了白色。
因此，兩邊一收窄，嘿嘿，灰色就消失了。我們把3個(gè)箭頭重合看看如何：
非常完美的隨機邊緣產(chǎn)生了。那怎么取得隨機的裂縫呢？下面的步驟屬于沒(méi)什么可講的步驟，我就帶過(guò)，大家看了之后就明白了。按W，魔術(shù)棒工具，并把容查設置為0：
然后選中白色部分，刪除：
我們得到隨機邊緣了，然后把這個(gè)黑色的層復制多一層，然后按一下D切換到默認白前景色，按SHIFT+ALT+DEL（使用前景色保護透明度填充圖層）：
按CTRL+T，自由變換上面的白色層（為什么用白色，無(wú)非是讓它和下面的原層分開(kāi)，好分辨而已）。同時(shí)按住CTRL，把箭頭指向9個(gè)控制點(diǎn)的第一行第二個(gè)。
注意上圖，箭頭變成單黑色。然后鼠標往右下拉，注意控制好度：
大家已經(jīng)看到我們想要的裂縫紋出現了，上寬下窄，慢慢向上裂開(kāi)的。按ENTER確定變換，然后栽入白色層的選取再刪除白色層。選中黑色層，然后按DEL刪除選中的部分，再把其它不要的裂縫刪除，效果如下：
再來(lái)看看我們的隨機條紋成果（為了便于觀(guān)察，我把背景填充為一個(gè)灰色）：
好啦，下面我們要用到黑白大法了?？磮D：
把黑條紋復制多一條放在下面，填充成白色（按D、X，然后按SHIFT+ALT+DEL，記住快捷鍵）然后把位置錯開(kāi)，大家看得很清楚了。然后我們把白條紋的位置盡量靠近黑條紋，但又露出一點(diǎn)點(diǎn)：
裂縫出來(lái)了，我們把它疊加在罐子上，就能讓罐子裂開(kāi)。上面是做裂縫的小操作了，熟悉后操作起來(lái)會(huì )非?？斓?。
我們現在回到罐子去，提幾個(gè)要注意的地方?？磮D，我們分析一下結構。
由于時(shí)間有限，顧不上細細調整了，畫(huà)面破綻還是很多的，但原理知道后，大家自己練習，一定會(huì )做出更好的效果~
幾點(diǎn)小注意：
1、這里的裂縫走向是不大對的，因為那里是凹下去的部分，裂縫也應該隨之凹下去，大家重新作的時(shí)候要注意；
2、由于有罐口與罐身的遮蓋問(wèn)題，再加上透視，裂縫從視覺(jué)上要分為兩部分，走向也不一樣；
3、小缺口，不要忘記了，少了之后那個(gè)黑色就不是裂縫了，而是黑帶；
4、裂縫的高光有些地方會(huì )很明顯，有些地方會(huì )由于角度問(wèn)題看不到，所以我們剛剛疊上去的黑白兩條紋，白色條紋某些部位要適當刪除或者降低亮度，這樣才會(huì )真實(shí)（大家可以仔細觀(guān)察實(shí)際生活中的裂縫）。
好了，這里還是最后提醒一下：不是什么東西都能做個(gè)裂縫的，比如軟綿綿的東西，做個(gè)這種硬裂縫，會(huì )讓人以為這是畫(huà)布（或者是照片）裂開(kāi)了而不是軟綿綿的東西裂開(kāi)。我的意思就是說(shuō)，要做效果，也要看對象，沒(méi)有一種效果是什么對象都能硬加上去的，違背了最根本的實(shí)際原理的話(huà)，造成的后果只能是生硬。
今天就到此為止。接下來(lái)我們要對這個(gè)罐子作更多的延伸改變。
先布置個(gè)小練習，大家有時(shí)間的話(huà)做一做。練習題目：把罐子剪開(kāi)！仿照以下效果，之前思考用了那些工具、哪些地方是我們塑造立體感所必要的？
聯(lián)系客服
