效果圖預覽

1、首先新建一個(gè)512×512px大小的空白文檔。

2、將背景層填充為中性灰色(#7a7a7a)。然后新建一個(gè)層,選擇矩形工具,拉出一個(gè)填充顏色為#e7c681的長(cháng)方形。

3、拖拽長(cháng)方形的各個(gè)頂點(diǎn),將形狀調整為如下類(lèi)似于書(shū)頁(yè)的樣子。然后如法炮制一個(gè)放到右側。

4、為了避免后面圖層過(guò)多造成制作困擾,給每個(gè)圖層做好重命名是個(gè)好習慣。我們可以將左邊的書(shū)頁(yè)圖層命名為“cover1”,右邊的為“cover2”。接下來(lái)對這兩個(gè)圖層應用圖層樣式,一個(gè)是浮雕效果,一個(gè)漸變填充,具體設置如下圖。


這里左右的顏色均為#503e25,中間那個(gè)定位在75%左右,顏色為#fbebab。最后效果如下。

5、問(wèn)題來(lái)了,我們要的是古舊的綠色效果,現在卻是金燦燦的效果。怎么辦?簡(jiǎn)單——使用調整圖層的色相/飽和度!
按住Ctrl鍵點(diǎn)擊“cover1”圖層的縮略圖,獲得選區,接著(zhù)Ctrl+Shift鍵點(diǎn)擊“cover2”圖層的縮略圖,獲得兩個(gè)圖層的選區。OK,直接點(diǎn)擊圖層面板下方那個(gè)“創(chuàng )建新的填充或調整圖層”按鈕,選擇“色相/飽和度”,在彈出的面板中做如下設置。

這是第一步,我們還要再調整一次色相/飽和度才能得到最后效果。按住Ctrl鍵點(diǎn)擊剛才建立的調整圖層的縮略圖,得到全部選區,重復上一步的動(dòng)作再一次調整“色相/飽和度”,設置如下。

圖層的關(guān)系和最后效果如下。


6、到此為止,我們最好把圖層整理一下,建立一個(gè)圖層組,將剛才建立的幾個(gè)圖層歸納到這個(gè)組中。接下來(lái)開(kāi)始做書(shū)角包邊的效果。在剛才的圖層組之上,新建一個(gè)圖層“corner1”,使用多邊形套索工具勾出一個(gè)三角形,形狀如下。然后隨意填充一個(gè)顏色。(其實(shí)我更喜歡用形狀工具,選區調整起來(lái)很方便,但這里我就不改變原作者的使用方法了。)

還記得最初給cover1應用的圖層樣式嗎?復制cover1的圖層樣式,然后粘貼到corner1上。

剩下3個(gè)角按照這個(gè)方法依次做好,得到如下效果。

7、但是現在我們的這四個(gè)包邊看上去過(guò)于沉悶,我們需要讓它們看上去更生動(dòng)一點(diǎn)。操作很簡(jiǎn)單,合并包邊的那四個(gè)圖層,得到一個(gè)沒(méi)有任何應用樣式的圖層,點(diǎn)擊圖層面板下的“創(chuàng )建新的填充或調整圖層”中的“照片濾鏡”,給圖層一個(gè)暖調濾鏡,設置如下。

然后把兩個(gè)圖層合并掉,再次得到唯一的圖層。

接著(zhù)就是先用加深工具給包邊增強陰影效果,然后再用減淡工具給包邊增強高光效果。具體設置如下。

基本上都是50左右的筆刷大小,加深工具只影響陰影范圍,減淡工具只影響高光范圍,最后效果如下。

8、包邊經(jīng)過(guò)這幾步的調整名稱(chēng)有點(diǎn)亂,我們給它重命名為“gold corners”,這樣邊角的效果就做好了。我們接下來(lái)要開(kāi)始書(shū)頁(yè)紙張的制作。還記得大明湖畔的夏雨荷...錯了,是還記得之前做過(guò)的cover1圖層嗎?把它從covers圖層組中找出來(lái),復制一個(gè),然后拖到最頂層。

我們不需要原來(lái)的樣式了,右鍵它,然后選擇“清除樣式”,它又回到了素顏的樣子(~歡喜哦)。然后分別調整4個(gè)頂點(diǎn),讓它勢必要比封面小,大概樣子如下。

使用“直接選擇工具”激活邊框角點(diǎn),然后用“鋼筆工具”在左下角添加一個(gè)角點(diǎn),然后拖動(dòng)手柄,讓形狀如下。最后好習慣重命名這個(gè)圖層為“pages base”。

9、然后制作模擬的書(shū)頁(yè)厚度,先把前景色設置為#d6bb8e,然后用矩形工具拖出一個(gè)長(cháng)條,調整頂點(diǎn)變成如下形狀。

接著(zhù)選擇“轉換點(diǎn)工具”把這個(gè)長(cháng)方形的右上角和右下角轉換為分別可拖拽的角點(diǎn)。

10、這一步中,我們要模擬紙張的頁(yè)數。這里要用到一個(gè)Pages-pat筆刷,當然你也可以自己做。新建一個(gè)空白圖層,然后執行編輯-填充,在面板的內容選項中選擇圖案,然后加載筆刷,確定后,就是下面的樣子。


然后就簡(jiǎn)單了,Ctrl+T進(jìn)行調整,先旋轉到合適的角度,然后縮放到合適大?。ㄟ@些都自己看著(zhù)辦),然后就是下面的樣子。

最后通過(guò)圖層蒙版,把多余的地方消去。

11、合并這兩個(gè)圖層,重命名為“l(fā)ight side”使用橡皮擦工具,用1-2px的尺寸輕輕擦去書(shū)頁(yè)和書(shū)頁(yè)之間的像素,努力達到一種真實(shí)紙張的效果。

12、現在開(kāi)始制作底部的效果。先設置前景色為#9c8d6e,然后用之前相同的方法拖出一個(gè)長(cháng)條,然后調整形狀到如下。

還是同樣的方法,建新圖層,填充圖案,旋轉跳躍我不停歇……不同的地方就是因為這里有彎曲,所以要用在自由變換中選擇變形把填充的線(xiàn)條做彎。最后蒙版一下,得到如下效果。

注意啦,就是斜邊和底邊的線(xiàn)條數大致要一樣并且對齊。

13、照葫蘆畫(huà)瓢把右側的也做出來(lái)。

填充、旋轉、縮放、變形。

得到蒙版后,合并所有書(shū)的底部圖層,重命名為“pages dark side”,然后用橡皮擦工具把右側的邊緣清除一些,模擬紙張效果,如下圖。


14、現在反過(guò)頭去處理一些陰影效果。把圖層組“covers”全部合并得到“covers”圖層,然后在該圖層上新建一個(gè)空白圖層,右鍵它,建立一個(gè)剪輯蒙版,然后按住Ctrl鍵點(diǎn)擊“golden corners”圖層縮略圖,獲得選區。


設置前景色為#8c7330,填充后更改圖層的混合模式為“正片疊底”,然后通過(guò)移動(dòng)工具,把四個(gè)角的陰影都移至合適位置。最后加上一個(gè)高斯模糊的濾鏡,模糊值設置為0.2-0.5之間即可。

然后再制作書(shū)頁(yè)產(chǎn)生的陰影,方法類(lèi)似。Ctrl+Shift點(diǎn)擊兩個(gè)書(shū)頁(yè)的圖層,獲得整個(gè)選區,然后在“golden corners”之上新建一個(gè)空白圖層,填充,移動(dòng)調整位置,最后高斯模糊。(別忘記這個(gè)圖層的混合模式也要是“正片疊底”)


15、好了好了,這些雞零狗碎的東西終于做好了。終于要進(jìn)入正題,制作這本書(shū)的打開(kāi)面了。在圖層面板最上面新建一個(gè)空白圖層,使用鋼筆工具勾出打開(kāi)面的形狀,別忘了提前設置前景色為#efd5a9。效果如下。

然后設置圖層樣式,分別是內陰影、內發(fā)光、描邊。
內陰影的顏色是#381111。

內發(fā)光的顏色是#b88f66。

描邊的漸變顏色是#bc9e79到#f1d7ad。

好的,基礎設定已經(jīng)好了。接著(zhù)制作打開(kāi)面的漸變效果。再新建一個(gè)空白圖層,設置前景色為#b48455,背景色為#efd5a9。然后右鍵圖層,創(chuàng )建剪貼蒙版。

接著(zhù)使用漸變工具,選擇“對稱(chēng)漸變”模式,顏色選擇“從前景色到背景色”,OK。在打開(kāi)面上從中心位置向右邊緣拉出一條線(xiàn)條,這樣打開(kāi)面的漸變效果就制作完成了。


16、制作翻開(kāi)的紙張。先開(kāi)始制作左邊的。設置前景色為#cc9c6a,用鋼筆工具勾出形狀,調整為如下效果。

然后復制之前制作的那個(gè)打開(kāi)面圖層的樣式,粘貼過(guò)來(lái)。重命名這個(gè)圖層為“flip page left”,再在之上新建一個(gè)空白圖層,右鍵選擇剪貼蒙版,接下來(lái)的動(dòng)作都要在這個(gè)剪貼蒙版圖層上操作。

設置前景色為#f5e0b2,背景色為#cea06a,使用漸變工具拖出如下效果。

這樣有了基本色彩漸變后,我們還要添加高光的漸變效果,所以我們還要再使用漸變工具一次。不過(guò)要注意,這時(shí)前景色要更改為#fef9ed。然后在漸變工具中,選擇“前景色到透明”,使用對稱(chēng)模式,拉出高光效果。


17、制作右側的過(guò)程不要贅述,各種顏色等設置參照上一步。




最后所有的圖層組合應該如下。

18、現在要制作的是翻開(kāi)頁(yè)的陰影。很簡(jiǎn)單,獲得兩個(gè)書(shū)頁(yè)的合并選區,然后在“base pages”之上再建一個(gè)剪貼蒙版圖層,使用#815130的顏色填充。

然后Ctrl+T,使用變形選項,讓填充的形狀變成陰影的效果。

但是陰影太實(shí)了,不真實(shí),如果使用濾鏡模糊的話(huà),它是整個(gè)范圍模糊,更加不對。所以這里我們要用模糊工具,把筆刷調為50px,0%的硬度,強度30%,著(zhù)重把陰影的兩邊刷到模糊即可。

為了達到更好的效果,我們還要利用減淡、加深工具讓陰影邊緣更柔亮一些,靠近書(shū)頁(yè)里側的更暗一些。具體數值如圖。反復刷幾次達到你認為好的效果即可。

19、嗯,整個(gè)書(shū)的大致效果就初具規模了。繼續下面的工作吧。
將最上面的4個(gè)圖層全部合并,重命名為“flip pages”。這里要提一點(diǎn),開(kāi)始合并完這個(gè)圖層后,它會(huì )成為“base pages”的剪貼圖層,所以我們要右鍵取消這個(gè)剪貼蒙版。

好,現在要在“filp pages”上新建一個(gè)空白圖層,轉換它為“filp pages”的剪貼圖層,更改混合模式為“正片疊底”。然后用漸變工具從書(shū)的中縫向外拖出一道“前景色到透明”的漸變來(lái),如果你改變過(guò)前景色,記得調回#815130,漸變類(lèi)型選擇對稱(chēng)。

方向掌握不好的多試幾次。就基本可以達到上圖的效果。但是這樣的陰影沒(méi)有層次,我們需要加深這個(gè)效果。所以步驟基本重復上面的,先合并剛才的兩個(gè)圖層,再次重命名為“flip pages”,再建一個(gè)剪貼蒙版,記得混合模式為“正片疊底”,這次要改變一下前景色為#49260f,然后再用同樣模式的漸變工具拖拽(只不過(guò)這次拖拽的距離要比上一次短)。最后把圖層不透明度改為60%。

最后在“flip pages”和“圖層7”之間再加添一層,同樣的正片疊底,填充為20%左右,設置前景色為#815130,按照之間的漸變設置再拖動(dòng)一次,這次操作按我的理解是給較深和較淺的陰影添加一層過(guò)渡,避免顏色差別突兀。

20、現在到了制作書(shū)脊的時(shí)間了。做完書(shū)脊就可以開(kāi)始制作書(shū)頁(yè)上的文字了。開(kāi)不開(kāi)心?興不興奮?
呃。。。還是先把書(shū)脊做完再說(shuō)。let's go!
使用直線(xiàn)工具(U),粗細調整為3px,類(lèi)型調整為“填充像素”,做出如下的一個(gè)形狀。然后設置前景色為#7e7633。(如果書(shū)角那里位置不對,適當的剪切一下。)

然后給這個(gè)圖層添加圖層樣式。


最后應該是這樣的效果。

21、接著(zhù)完成書(shū)脊的第二部分。設置前景色為#544a15。使用鋼筆工具畫(huà)出如下的形狀,注意圖層順序,讓這個(gè)形狀壓在最下面。重命名這個(gè)層為“spine base”。

緊接著(zhù),在其上新建空白層,右鍵創(chuàng )建剪貼蒙版。設置前景色為#221500,背景色為#372705。然后使用我們可愛(ài)的漸變工具,選擇“前景色到透明”,“線(xiàn)性”類(lèi)型。然后從上到下拉出漸變。

創(chuàng )建一個(gè)新層在剛才的那個(gè)層中間,再次使用漸變工具,設置為“前景色到透明”,“對稱(chēng)”類(lèi)型。拖動(dòng)出如下的效果。

最后給“spine base”圖層添加一些圖層樣式,從而讓它看上去有些厚度和質(zhì)感。

完成之后合并這三個(gè)圖層,重命名為“spine base”,你可以使用減淡工具給這個(gè)層添加一些細節。具體操作就是用20px大小的筆刷,將書(shū)脊的右下角刷出高光反射的效果。

22、呼呼~終于到了添加文字的時(shí)刻了,激動(dòng)??!這里就沒(méi)有什么過(guò)多的贅述了。在“base pages”圖層的兩個(gè)剪貼蒙版圖層之間建立一個(gè)新圖層,畫(huà)一個(gè)路徑,然后在路徑上輸入適當的文字即可。注意文字顏色是#a17852。位置如下。為了做出文字若隱若現的效果,再復制一層放到被遮蓋的位置即可。將它們的混合模式都改為“正片疊底”,不透明度調為85%左右。

然后在“flip pages”圖層上依照上述方法制作滿(mǎn)頁(yè)的文字(去網(wǎng)上順便找幾首英文詩(shī)來(lái)即可,中文做上去不太像那么回事)。文字走向不對了就及時(shí)調整路徑就行。其實(shí)也有簡(jiǎn)單的方法,就是正常輸入文字,然后旋轉、縮放、變形即可??傊?,達到效果就好。

23、啊哈!剩下的都是錦上添花的事情了。比如現在要做的就是添加一個(gè)紅色的書(shū)簽。在“flip pages”圖層之下新建空白圖層,用鋼筆工具勾勒出一個(gè)書(shū)簽的形狀。填充的顏色隨便吧,原作者用了#c52114的紅色,效果還蠻好。

重命名這個(gè)層為“bookmark”,然后在其上新建一個(gè)圖層,右鍵轉換為剪貼圖層。然后就是讓漸變工具大顯身手的時(shí)候了。設置前景色為#480b04,背景色為#fa6e5c。選擇漸變工具,前景色到透明,線(xiàn)性模式,在書(shū)簽最上方,斜著(zhù)拖出陰影效果。然后在從書(shū)簽下方,往上斜著(zhù)拖出陰影效果。

嗯,但是還缺少高光。所以,按x鍵切換前后背景色,漸變工具依然還是前景色到透明,不過(guò)模式換成對稱(chēng),在中間彎曲的位置拖一段很短的距離,制造高光效果。

現在可以把這兩個(gè)圖層合并了,合并后的圖層依然叫“bookmark”,獲取它的選區,在其下新建一個(gè)空白圖層,混合模式改為正片疊底,不透明度改為80%,前景色改為#480b04后填充,然后取消選區,給這個(gè)陰影圖層命名為“shadow bookmark”后添加高斯模糊濾鏡,值定為2-3左右。效果最后如下。


聯(lián)系客服