用Photoshop創(chuàng)作彩色玻璃畫
提起哥特式教堂，首先令人想到的是造型挺秀、高聳入云的尖塔，和絢爛堂皇的彩色玻璃窗。這篇文章我們不打算討論建筑風(fēng)格，所以留下尖塔，飛扶壁和立柱、簇柱，讀者以后有機(jī)會慢慢欣賞。我們現(xiàn)在只來關(guān)心那些美倫美渙的彩色玻璃大窗。由于哥特式教堂墻體多配有高大明朗、用彩色玻璃鑲嵌的花窗，光線能夠很好的穿過。從11世紀(jì)彩色玻璃代替混色玻璃之后，彩色玻璃窗也成為哥特式教堂不可取代的一部分。如果你也喜歡這些彩色玻璃作品，卻并和我一樣對它的制作過程一無所知的話，那么請你在桌前坐下，打開你的電腦。幸好現(xiàn)在是21世紀(jì)，我們不用去擺弄那些對我們來說非常陌生的制作工藝，更不用從礦石或植物中提取我們所需要的顏料。你只要啟動你的Photoshop，我們將用這個世界頂尖的位圖處理程序來模仿一幅彩色玻璃畫。準(zhǔn)備好了嗎？一、選擇原始圖像第一步，你要確定作品的主題是什么。如果你把作品想象成威斯敏斯特教堂的一部分，那么當(dāng)陽光透過這塊玻璃時，你想對上帝訴說些什么？所以要根據(jù)你的主題需要為你的作品找一幅原始圖像。你可以從現(xiàn)成的剪貼畫中選一幅，也可以用自己的圖像，還可以掃描一張畫。這里我選擇了一個可愛的孩子的照片。（圖00）
二、提線其實(shí)，我們想從原始圖像上得到的不過是所要描繪對象的大概輪廓。在背景層上新建一層，根據(jù)你的圖像大小選擇合適的筆刷大小和硬度。用黑色畫筆仔細(xì)描出孩子的輪廓。如果畫面中的某些部分擋住了我們的主要對象，要設(shè)法補(bǔ)全，使對象完整。盡量保持畫面的簡潔，太過復(fù)雜會使后面難以處理。這幅圖中，我所用的是直徑為3像素，硬度為0％的柔化筆刷�，F(xiàn)在看是可以了，但在后面，你也許會覺得這樣的筆刷還是顯得纖細(xì)了些。（圖01）
如果你的鼠標(biāo)使你覺得這樣手描太過吃力，那么只好用另一種辦法了。選擇魔棒工具，根據(jù)你的畫面情況設(shè)置容差值，將選擇方式設(shè)為填加到現(xiàn)有選區(qū)，然后一一點(diǎn)擊相連的色塊，直到準(zhǔn)確的選取了主要的范圍。打開路徑面板，點(diǎn)擊“建立工作路徑”（我指的是小三角里的命令，而不是快捷按鈕），設(shè)容差為1.0像素。在設(shè)定好筆刷后，用前景色描邊路徑即可（這次可以用快捷方式了）。和直接手繪相比，這種方法是麻煩了許多，但它對鼠標(biāo)和手繪功底的要求不大。手腳夠快的話，這種方法也不會太耗費(fèi)時間。其實(shí)微一留意，你就能發(fā)現(xiàn)在真正的玻璃畫中，線條應(yīng)該是十分流暢的，但這張圖做了一半我才想起這個問題，改動已是不可能的了。這個例子權(quán)當(dāng)是一個反面教材吧！還有一點(diǎn)忠告：大家看到那只怪怪的右手了嗎？由于一開始疏忽了這一點(diǎn)，結(jié)果對最后畫面的影響非常大！雖然越看越不順眼，但已回天乏術(shù)！所以，在進(jìn)行下一步之前，一定要反復(fù)檢查你的線稿，確定無誤！否則造成的錯誤幾乎是不可彌補(bǔ)的。慎之慎之！三、修飾線條在進(jìn)行下一步之前，我們先在這里稍做停頓。檢查你的畫面，看看黑色的線條是否過于生硬死板，或是抖的不成樣子。我們希望線條盡可能的圓滑流暢。按住Ctrl，單擊圖層1，載入線條的選區(qū)范圍，用選擇>修改中的“平滑”命令修飾線條。如果還不太滿意，再用高斯模糊命令輕微模糊一下，改善線條的外觀。四、填色雖然我已經(jīng)迫不及待的想要進(jìn)入到制造玻璃效果的階段，但如果不想讓玻璃變成無色的，還得先為它上色。選擇吸管工具，在孩子?jì)赡鄣钠つw上點(diǎn)擊一下，選取的顏色為RGB（251，204，193）。為了選擇出應(yīng)填充為膚色的區(qū)域，我們在背景層之上新建了一層，填充為白色。選擇魔棒工具，在屬性欄中選擇“連續(xù)的”和“用于所有圖層”，在膚色區(qū)域上點(diǎn)擊，有多個選區(qū)則要逐步添加。由于白色圖層遮擋住了背景的五顏六色，所以選取對我們來說就容易了很多。在確定沒有漏選的情況下，用選擇>修改下的“擴(kuò)展”命令，將選區(qū)適當(dāng)擴(kuò)大幾個像素，但也不要超過旁邊的黑線。在線條層之下，白色層之上，新建一層，用吸管顏色填充選區(qū)。（圖02）
五、玻璃效果現(xiàn)在我們終于可以開始“為所欲為”了。確定在膚色層內(nèi)，打開紋理>紋理化濾鏡，在紋理類型中選擇“砂巖”，縮放為150％，凸現(xiàn)為5，光照方向?yàn)轫敗＿�是要根據(jù)你的圖象來確定所需數(shù)據(jù)。這時，選區(qū)內(nèi)呈現(xiàn)粗糙的顆粒狀。（圖03）
再從扭曲濾鏡中選擇玻璃濾鏡。這是我們本文的主角。這個濾鏡模擬了透過玻璃觀看而使對象產(chǎn)生的扭曲情況。扭曲度我選擇4，太大的值會使選區(qū)內(nèi)的圖像邊緣超出線框范圍，平滑度為5，紋理選擇“結(jié)霜”，這也是最常用的玻璃紋理類型�？s放保持100％不變。你還可以選擇“反相”來反轉(zhuǎn)表面的亮色與暗色。在確定之后，就可以看到玻璃效果了。（圖04）
六、重復(fù)現(xiàn)在對頭發(fā)部分進(jìn)行相同的處理。在線條層下新建一層，用魔棒選擇頭發(fā)區(qū)域，擴(kuò)展選區(qū)2像素，如果原圖中沒有合適的發(fā)色，可以自己選擇，我所用的是RGB（251，220，45）。填充之后，和剛才一樣先進(jìn)行紋理化處理，不過這次我們用的紋理類型為“畫布”來代替剛才所用的“砂巖”。如果你近距離的觀察過這種彩色玻璃畫或是看過介紹，那你就該知道，有時候，即使在同一幅畫上也會采用數(shù)種不同紋理類型的玻璃。我們模仿的就是這種玻璃。在紋理化對話框中，設(shè)縮放為150％，凸現(xiàn)為4。然后是玻璃濾鏡。我們把扭曲度調(diào)至2，平滑度為3，紋理依然為“結(jié)霜”，縮放不變。（圖05）
七、按照同樣的方法，處理面部的其它細(xì)節(jié)。對于一些很小的區(qū)域，處理起來可以稍稍偷一下懶。但要注意，不要留下空白。（圖06）
八、接下來，我們要對孩子的身體部分也進(jìn)行相同處理。先用線條將身體劃分為一些小的幾何塊，為了修改方便，線條可以另起一層。（圖07）
用魔棒選取不相鄰的一些小塊，擴(kuò)展后儲存選區(qū)。新建一層，填充任一種顏色，然后按剛才的步驟為圖像加上玻璃效果。不要用同樣的設(shè)置，將數(shù)值稍加變化，會使圖像更加豐富。也許這樣的圖像還是顯得單調(diào)了些，我們可以載入剛才的選區(qū)，用色相/飽和度命令，使部分圖像的顏色稍有變化。如果想使顏色更多，可以多儲存幾個選區(qū)，用色相/飽和度命令調(diào)整顏色。（圖08）
在我們的玻璃畫下新建一層，選擇畫筆，這次用粗一點(diǎn)的筆刷（5像素左右），勾勒出背景幾何線條。方法是先用直線分割，然后用曲線進(jìn)一步劃分。用筆刷點(diǎn)擊線段的起點(diǎn)，按住Shift，點(diǎn)擊線段的端點(diǎn)，就可以得到一條直線。（圖10）
在這一層下新建一層，將前景色設(shè)為深灰色，背景色為白色，用云彩濾鏡渲染。執(zhí)行添加雜色命令，數(shù)量為8，勾選單色。連續(xù)用模糊濾鏡兩次，輕微模糊一下畫面。（圖11）
我們希望給背景也使用玻璃效果，但如果還用剛才紋理化——玻璃濾鏡的方法，那就會和主題融合在一起，無法起到襯托的作用。所以我們采用另一種玻璃效果——海洋波紋濾鏡。它和玻璃濾鏡同樣歸屬于扭曲濾鏡。在本例中，我們選擇了波紋大小為12，波紋幅度為16。（圖12）
和剛才一樣，我們需要使背景明暗有所變化。由于背景還未著色，所以我們只需用亮度/對比度命令調(diào)節(jié)就可以了。如果根據(jù)云彩渲染明暗的情況來調(diào)整，效果會更好。（圖13）注意根據(jù)圖像的顏色情況來選擇魔棒的容差值。
十、我們還要為圖像加上邊框。在做這一步之前，我們首先還是得用畫布大小命令來給圖像增加一點(diǎn)空間。將寬度和高度都增至原來的130％，多出來的空間就是邊框的位置。由于這種邊框是對稱的，所以我打算先制作好一角，然后用復(fù)制的方法來實(shí)現(xiàn)全部。這就要求精確的對稱，否則會出現(xiàn)對不上的尷尬。我們用參考線來解決這個問題。在視圖菜單下勾選“對齊”，在“對齊到”里選擇“文檔邊界”，這樣，參考線就會自動吸附到這一層的中心。然后打開標(biāo)尺。關(guān)閉除白色層之外的所有圖層。由于這一層始終位于圖像正中，所以我們選擇在這一層建立參考線。從標(biāo)尺下拖出參考線，慢慢移至畫面中心，在程序判斷當(dāng)前所在位置距離當(dāng)前圖層的垂直或水平中心很近時，它就會自動吸附到中心上。這樣，我們將畫面均勻分成四部分。（圖15）
按住Ctrl，點(diǎn)擊白色圖層，載入這一層的選區(qū)。打開路徑面板，從選區(qū)建立工作路徑，雙擊這一路徑，將之存為路徑1。復(fù)制路徑1，在副本中，在用路徑組件選擇工具選擇了這條路徑后，用變化路徑>縮放命令，將它的長和寬都放大到原來的125％。選取這條放大的路徑，將它剪切，然后把它粘貼到路徑1中，隨即刪除路徑1副本。（圖16）
將外圍路徑的右上和左下角的節(jié)點(diǎn)分別拖到參考線上，分別保持水平或垂直，右下角的節(jié)點(diǎn)拖至兩條參考線的交點(diǎn)。如法炮制里面的路徑，現(xiàn)在兩條路徑的右邊和下邊都重疊在參考線上。將兩條路徑都選擇，點(diǎn)擊路徑組件選擇工具，在屬性欄中點(diǎn)擊“添加到形狀區(qū)域”，然后點(diǎn)擊“組合”，將兩條路徑合并。（圖17）（為了方便觀察，我將背景層也打開了。）
接下來的這一步比較麻煩：我們要找到這個形狀兩條短邊的中心。第一種方法，你可以利用參考線的吸附特性。先將路徑轉(zhuǎn)化為選區(qū)，為了找到右邊短邊的中心，我們可以用選框相減的辦法，減掉左邊的部分，然后新建一層，在選區(qū)內(nèi)填充顏色，用參考線找到這一層，也就是路徑右邊上的中心，然后刪除這一層就可以了。同樣，找到路徑下邊的中心。（圖18）
這種方法很精確，可以在任何情況下使用。相對來說，第二種方法的精確度就沒那么高了。也許大多數(shù)人在使用Photoshop的過程中極少用到度量工具，今天我們就來試試。從吸管工具下找出度量工具，鼠標(biāo)變成一把小尺，在短邊的端點(diǎn)處點(diǎn)擊，拖動鼠標(biāo)到另一端點(diǎn)，屏幕上面就會出現(xiàn)這條線段的屬性，包括角度，長度。現(xiàn)在我們測量到路徑右邊的短邊長度D1為60像素（你也可以改變單位）。打開信息面板，選擇矩形工具，使畫出來的矩形選框的上邊緣和路徑的上邊緣重合，注意一邊向右拖動鼠標(biāo)一邊觀察信息面板，直到顯示出這個矩形的高度為30像素，才放松鼠標(biāo)，這樣，矩形底邊和路徑相交的交點(diǎn)，就是路徑短邊的中心。同樣，為取路徑底邊的中心，我們只需要將矩形選框的寬度控制在33（66的一半）像素就可以了。（圖19）
中點(diǎn)取到后，用鋼筆工具在這兩個點(diǎn)上各添加一個錨點(diǎn)，然后用轉(zhuǎn)換點(diǎn)工具把這個錨點(diǎn)和旁邊的兩個錨點(diǎn)由平滑點(diǎn)轉(zhuǎn)換為角點(diǎn)，然后把新添加的錨點(diǎn)向下拖，這樣形成的就會是直線段。（圖20）
將路徑1復(fù)制，如圖更改副本路徑。（圖21）
接下來的步驟已沒什么技巧可言，回到路徑1中，如圖添加形狀。除了兩條線要合并到路徑上以外，其它形狀單獨(dú)創(chuàng)建即可。（圖22）
路徑的工作終于告一段落了，我們要開始填色了。在所有圖層之上新建一層，顯示路徑1副本，將路徑轉(zhuǎn)換為選區(qū)，擴(kuò)展8個像素；用RGB（244，183，87）在新層內(nèi)填充，使用紋理化濾鏡，嘗試不同的紋理類型和數(shù)值，如“粗麻布”，縮放100％，凸現(xiàn)為4；然后是玻璃濾鏡，扭曲度為2，平滑度為4。由于大面積的使用了扭曲濾鏡，所以選區(qū)內(nèi)不可避免的出現(xiàn)空白，因此我們將選區(qū)向內(nèi)收縮2像素，新建一層，在這里為邊框加邊。執(zhí)行“描邊”命令，寬度為5像素，將顏色設(shè)為黑色，位置在外。沿著參考線刪去多余的部分。（圖23）
新建一層，用路徑組件選擇工具選擇路徑1內(nèi)的三個封閉路徑，分別填上不同的顏色，再次執(zhí)行紋理化和玻璃濾鏡，記得變化數(shù)值。（圖24）
邊緣出現(xiàn)了不規(guī)則的現(xiàn)象，我們可以用邊框來遮蓋它。新建一層，選擇路徑1內(nèi)的三個封閉路徑，設(shè)前景色為黑色，更改畫筆，設(shè)直徑為5像素，硬度為100％，然后用路徑面板的描邊路徑為路徑加邊。（圖25）
用直徑為3像素的畫筆，為路徑中相接部分描邊。（圖26）
邊框的部分完成了，我們現(xiàn)在來把邊框部分眾多的圖層合并為兩層：所有的黑色邊框是一層，剩下的彩色玻璃部分為一層。將這兩層分別復(fù)制，翻轉(zhuǎn)，移動，形成完整畫面。有了對齊功能，我們可以很輕松的將圖層對的嚴(yán)絲合縫。必要時還要調(diào)整圖層順序，使黑色邊框始終在彩色玻璃之上。調(diào)整好之后，將原本和副本拼合，邊框和玻璃還是處于不同的層內(nèi)。關(guān)閉參考線。（圖27）
為什么要這么大費(fèi)周折呢？原因在于我們想為黑色邊框增加立體效果，使它看起來更加逼真。雙擊邊框?qū)�，打開圖層樣式，選擇“斜面和浮雕”，設(shè)樣式為內(nèi)斜面，深度為200％，陰影角度為-30度，其余按照默認(rèn)。打開背景線條層和孩子線條層，也應(yīng)用相同的設(shè)置（對于后者來說，深度降低一點(diǎn)可能會更好）。這樣，鑲嵌的效果就出來了。由于邊框缺口處會露出下面的白色，所以將邊框?qū)雍筒Ａ悠春虾�，將它縮小到95％大小，就可以遮住空缺了。這是最后的效果圖和部分細(xì)節(jié)（圖28，29）。
提示：1.如果你的圖形為正方形，也就是說完全對稱，那么在翻轉(zhuǎn)邊框副本時，還可以將副本作90度的旋轉(zhuǎn)，那樣的話，你的邊框會更好看。
2.像這個例子中用到很多的圖層，如果把相關(guān)的層放入一個圖層組內(nèi)，管理起來會方便的多。
學(xué)習(xí) · 提示
相關(guān)教程
