用Photoshop製作圖片捲頁效果
卷頁效果是我們在設計影像中常用的修飾效果。不少濾鏡都能做到,如由AVBros.公司出品的PageCurl,或大名鼎鼎的KPT等。但如果用過你就會發現,這些濾鏡所作的效果過於死板,更重要的是不夠逼真,一眼就看出人工的痕跡。所以只用過一次,我就放棄了。如果你跟我一樣,不喜歡濾鏡的固定模式,而希望用更靈活的方式來表現你的影像,這篇教學也許會給你一些啟示。
由於我們在這篇教學中會用到很多路徑的知識,所以,在開始之前,我希望你已經能夠較熟練的操縱Photoshop的路徑工具。如果你是Photoshop的新手,那麼這篇教學也能幫助你複習路徑的用法。 1.讓我們從最簡單的捲頁效果開始。新建一個文檔,320㗴20像素大小,解析度為72,白色背景。選擇矩形向量形狀工具,用新工作路徑的方式,繪製一個和頁面差不多大小的矩形,和邊緣留下一定空隙。 (圖01)
圖01
2.用直接選擇工具選擇工作路徑,在工具箱中選擇鋼筆工具,在螢幕上方的工具列中選擇自動新增/刪除,在路徑的右邊和底邊上分別新增一個節點。按住ALT鍵,將鋼筆放置在新新增的節點上,可以看到鋼筆工具變成了轉換點工具,拖曳節點,將之改變為平滑點;按下CTRL,鋼筆工具又變成了直接選擇工具,將底邊上新增節點向上移動,右邊上新增節點向左移動;再將右下角的節點移動到頁面中央偏左下方,將之轉換為平滑節點;拖曳平滑點,接著調整方向點,調節曲線段的位置。如圖所示,用貝茲曲線分別調整各曲線段,使其完美接洽(圖02)。完成的路徑形狀就是卷頁的形狀。打開路徑面板,將工作路徑儲存起來,以便於修改。路徑是卷頁效果的關鍵,一定要仔細調整。
圖02
如果你還不習慣用快捷鍵,也可以用各種對應的工具來實現,但這樣做效率會低很多。
3.下面我們要使用這個路徑形狀。新建一層,命名為Paper,選擇同色調的深淺兩種顏色分別作為前景/背景色,在這裡,我選擇的是前景色RGB(221,191,151),背景色為RGB(238,224, 204)。在路徑可視的情況下,按CTRL+ENTER,將路徑轉換為選取範圍,在新圖層內,選擇線性漸變工具,按對角線方向拖曳漸層工具,使選取範圍從左上角至右下角由深變淺。 (圖03)
圖03
4.在Paper層下新建一層,命名為Curl。選擇多邊形套索工具,如圖04所示,選取一個選取範圍。
圖04
要特別注意的是,選區邊緣要和曲線相切,即不可以多,也不可以少。 (圖05)
圖05
反轉前景色和背景色,在選區內,用線性漸層填滿。奇蹟出現了!由於Curl層位於Paper層之下,所有不必要的部分都會被覆蓋,這樣,你已經初步完成了卷頁效果。或者,你可能需要加深背景色來加大頁面的反差。 (圖06)
圖06
需要說明的是,如果在上一步中,你的路徑繪製的很合適,那麼在這一步,你會很輕鬆的取得你所需要的效果。但如果曲線的角度不合適,那麼卷頁效果會非常生硬。這樣的話,你必須回到路徑中去,重新調整路徑,然後再用漸層填滿的方法來檢驗效果。因為有時候路徑看起來雖然不錯,但要在填滿上顏色以後,缺點才會露出來。你可能要進行許多次才能達到滿意的效果。另外,漸層的方向也非常重要。
5.如果你在看這一步的話,那就證明你已經得到了所需要的路徑曲線了。下面,我們要為卷頁效果添加一些修飾,使它更自然。首先,要給紙張增加厚度。方法很簡單,在Paper層上新建一層,命名為Stroke,載入Paper的選區,將前景色設為白色,選擇「編輯>描邊」指令,描邊寬度為1px,位置居內。取消選擇,用橡皮工具擦去多餘的部分。減低圖層不透明度。這樣,一張頗有厚度的紙就出現了。紙張的厚度決定於你用的描邊色。舉例來說,如果你用前景色RGB(244,235,226)來描邊,你會發現這時的紙張要比用白色描邊的紙張顯得薄一些(圖07)。
圖07
6.如果覺得漸層對錶現明暗不夠理想,可以在Curl層上新建一層,命名為Highlight,選擇一個大一些的柔化筆頭,用白色在頁面捲起的邊角處噴塗以增加高光,控製筆畫盡量柔和,將不透明度減低為51%,圖層混合模式改為疊加。在Curl層內。選擇加深工具,將範圍設為中間調,曝光度為25%,在高光相對的一邊上加深。 (圖08)
圖08
7.增加立體感有很多方法,其中最常使用到的是為物體添加陰影。在我們這個例子中,紙張的不規則形狀,決定了我們不能用一般的方法。我們需要親自勾勒出陰影的形狀。開啟路徑面板,用鋼筆工具勾出如下路徑(圖09),儲存路徑後,將其轉換為選取範圍,在Curl層下新建一層,命名為Shadow,以黑色填滿選取範圍。取消選擇後,運用高斯模糊濾鏡,半徑為2像素。將圖層不透明度降低為47%(圖10)。
圖09
可這樣的陰影太過平板,不夠真實,所以我們為它添加一個圖層蒙版,將前景色設為白色,背景色設為黑色,選擇線性漸變工具,將漸變不透明度設為53%,在蒙版內做出漸變,遮蔽一部分陰影。 (圖11)
圖11這樣,一個簡單的捲頁效果就完成了。 (圖12)
圖12
8.我知道,做這樣一個空白的捲頁是沒有什麼意義的。我們需要把它應用到圖像中去。在這個例子中,我們將對一張電影海報實現這個效果。如果你已經順利的完成了前面的部分,那剩下的只是舉手之勞。開啟海報影像,調整到適當大小,將其複製到我們的影像中,放置在Paper圖層的上面,暫時關閉Stroke圖層(圖13)。
圖13
按住ALT鍵,將滑鼠指向圖層面板上海報圖層和Paper圖層之間,出現編組圖示。將海報圖層和下面的Paper層編組。這樣,Paper層的形狀就決定了海報圖層的形狀,海報很自然的出現卷頁效果。 (圖14)
圖14
9.但只這樣還遠遠不夠,因為有圖像和文字,所以,我們要照顧到海報內圖像和文字的扭曲。要達到最自然的扭曲效果,莫過於置換濾鏡。你可以複製Paper層,用垂直漸層填滿形狀。然後用置換濾鏡來扭曲影像。如果你能熟練的運用置換濾鏡,你會得到以假亂真的效果。但這種方法難度較大,我們用較簡單的方法來取代它。選擇海報圖層,按CTRL+T,調出變形框,選擇扭曲指令,將變形框右下角的控點拖曳到頁面中心。海報會出現對應的扭曲效果。直到你覺得合適,確定變形(圖15)。這種方法,雖然不是很精確,但已能滿足一般要求的圖像。
圖15
10.打開描邊層,由於下面彩色影像的關係,白色的描邊顯得有些稀薄。可以複製,再用降低了透明度的橡皮擦去一部分,拼合副本層和描邊層。為什麼不把描邊層和Paper層拼合以後,再編組海報層呢?那樣的話,白色的描邊層根本就顯示不出來。我們也可以在海報圖層上加一個亮度/對比度調整圖層,將亮度設為-10。再加入一個圖層蒙版,用白色到黑色的漸變,從調整圖層的左上角到右下角做出漸變,遮蔽部分調整效果。這樣會使圖像卷頁效果更加自然。 (圖16)
圖16
11.最後,我們為圖像加上背景。你可以貼上一副紋理,或別的背景圖像。這個例子中,我做了一張大理石紋理做為背景。如果有興趣,可以參考一下:新文檔,320㗴20像素大小,解析度為72,白色背景。恢復預設的前景色和背景色,用雲彩濾鏡渲染之後,執行風格化>等高線濾鏡,製作出大理石的紋理(圖17)。
圖17
複製背景圖層,將副本圖層的混合模式改為正片疊底。分別對幾個副本圖層做不同程度的模糊,降低圖層的不透明度。用色相>飽和度調整顏色。用黑白做雲彩渲染,再作兩次分層雲彩,使對比更大,用色相>飽和度命令著色,和剛才的著色保持大致相同。將這一層作為背景層。最後,可以複製一個紋理層,用動感模糊濾鏡模糊,使之呈現出條紋狀,作為雜色添加到大理石上。 (圖18)
圖18
大理石的紋理取決於兩個方面:隨機的雲彩濾鏡效果,和等高線色階的設定。你可以從這方面著手調整。想要得到漂亮的紋理圖像,不妨多試試。要注意紋理顏色和圖像的配合。最後合併所有圖層,將紋理影像複製到工作文件中,所有工作就完成了。 (圖19)