Photoshop設計時尚大氣的電商運動鞋海報

本教程主要使用Photoshop設計時尚運動鞋全屏海報教程，一款運動鞋海報設計過程，儘可能的詳細到每一個步驟，為自己做筆記，提升一下自己的總結能力。若能對你有助，倍感榮幸。

先看看效果圖：

下面我們就來看看這張海報是怎麼從無到有的吧，首先我們接到運營的需求，做一張這款鞋子的Banner,其他要求無，那我這種情況，解決方式就是：風格上不犯錯，技能上可以鞏固。

開始做：

1、塑造骨骼

1、把鞋子和文案以及需要出現的信息點先羅列出來，然後我們再簡單的做一個層次區分。就像我們畫畫一樣，第一步肯定是塑形。

2、文案傾斜排版是為了突出運動感。

3、主標題的一部分在鞋子後面，是為了讓鞋子和文案既有聯繫又有前後之間的層次。

如下圖：

2、增加肌肉

骨頭有了，那我們給它加點肌肉吧!我的構思是一個天空背景，一個底面背景，鞋子懸浮空中。我的素材如下圖：

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

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

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

3、對背景雲層和地面進行調色，並用黑色畫筆壓暗四周，讓他們過渡更自然。

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

注意：

1、地面和背景雲層色彩平衡調整，暗部和中間調偏冷，高光調偏暖。

2、在地面靠近雲層背景的部分用接近背景的顏色刷一下，執行疊加樣式，並調整不透明度，讓地面和背景銜接更自然。

5、現在我們會發現畫面中背景層整體偏冷，缺少色彩對比。我們在遊戲頁面中會經常會看到，視覺中心點會用到暖色的逆光去突出。我們這裡也運用這種方式去營造。

注意：

1、逆光部分不止作用於背景雲層上，我們的文案，鞋子以及地面上都應該得到體現。

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

3、逆光的運用，不要出現曝光過度。

3、主體刻畫

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

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

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

3、用適當大小畫筆沿著鞋子的受光面塗抹一層黃白色(黃色是考慮到環境色)，然後執行疊加，讓鞋子受光看起來更真實，也能讓鞋子融進畫面中。

4、增加氛圍，畫面各部分之間的聯繫和層次關係我們基本上完成了，但是氛圍不夠，留白太多。接下來我們來為它增加氣氛，豐富畫面。

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

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

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

4、合并圖層，並整體調色(依舊是暗部偏冷，高光偏暖)再次合并圖層，並執行濾鏡其他高反差保留，圖層樣式選擇柔光，直接銳化容易造成畫面噪點增加，失真。到此這款運動鞋的海報基本就完成了。附上GIF動圖一張

GIF/428K

下雨素材製作：

1、新建一個800x800的畫布

2、新建圖層，填充黑色

3、執行濾鏡渲染分層雲彩

4、調整圖層色階(盡量去除灰色)。添加雜色，數值大一點(數值因人而異，需要自身體驗)。並執行動感模糊(模糊角度和大小要根據畫面元素走向決定)

5、拖動圖層到海報圖層頂部，執行線性減淡。然後我們可能發現和海報融合并不好，那我們可以繼續用曲線工具壓暗下雨圖層，並適當調整不透明度，讓它和海報融合的更好。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！