Photoshop逼真的3D效果的紙箱LOGO

作者:佚名　  出處:

這個(gè)教程總共有44步，看到這個(gè)數(shù)字不禁讓人頭腦一暈，菊花一緊。面對這種大工程，保持一顆蛋腚的心是很重要的，所以先和鳥君一起，一步一步拆解一下制作的流程。

經(jīng)過觀察，不難發(fā)現(xiàn)圖像是由兩個(gè)部分組成的，就是箱子和按鈕（這不是廢話嗎……），所以咱們就應(yīng)該把兩者分開來各個(gè)擊破。

首先是箱子，上方光源，加上N塊紙板，所以我們只需要做出（能看見的）紙板，根據(jù)透視透視效果調(diào)整，然后把它們像搭積木一樣地組裝起來，最后再加上投影就可以了。

至于透視效果，咱們來回憶一下高中美術(shù)老師說的，三點(diǎn)透視可以聚焦于三點(diǎn)，于是就有了比基尼……這張圖是很經(jīng)典的兩點(diǎn)透視，看下圖就可以發(fā)現(xiàn)，老師并沒有騙我們，按照這個(gè)感覺走，畫出來的箱子肯定就能有立體感了。

至于按鈕，只要做好了箱子之后，把它們放到圖層中間去就可以了。

聽起來是不是很簡單，那么就開始吧。
Step 1

首先畫一個(gè)長方形，ctrl+t自由變換，為了達(dá)到透視的效果，按住ctrl+alt+shift拖動(dòng)任意一個(gè)錨點(diǎn)如下圖。

Step 2

接下來打開強(qiáng)大的面板——圖層樣式。設(shè)置如下圖，因?yàn)楣鈴纳厦娲蛳聛硭缘撞康念伾钜稽c(diǎn)。

Step 3

光有顏色漸變式不夠的，加一些材質(zhì)才能更加真實(shí)，作者這里選擇了一個(gè)舊紙張的材質(zhì)（直接去google：old paper+texture就有一大堆素材了，選個(gè)你喜歡的吧），把素材導(dǎo)入，調(diào)整到合適的大小，之后ctrl+單擊載入填充圖層的矢量蒙 版，Ctrl+Shift+I反選，返回材質(zhì)層，把多余的部分刪除。更改混合模式為柔光。

Step 4

接下來貼貼牌吧，找?guī)讉�(gè)你喜歡的標(biāo)簽，比如感謝國家什么的，放在上面，更改混合模式為強(qiáng)光如下圖。

Step 5

繼續(xù)搭積木，如上法炮制，顏色設(shè)置如下圖，仍是光照原因，所以上面要略亮一點(diǎn)。

Step 6

復(fù)制一層，更改填充色為灰色（#515151），下移幾個(gè)像素作為卡片的厚度。

Step 7

如法繼續(xù)添加材質(zhì)（這次你可以換一個(gè)素材），把混合模式改為加深，不透明度57%。

Step 8

光是從上方打下來的，所以剛才添加的紙片就會(huì)有投影（你當(dāng)然可以直接用圖層樣式來搞定它，但是為了追求更好的靈活度，還是推薦像作者這樣單獨(dú)做一層），在卡片層下面制作一個(gè)影子層（做這種影子方法很多，可以直接用畫筆畫，或者拉一個(gè)黑色到透明的圓形漸變?nèi)缓笞杂勺儞Q，還可以利用羽化或者橡皮擦，選擇你喜歡的方式，這里不再贅述）調(diào)整到合適的位置和大小，最后改圖層混合模式為線性光，不透明度80%。

Step 9

繼續(xù)搭積木吧，總共八片，我們開始第三片。復(fù)制我們制作好的第一片，調(diào)整位置大小如下圖。

Step 10

繼續(xù)增加材質(zhì)，由于正上方打過了的光可以找的盒子里面，所以要比第一片亮一點(diǎn)，適當(dāng)降低透明度，設(shè)置參考下圖（注意把間距留大一點(diǎn)，因?yàn)橐粫?huì)兒盒子里要放很多東西）。

Step 11

材質(zhì)的邊界感覺似乎不明顯，于是作者又復(fù)制了一層添加了一個(gè)對稱漸變的蒙板，混合模式改為線性光，以達(dá)到加深邊界的效果（這一步同樣可以用曲線調(diào)整層實(shí)現(xiàn)）。

Step 12

參照5-7步，繼續(xù)制作紙片。

Step 13

如法炮制右側(cè)的紙片，注意適當(dāng)調(diào)整漸變角度和縮放，以符合光線的微妙變化，總的原則就是中間要比四周亮（調(diào)整大小時(shí)注意要符合圖像的透視關(guān)系）。

Step 14

制作左側(cè)的紙片，你可以把前面做好的紙片圖層選中復(fù)制，然后整體自由變換來偷懶。

Step 15

繼續(xù)。

Step 16

添加材質(zhì)。

Step 17

為了增強(qiáng)邊界的對比，給它加點(diǎn)投影。

Step 18

左側(cè)亦然。

Step 19

中間部分也是。

Step 20

添加整個(gè)紙盒的投影，畫個(gè)方框填充黑色，降低透明度，添加高斯模糊。

Step 21

我們的盒子做好了！

Step 22

接下來開始制作按鈕，從一個(gè)圓形的填充圖層開始。

Step 23

圖層樣式中，添加漸變?nèi)缦聢D（深藍(lán)#004f7淺藍(lán)#0072b6白）。

Step 24

斜上方的光線，所以調(diào)整漸變角度為-45°。

Step 25

添加描邊，為了增加金屬感，把描邊的填充模式改為漸變，添加若干個(gè)深灰到淺灰的節(jié)點(diǎn)，直到你的描邊看起來有金屬的感覺。

Step 26

加粗描邊，更改漸變角度和縮放參數(shù)。

Step 27

添加內(nèi)陰影增加立體感，設(shè)置如下。

Step 28

使用黑色內(nèi)發(fā)光，繼續(xù)增加立體感，設(shè)置如下。

Step 29

添加斜面浮雕效果，樣式改為浮雕，調(diào)整深度，大小，軟化等參數(shù)如下圖。

Step 30

接下來把真?zhèn)�圖像轉(zhuǎn)化為智能對象（這樣縮放就不會(huì)損失圖像質(zhì)量了），右鍵點(diǎn)擊圖層，選擇轉(zhuǎn)為智能對象。

Step 31

再次添加斜面浮雕效果如下圖。

Step 32

添加陰影如下圖。

Step 33

添加文字如圖。

Step 34

添加內(nèi)陰影如圖。

Step 35

再添加一些光澤，先用鋼筆畫一個(gè)下圖形狀的白色填充圖層。

Step 36

為了方便圖層管理，作者新建了一個(gè)透明圖層，然后選中兩層，ctrl+e與剛才的填充圖層合并。

Step 37

ctrl+單擊按鈕圖層載入圓形選區(qū)。

Step 38

反選(Ctrl+Shift+I)刪除多余的部分。

Step 39

更改混合模式柔光，降低透明度。

Step 40

為了再強(qiáng)調(diào)立體感，在右上角再添加一個(gè)白色小光斑。

Step 41

再用鋼筆在外框上畫一個(gè)白月牙（如果鋼筆功力不好的話，用連個(gè)圓圈相減也是不錯(cuò)的選擇）的反光，繼續(xù)強(qiáng)調(diào)，適當(dāng)降低透明度。

Step 42

當(dāng)-當(dāng)-當(dāng)-當(dāng)！圖標(biāo)華麗地完成了。（建議將按鈕做好后ctrl+g打組，方便管理）

Step 43

更改顏色和文字，就能輕松制作出更多的圖標(biāo)了！

Step 44

接下來就考慮如何擺放這些圖標(biāo)了，按照作者的方式或者自己發(fā)揮，注意調(diào)整圖層的前后秩序。

收工

好了，大功告成，接下來讓你的朋友們對你的作品進(jìn)行慘無人道的圍觀吧！要是誰不服就把他也一并裝到箱子里去！