目前，很多小說閱讀類APPS界面設(shè)計都采用了木質(zhì)書架，這種方式無疑是一個完美的方式。
今天，我們將指導(dǎo)您在Photoshop中創(chuàng)建一個木質(zhì)書架。在本教程中，你會學(xué)到如何創(chuàng)造木材紋理等許多的方便、快捷的技術(shù)。所以，廢話不多說，讓我們開始吧！

第1步
在Photoshop中創(chuàng)建一個新的文檔，一個600px的寬度和800px高度。

第2步
首先，我們將制作木質(zhì)紋理。創(chuàng)建一個新層，選擇“圖層”>“新建圖層”。使用油漆桶工具填充它可與任何顏色。設(shè)置前景和＃dc8a24的背景顏色＃ab540f?，F(xiàn)在去“濾鏡”>“渲染”>“纖維”。使用以下參數(shù)設(shè)置。

第3步
現(xiàn)在，請按Ctrl +“T”激活“自由變換”工具。把寬度設(shè)置為50%，并向左移動到邊緣。

復(fù)制紋理層，然后垂直翻轉(zhuǎn)。要做到這一點，請單擊“復(fù)制的圖層，轉(zhuǎn)到”編輯“>”變換“>”垂直翻轉(zhuǎn)。“
選擇這兩個紋理層，層上單擊右鍵，然后選擇“合并“圖層的選項。標記這個新的合并層“木材紋理。”

第4步
接下來，添加雜色的紋理，去“濾鏡”>“雜色”>“添加雜色”使用下面的值。

第5步
現(xiàn)在，使用“濾鏡”>“液化”。使用向前變形工具，設(shè)置如下圖所示，并將其應(yīng)用在不同的地方在紋理隨機。

第6步
調(diào)整紋理圖層的大小，使用自由變換工具（CTRL +“T”），以及使用的值的寬度為560px和760px的高度。

第7步
接下來，我們將制作書架邊緣。首先，選擇矩形工具畫一個矩形，如下圖所示。拉標尺線來確定其左右的像素。

第8步
接下來，內(nèi)側(cè)的標尺線對齊矩形?，F(xiàn)在，矩形的寬度略有增加。

現(xiàn)在，按Ctrl +鼠標左鍵 點擊圖層縮略圖 ，得到該層選區(qū)，選擇“木質(zhì)紋理圖層”按Ctrl +“C”復(fù)制粘貼Ctrl + “V”到一個新的圖層，。標簽此層為“左邊框內(nèi)。”

第9步
雙擊“內(nèi)的左邊框”圖層，打開圖層樣式窗口，并使用以下設(shè)置顏色疊加。

第10步
接下來，陰影部分。按Ctrl + “模糊”“高斯模糊”。這里使用的值為2px，向外拖動以使其可見。

第11步
選擇“左邊框”層，陰影跟該層新建為一個組，復(fù)制組，水平翻轉(zhuǎn)。將它放置內(nèi)的右側(cè)指南的創(chuàng)建相反的貨架。

第12步
繪制一個矩形，如下圖所示。

現(xiàn)在，按Ctrl + ?，F(xiàn)在，點擊木質(zhì)紋理，按Ctrl +“C”復(fù)制，然后按Ctrl +“V”粘貼選定的紋理到一個新的層。在那之后，進入“編輯”>“變換”>“旋轉(zhuǎn)90⁰。將它放置在底部的紋理，如下圖所示。標簽這層“貨架前。”然后，隱藏或刪除的矩形。

第13步
應(yīng)用以下設(shè)置漸變疊加“貨架前”層。

第14步
復(fù)制“貨架前”該層，將其標示為“貨架頂部，”把該層放置在原圖層的頂部，進入“編輯”>“變換”>“扭曲”。使用此工具帶來的角落里面作為如下所示。

第15步
該層，應(yīng)用下面的圖層樣式設(shè)置。

第16步
使陰影“貨架頂部”層中的相同的方式，如在步驟10中解釋。

把剛剛做的圖層歸為一個組，并標示為“書架底部。”

第17步
現(xiàn)在，在書架中間繪制一個矩形，如下圖所示。

拖動參考線，形成水平的貨架，如下圖所示。

第18步
重復(fù)的“書架底部”層和位置，如下圖所示。

創(chuàng)建陰影部分，繪制一個矩形和應(yīng)用7px的高斯模糊濾鏡。

第19步
現(xiàn)在，使用“多邊形套索”工具，選擇一個三角形區(qū)域上的陰影層。

之后，進入“編輯”>“清除”。右側(cè)也用同樣的方式設(shè)置，陰影層的不透明度降低到50％。

第20步
同樣的，為該層歸類分組“中間書架”，”復(fù)制，在每個水平線上面放置改組。如下圖所示，。

第21步
創(chuàng)建頂部邊框，從剛剛的中間組里面選擇實用的圖層復(fù)制，移動到標尺線的上方。

第22步
我們的木質(zhì)書架已經(jīng)完成，接下來我們將為整個書架創(chuàng)建陰影部分。具體方法不再提示。

把剛剛下載的書籍封面放入書架，同樣陰影部分是必須的。有光源的地方必有陰影。