@伯毅狼?：在網(wǎng)上看到一個(gè)很好看的海報(bào)，所以嘗試著摸索分解了一下是怎么做的?，F(xiàn)在我們來探討下這個(gè)海報(bào)是怎么做的。如果有不足的地方，請(qǐng)指出改正，本狼一定認(rèn)真改正?；蛘吣膫€(gè)朋友有更好的方法，本狼熱烈歡迎與朋友們交流探討！

海報(bào)相關(guān)：
《PS教程：打造一款超酷數(shù)字音樂海報(bào)》
《超贊！一組熱門美劇的極簡海報(bào)設(shè)計(jì)》
《提醒自己！2014年即將消失的網(wǎng)頁設(shè)計(jì)趨勢(shì)》

首先我們來看下這個(gè)海報(bào)的原稿：

想想這個(gè)海報(bào)有哪些部分組成呢？1、“90’s”字樣；2、霓虹燈效果的文字；3、星空背景；4、流星；5、其他文字；恩，就這些了。那么下面我們一樣一樣的來做，一定要耐心哦！

分解一：星空背景制作

首先我們打開帥氣的PhotoshopCS6新建一個(gè)1000像素×1455像素，分辨率為72像素/英寸的文檔，然后保存下。

選一張美麗的星空高清大圖，導(dǎo)入到文檔里，調(diào)整下大小和位置。比如這樣：

看！多美迷人的星空，引人無限遐想……然后我們把這個(gè)迷人的星空做成LOMO風(fēng)格的效果。個(gè)人建議用形狀工具來做，為了方便以后修改。

A：用矩形工具拉一個(gè)和畫布等寬等高的矩形，注意下，這里做出來的是形狀而不是路徑哦！

B：用橢圓工具，路徑操作換成“減去頂層形狀”，就是這樣：

在矩形的中間減去一個(gè)橢圓，調(diào)整下位置和大小，只留下四個(gè)角落。

C：調(diào)出屬性面板（窗口-屬性），把這個(gè)形狀圖層羽化一下，調(diào)整下透明度和羽化值即可。

這樣背景算是做完了，我們選中所有的圖層，建一個(gè)圖層組，命名為“背景”。之后我們每做一樣就建個(gè)圖層組。

分解二：“90’s”數(shù)字制作

其實(shí)做這個(gè)效果并不難，就是煩了點(diǎn)。所以大家一定要有耐心哦！

我們先來分解下這個(gè)9字，知道了一個(gè)數(shù)字的制作方式就容易多了，因?yàn)槠渌亩际峭瑯拥姆椒ㄗ龀鰜淼摹?/p>

我們把這個(gè)9字分成了好幾個(gè)面（關(guān)于這立體效果是怎么出來的，我在這里是摳圖的，因?yàn)槲疫@個(gè)字體。各位可以用各種方式來做，比如PS里的3D濾鏡、AI的3D效果等。），我們一個(gè)面一個(gè)面的來做。每個(gè)面都用矩形工具哦！

我們先來做最頂上黑色的面。用矩形工具，拉一個(gè)矩形出來，顏色為#42f9ff，大小蓋住黑色部分即可，然后轉(zhuǎn)成智能對(duì)象，執(zhí)行濾鏡-雜色-添加雜色，設(shè)置如下：

給這個(gè)智能對(duì)象添加圖層樣式，設(shè)置如下：

漸變?cè)O(shè)置如下：

設(shè)置完漸變后，我們選中智能對(duì)象的圖層，建立剪切蒙版，快捷鍵為：ctrl+alt+g或者alt+鼠標(biāo)左鍵，就像這樣：

。

效果如下：

就用這樣的方法做好數(shù)字9 的每個(gè)面，不過請(qǐng)注意光影關(guān)系哦！大家要注意不斷修改每個(gè)面的漸變數(shù)值，來加強(qiáng)立體感。效果如下：

做完每個(gè)面再來添加頂上那個(gè)面的邊緣突出。我們可以把頂上這個(gè)面復(fù)制一層，放到最頂上然后設(shè)置填充為“無”，描邊為1個(gè)像素（如果太細(xì)了就加粗，呵呵~~）。

描邊設(shè)置如下，顏色為：#ffffff至#25dae5

形狀的填充和描邊設(shè)置是一樣的，從左到右分別是：“無填充”、“純色填充”、“漸變填充”、“圖案填充”，最右邊那個(gè)孤零零的……是可憐的拾色器。大家記住了哦！

設(shè)置完畢復(fù)制下這個(gè)圖層，把描邊的模式改成“純色填充”，顏色為黑色，調(diào)整下不透明度，將該圖層置于下一層，調(diào)整下節(jié)點(diǎn)即可。效果如下：

嗯，這樣做好之后我們選中和數(shù)字9相關(guān)的所有圖層，新建一個(gè)圖層組，命名為9。方法有了，我們就這樣把其他的也做完吧！記得建圖層組哦！

這個(gè)分解的最后部分就是網(wǎng)格的制作了。我們新建一個(gè)40像素×40像素的文檔，圖層背景透明，然后畫一個(gè)和畫布等寬等高的矩形，描邊為3像素，描邊顏色為#55f4ef，填充為無。全選一下，定義為圖案，保存后關(guān)閉（不保存也無所謂）。

我們回到海報(bào)的文檔，用矩形工具拉一個(gè)大大的矩形，有多大呢，大到能蓋住“90’s”的全部就行了。然后把這個(gè)圖層的填充設(shè)置為“0”，圖層名稱改為“網(wǎng)格”并添加圖層樣式，設(shè)置如下：

蓋住之后把這個(gè)大大的矩形轉(zhuǎn)成智能對(duì)象，再自由變換，透視和數(shù)字的頂面一致就行了。

變換好了先別急著做其他的，我們把這個(gè)圖層復(fù)制3次，因?yàn)槠渌胤揭矔?huì)用到。我們先把這4個(gè)圖層鏈接起來，就像這樣：

復(fù)制完了之后我們分別把這幾個(gè)圖層分配到數(shù)字“9”、數(shù)字“0”符號(hào)“‘ ”、字母“s”的頂面上，就是這幾個(gè)面：

分配好了之后分別創(chuàng)建剪切蒙版，把網(wǎng)格塞進(jìn)去，就是這樣：

這個(gè)步驟做完之后我們?cè)賮砜纯葱Ч?/p>

嗯，感覺還挺像模像樣的?，F(xiàn)在知道為什么要把這4個(gè)圖層鏈接起來了吧？啥？還不知道？是為了移動(dòng)的時(shí)候4個(gè)一起移動(dòng)啊，這樣透視就不會(huì)變了。

分解三：霓虹燈效果

首先我們用鋼筆工具在形狀模式下畫勾勒出這樣的一個(gè)圖形：

畫完后把這個(gè)圖層命名為“形狀V”（其實(shí)大家隨意啦），再添加一個(gè)圖層樣式，設(shè)置如下所示：

接下來我們做上面的圖形和文字部分。由于沒有原稿上的字體，我們就用其他好看的字體來替代吧，我這選擇了Freehand521 BT這個(gè)字體。上面的圖形也用鋼筆在形狀模式下勾勒出來喲！然后調(diào)整下位置及圖層樣式（樣式和形狀V基本是一樣的，稍微調(diào)整就行了）讓這些和形狀V圖層對(duì)好就OK了。

回到“形狀V”圖層，添加蒙版，把應(yīng)該被數(shù)字蓋住的地方給遮蓋掉。

貌似有地方看起來不和諧啊！

這里我們看到紅圈內(nèi)有不科學(xué)不和諧的地方，非常影響美觀。不要急，我們?cè)俅未蜷_形狀V的圖層樣式，在“混合選項(xiàng)”里勾選“圖層蒙版隱藏效果”即可，如圖所示：

分解四：天馬流星拳

哈哈，這里當(dāng)然不會(huì)是拳法啦，只是流星的繪制而已。用自定義形狀工具，選擇里面的雨滴形狀，按住shift鍵拉出一個(gè)雨滴形狀，垂直變化下，把形狀的顏色改成漸變填充，漸變從淺藍(lán)色到透明（此處顏色可自定），效果如下：

01：用鋼筆工具把下面的節(jié)點(diǎn)拉長，做出流星尾巴的樣子；

02：復(fù)制該圖層，顏色填充的漸變由“淺藍(lán)到透明”改成“白色到透明”，然后調(diào)整下大小和位置，讓該圖層看起來小一圈；

03：選中這倆圖層，轉(zhuǎn)成智能對(duì)象，命名為“流星”，添加外發(fā)光的圖層樣式（稍微發(fā)點(diǎn)光就行了）。然后根據(jù)近大遠(yuǎn)小的透視關(guān)系，調(diào)整下流星的角度和流星組的數(shù)量及大小。

最后我們?cè)跀?shù)字9和數(shù)字0與形狀V相近的面上添加一個(gè)反光，建議數(shù)值#ea289b。同樣的，用形狀哦！然后轉(zhuǎn)成智能對(duì)象。大家或許注意到了，本教程里，反復(fù)提到用“形狀”、“智能對(duì)象”的字眼，這樣做的目的是為了方便以后修改。之后置于剪切蒙版內(nèi)，比如這樣：

轉(zhuǎn)成智能對(duì)象后，調(diào)整透明度，高斯模糊下，數(shù)值隨意，讓反光看起來自然點(diǎn)就可以了。

最后的最后，添加文字和簽名，還有閃閃的光芒（光芒可以用筆刷來做，怎么喜歡怎么做）。呼~~~OK了，全部完工，效果是不是很棒呢？

作者：@伯毅狼

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量63萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：