版權(quán)申明：本文原創(chuàng)作者“pikachu的故事”，感謝“pikachu的故事”的原創(chuàng)經(jīng)驗(yàn)分享！

直入主題，先看下完成稿。如下：

下面我們就來看看這張海報(bào)是怎么從無到有的吧。

首先我們接到運(yùn)營的需求，做一張這款鞋子的Banner,其他要求無，那我這種情況，解決方式就是：風(fēng)格上不犯錯+技能上可以鞏固

開始做：

1、塑造骨骼

1、把鞋子和文案以及需要出現(xiàn)的信息點(diǎn)先羅列出來，然后我們再簡單的做一個層次區(qū)分。就像我們畫畫一樣

，第一步肯定是塑形。

2、文案傾斜排版是為了突出運(yùn)動感。

3、主標(biāo)題的一部分在鞋子后面，是為了讓鞋子和文案既有聯(lián)系又有前后之間的層次。

如下圖：

2、增加肌肉

骨頭有了，那我們給它加點(diǎn)肌肉吧！我的構(gòu)思是一個天空背景，一個底面背景，鞋子懸浮空中。我的素材如下圖：

分別采用左圖底面部分和右圖背景部分

1、分別把兩張素材圖拖入文件中，并放好位置，添加蒙版之后用漸變工具去掉我們不需要的部分。

2、對文案部分上色，突出重點(diǎn)信息，豐富畫面色彩。

3、對背景云層和地面進(jìn)行調(diào)色，并用黑色畫筆壓暗四周，讓他們過渡更自然。

4、對背景云層進(jìn)行徑向模糊，增加縱深空間。對地面進(jìn)行0°的動感模糊，增加速度感，

注意：

1、地面和背景云層色彩平衡調(diào)整，暗部和中間調(diào)偏冷，高光調(diào)偏暖。

2、在地面靠近云層背景的部分用接近背景的顏色刷一下，執(zhí)行疊加樣式，并調(diào)整不透明度，讓地面和背景銜接更自然。

5、現(xiàn)在我們會發(fā)現(xiàn)畫面中背景層整體偏冷，缺少色彩對比。我們在游戲頁面中會經(jīng)常會看到，視覺中心點(diǎn)會用到暖色的逆光去突出。我們這里也運(yùn)用這種方式去營造。

注意：

1、逆光部分不止作用于背景云層上，我們的文案，鞋子以及地面上都應(yīng)該得到體現(xiàn)。

2、逆光圖層不是一步就成的，我這里分為三層。由外向內(nèi)，畫筆影響面積越來越小，亮度越來越高。

3、逆光的運(yùn)用，不要出現(xiàn)曝光過度。

光素材

3、主體刻畫

到了這一步，我們必須要對我們的主體進(jìn)行下刻畫了。

1、一般來說，對人設(shè)的刻畫方式是降飽和，加對比。但我們今天的主角是鞋子，為了讓鞋子更突出，所以我采用的方式是加對比加飽和。

2、利用中性灰去塑造主體的立體關(guān)系（中性灰修圖可以百度了解下），讓鞋子看起來更精神、更立體。

3、用適當(dāng)大小畫筆沿著鞋子的受光面涂抹一層黃白色（黃色是考慮到環(huán)境色），然后執(zhí)行疊加，讓鞋子受光看起來更真實(shí)，也能讓鞋子融進(jìn)畫面中。

4、增加氛圍

畫面各部分之間的聯(lián)系和層次關(guān)系我們基本上完成了，但是氛圍不夠，留白太多。接下來我們來為它增加氣氛，豐富畫面。

1、霧氣永遠(yuǎn)都是暗黑系設(shè)計(jì)不可或缺的素材，它可以增加畫面氛圍，塑造畫面層次。在鞋子和背景之間添加霧氣，讓鞋子和背景更有空間感。在鞋子圖層上再添加霧氣，可以讓鞋子被包圍于霧氣中間。（霧氣的添加分為后景和前景）

2、制作類似下雨的細(xì)線條，疊加在畫面上，同樣是為了營造氣氛。（制作過程見下方）

3、找一些下面情景的地面素材，去色之后疊加在地面上，讓畫面更豐富。

4、合并圖層，并整體調(diào)色（依舊是暗部偏冷，高光偏暖）再次合并圖層，并執(zhí)行濾鏡—其他-高反差保留，圖層樣式選擇柔光（直接銳化容易造成畫面噪點(diǎn)增加，失真。）

到此，這款運(yùn)動鞋的海報(bào)基本就完成了。附上GIF動圖一張

下雨素材制作：

1、新建一個800x800的畫布

2、新建圖層，填充黑色

3、執(zhí)行濾鏡——渲染——分層云彩

4、調(diào)整圖層色階（盡量去除灰色）。添加雜色，數(shù)值大一點(diǎn)（數(shù)值因人而異，需要自身體驗(yàn)）。并執(zhí)行動感模糊（模糊角度和大小要根據(jù)畫面元素走向決定）

5、拖動圖層到海報(bào)圖層頂部，執(zhí)行線性減淡。然后我們可能發(fā)現(xiàn)和海報(bào)融合并不好，那我們可以繼續(xù)用曲線工具壓暗下雨圖層，并適當(dāng)調(diào)整不透明度，讓它和海報(bào)融合的更好。

這次的分享就到這里了，如有誤差，歡迎指正。

相關(guān)教程推薦：

Photoshop 逼真的運(yùn)動鞋制作方法

photoshop設(shè)計(jì)制作油漆裝飾的耐克運(yùn)動鞋廣告海報(bào)

Photoshop 潮流風(fēng)格運(yùn)動鞋廣告

最新評論