ps鼠繪木頭書架教程(5)
目前,很多小說閱讀類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)。“
選擇這兩個紋理層,層上單擊右鍵,然后選擇“合并“圖層的選項。標(biāo)記這個新的合并層“木材紋理。”
第4步
接下來,添加雜色的紋理,去“濾鏡”>“雜色”>“添加雜色”使用下面的值。
第5步
現(xiàn)在,使用“濾鏡”>“液化”。使用向前變形工具,設(shè)置如下圖所示,并將其應(yīng)用在不同的地方在紋理隨機。
第6步
調(diào)整紋理圖層的大小,使用自由變換工具(CTRL +“T”),以及使用的值的寬度為560px和760px的高度。
第7步
接下來,我們將制作書架邊緣。首先,選擇矩形工具畫一個矩形,如下圖所示。拉標(biāo)尺線來確定其左右的像素。
第8步
接下來,內(nèi)側(cè)的標(biāo)尺線對齊矩形,F(xiàn)在,矩形的寬度略有增加。
現(xiàn)在,按Ctrl +鼠標(biāo)左鍵 點擊圖層縮略圖 ,得到該層選區(qū),選擇“木質(zhì)紋理圖層”按Ctrl +“C”復(fù)制粘貼Ctrl + “V”到一個新的圖層,。標(biāo)簽此層為“左邊框內(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”粘貼選定的紋理到一個新的層。在那之后,進(jìn)入“編輯”>“變換”>“旋轉(zhuǎn)90⁰。將它放置在底部的紋理,如下圖所示。標(biāo)簽這層“貨架前。”然后,隱藏或刪除的矩形。
第13步
應(yīng)用以下設(shè)置漸變疊加“貨架前”層。
第14步
復(fù)制“貨架前”該層,將其標(biāo)示為“貨架頂部,”把該層放置在原圖層的頂部,進(jìn)入“編輯”>“變換”>“扭曲”。使用此工具帶來的角落里面作為如下所示。
第15步
該層,應(yīng)用下面的圖層樣式設(shè)置。
第16步
使陰影“貨架頂部”層中的相同的方式,如在步驟10中解釋。
把剛剛做的圖層歸為一個組,并標(biāo)示為“書架底部。”
第17步
現(xiàn)在,在書架中間繪制一個矩形,如下圖所示。
拖動參考線,形成水平的貨架,如下圖所示。
第18步
重復(fù)的“書架底部”層和位置,如下圖所示。
創(chuàng)建陰影部分,繪制一個矩形和應(yīng)用7px的高斯模糊濾鏡。
第19步
現(xiàn)在,使用“多邊形套索”工具,選擇一個三角形區(qū)域上的陰影層。
之后,進(jìn)入“編輯”>“清除”。右側(cè)也用同樣的方式設(shè)置,陰影層的不透明度降低到50%。
第20步
同樣的,為該層歸類分組“中間書架”,”復(fù)制,在每個水平線上面放置改組。如下圖所示,。
第21步
創(chuàng)建頂部邊框,從剛剛的中間組里面選擇實用的圖層復(fù)制,移動到標(biāo)尺線的上方。
第22步
我們的木質(zhì)書架已經(jīng)完成,接下來我們將為整個書架創(chuàng)建陰影部分。具體方法不再提示。
把剛剛下載的書籍封面放入書架,同樣陰影部分是必須的。有光源的地方必有陰影。
學(xué)習(xí) · 提示
相關(guān)教程