banner教程，用ps制作960*90的廣告圖片

來源：站酷作者：MIKY貓

分享一個簡單的banner制作教程，教程不難，都是一些基礎應用，適合初學者學習。大家可以跟著教程一起做，做完記得交作業。

這是我整理的課後作業制作的詳細步驟，面向的是對photoshop有點了解但不太熟悉的編輯，所以教程寫得很基礎。例子雖然簡單，不過初學者可以從中學到：
1、鋼筆工具及矩形工具的簡單實用
2、圖層混合模式的簡單了解
3、簡單動態效果的制作

先看看效果：

新建一個文檔，設置好Banner尺寸，這裏設置的是960X90

填充底色，色值爲#f08678

選擇合適的排版方式，這裏就可以用前面說的兩欄排版，爲了突出方案，采用左文右圖的形式。然後先把文字和獎勵都擺上去。

用鋼筆工具畫出獎勵的區域，這邊要注意上面屬性欄的下拉框選中的是形狀。

CTRL+J複制一層剛畫的形狀，雙擊前面的框修改爲圖層的顔色爲黑色，讓圖層往左邊移動幾像素。

設置圖層混合模式爲柔光，填充爲70%，以此制作投影。

經過以上調整，可能覺得以上的投影形狀過于規整，不夠活潑，這時我們可以通過直接選擇工具，選擇單個錨點改變下投影的形狀。

現在banner的基本雛形已經出來了，我們還需要對左邊的文字做下調整，這裏重新設置下字體，修改文字的顔色爲白色。

換了個字體和顔色後，是不是看起來小清新了許多，接下來繼續繪制“免費領取”按鈕，首先用圓角矩形工具畫一個帶圓角的矩形。

畫好按鈕形狀後，開始設置按鈕樣式，這樣處理很簡單，就是把按鈕的填充變爲0%，然後直接描邊。

到這裏banner已經制作得差不多啦，爲了讓獎勵看起來更生動些，這邊可以給他們加上一個類似攝影的選中框，具體做法如下：

好吧，滿足大衆要求，我們這邊做一個簡單的動態效果。首先