Photoshop教程:設(shè)計(jì)一個(gè)漂亮的3D木箱

在這個(gè)Photoshop教程中，你會(huì)學(xué)習(xí)到如何制作一個(gè)有真實(shí)觸感的木箱子。

先看看最終效果圖

第一步：創(chuàng)建一個(gè)新的文檔

在Photoshop中創(chuàng)建一個(gè)300X300像素大小，白色背景的文檔。你可以改變文檔的大小，但是要保證高度和寬度之比為1:1。

小貼士：使用圖層組可以將一組圖層放在一起便于一起移動(dòng)和更改大小。這樣避免了對(duì)多個(gè)圖層進(jìn)行移動(dòng)和更改大小的操作的單調(diào)性。

第二步：創(chuàng)建正面

創(chuàng)建一個(gè)新的圖層組(將其命名為”Front-Face”)。在圖層組中，創(chuàng)建一個(gè)新的圖層(將其命名為”Front”)，選擇矩形選區(qū)工具，作出如下圖的選區(qū)，并將其填充為黑色。

選擇圖層>圖層樣式>混合模式命令，并使用如下設(shè)置：

按住Ctrl鍵，點(diǎn)擊”Front”圖層將其載入選區(qū)，然后選擇選擇>編輯>平滑命令，選擇3個(gè)像素，點(diǎn)擊確定。按下Ctrl+Shift+I反選選區(qū)，然后點(diǎn)擊Delete。

按住Ctrl鍵，點(diǎn)擊圖層，選擇選擇>編輯>收縮，鍵入25個(gè)像素點(diǎn)擊確定。創(chuàng)建一個(gè)新的圖層(命名為”Front-Etch”)，將選區(qū)填充為黑色。給新創(chuàng)建的圖層應(yīng)用混合選項(xiàng)，使用如下設(shè)置：

第三步：創(chuàng)建木紋材質(zhì)

創(chuàng)建一個(gè)新的圖層(命名為”Texture”)，將其填充為白色。選擇濾鏡>雜色>添加雜色，應(yīng)用如下設(shè)置：

選擇濾鏡>模糊>動(dòng)態(tài)模糊并且應(yīng)用如下設(shè)置：

選擇”Texture”圖層，按住Ctrl鍵，點(diǎn)擊”Front”圖層，按下Ctrl+Shift+I鍵，按下Delete。這樣，超出”Front”圖層的材質(zhì)部分就會(huì)被清除掉。

在圖層仍然被選擇的情況下，按下Ctrl+L鍵，應(yīng)用如下設(shè)置：

將圖層混合模式更改為柔光，透明度降低為30%。

第四步：給正面增加細(xì)節(jié)

創(chuàng)建一個(gè)新的圖層(命名為”Line”)，使用矩形選區(qū)工具，如下圖那樣畫(huà)一個(gè)2個(gè)像素寬的垂直線條：

按下Ctrl+T，逆時(shí)針?lè)较驅(qū)⒕�條旋轉(zhuǎn)45度。將線條移動(dòng)到”Front”圖層的左上方。在圖層面板中，將”Line”圖層放置于”Front-Etch”圖層下方，結(jié)果看上去應(yīng)該是這樣：

打開(kāi)混合選項(xiàng)，應(yīng)用如下設(shè)置：

復(fù)制圖層(Ctrl+J)，選擇編輯>變換>垂直翻轉(zhuǎn)。將復(fù)制好的圖層向下移動(dòng)，直到它的邊緣和”Face”圖層的左下角對(duì)齊。

你可能注意到復(fù)制的圖層不像它在上方時(shí)候那樣顏色上能很好的融合，要解決這個(gè)問(wèn)題，打開(kāi)混合選項(xiàng)，應(yīng)用如下設(shè)置：

復(fù)制那兩個(gè)線條，將它們水平翻轉(zhuǎn)并向右移動(dòng)，這樣你會(huì)得到如下的結(jié)果：

第五步 進(jìn)一步給正面增加細(xì)節(jié)

選擇形狀工具，在畫(huà)布的任何地方畫(huà)一個(gè)小的圓圈。打開(kāi)它的混合選項(xiàng)使用如下設(shè)置：

復(fù)制此圖層(Ctrl+J)，然后將這兩個(gè)圓圈移動(dòng)到如下位置：

復(fù)制這兩個(gè)圓圈，將它們移動(dòng)到另外的三個(gè)角上。

創(chuàng)建一個(gè)新的圖層(命名為”Ridges”)，作出兩個(gè)像素寬的水平選區(qū)，將其填充為黑色。確保線條要比”Face-Etch”圖層的兩端短兩個(gè)像素。

按住Ctrl鍵點(diǎn)擊此圖層，將選區(qū)向下移動(dòng)20個(gè)像素(按下Shift+Down兩次)，將選區(qū)填充為黑色，重復(fù)做出7條這樣的水平線條。

打開(kāi)混合選項(xiàng)使用如下設(shè)置：

第六步 給正面增加箭頭標(biāo)志

使用鋼筆工具，作出如下箭頭形狀：

將箭頭圖層放置于”Texture”圖層和”Ridges”圖層下方。將其混合模式設(shè)置為疊加，不透明度降低為45%。

第七步 給底部增加陰影

創(chuàng)建一個(gè)圖層(命名為”Shadow”)，在圖層面板中將它放置于所有圖層的下方。將選區(qū)填充為6個(gè)像素厚的黑色，比正面要略寬一些。

選擇濾鏡>模糊>高斯模糊，輸入2個(gè)像素，點(diǎn)擊確定�，F(xiàn)在選擇濾鏡>模糊>動(dòng)感模糊，輸入：角度=0，距離=30像素，現(xiàn)在的結(jié)果如下：

第八步 創(chuàng)建頂部

創(chuàng)建一個(gè)新的圖層組(命名為”Upper-Face”)，創(chuàng)建一個(gè)新的圖層(命名為”Up”)，如下所示那樣畫(huà)出一個(gè)矩形，填充為黑色：

你可以使用網(wǎng)格將其對(duì)齊，接下來(lái)，選擇編輯>變換>透視，點(diǎn)擊并且向內(nèi)拖拽”Up”圖層上方的其中一個(gè)角，得到的結(jié)果如下：

按住Ctrl鍵，點(diǎn)擊圖層，選擇選擇>編輯>平滑，輸入3個(gè)像素點(diǎn)擊確定。按下Ctrl+Shift+I反選選區(qū)，點(diǎn)擊Delete鍵。打開(kāi)它的混合選項(xiàng)，使用如下設(shè)置：

按住Ctrl鍵，在圖層上點(diǎn)擊，選擇選擇>編輯>縮小，輸入15個(gè)像素，點(diǎn)擊確定。創(chuàng)建一個(gè)新的圖層(命名為”Up-Etch”)，將選區(qū)填充為黑色。將圖層向上移動(dòng)6-7個(gè)像素。打開(kāi)它的混合選項(xiàng)，使用如下設(shè)置：

第九步 給頂面增加木頭質(zhì)感

從”Front-Face”圖層組中復(fù)制”Texture”圖層，將它移動(dòng)到”Upper-Face”圖層組中。將它放置于其它兩個(gè)圖層的上方。將超出”Up”圖層的”Texture”圖層部分清除掉。你會(huì)得到類(lèi)似于如下這樣的結(jié)果：

第十步 給頂面增加細(xì)節(jié)

如同在正面所做的那樣給頂面增加脊線、線條、釘子等細(xì)節(jié)。使用相同的圖層樣式后得到如下結(jié)果：

在這里，給脊線和對(duì)角線使用1個(gè)像素寬的線條，釘子要使用更小的圓圈。

第十一步 最后的調(diào)整

要做最后的調(diào)整，點(diǎn)擊”Front-Face”圖層組，選擇圖層>新調(diào)整圖層>色階，調(diào)整為你喜歡的樣子。

在色階之外，我還使用的色彩平衡圖層，最后的結(jié)果如下：

希望你能喜歡這個(gè)教程