分享一個(gè)簡(jiǎn)單的banner制作教程，教程不難，都是一些基礎(chǔ)應(yīng)用，適合初學(xué)者學(xué)習(xí)。大家可以跟著教程一起做，做完記得交作業(yè)。

這是我整理的課后作業(yè)制作的詳細(xì)步驟，面向的是對(duì)photoshop有點(diǎn)了解但不太熟悉的編輯，所以教程寫得很基礎(chǔ)。例子雖然簡(jiǎn)單，不過(guò)初學(xué)者可以從中學(xué)到：
1、鋼筆工具及矩形工具的簡(jiǎn)單實(shí)用
2、圖層混合模式的簡(jiǎn)單了解
3、簡(jiǎn)單動(dòng)態(tài)效果的制作

先看看效果：

新建一個(gè)文檔，設(shè)置好Banner尺寸，這里設(shè)置的是960X90

填充底色，色值為#f08678

選擇合適的排版方式，這里就可以用前面說(shuō)的兩欄排版，為了突出方案，采用左文右圖的形式。然后先把文字和獎(jiǎng)勵(lì)都擺上去。

用鋼筆工具畫出獎(jiǎng)勵(lì)的區(qū)域，這邊要注意上面屬性欄的下拉框選中的是形狀。

CTRL+J復(fù)制一層剛畫的形狀，雙擊前面的框修改為圖層的顏色為黑色，讓圖層往左邊移動(dòng)幾像素。

設(shè)置圖層混合模式為柔光，填充為70%，以此制作投影。

經(jīng)過(guò)以上調(diào)整，可能覺(jué)得以上的投影形狀過(guò)于規(guī)整，不夠活潑，這時(shí)我們可以通過(guò)直接選擇工具，選擇單個(gè)錨點(diǎn)改變下投影的形狀。

現(xiàn)在banner的基本雛形已經(jīng)出來(lái)了，我們還需要對(duì)左邊的文字做下調(diào)整，這里重新設(shè)置下字體，修改文字的顏色為白色。

換了個(gè)字體和顏色后，是不是看起來(lái)小清新了許多，接下來(lái)繼續(xù)繪制“免費(fèi)領(lǐng)取”按鈕，首先用圓角矩形工具畫一個(gè)帶圓角的矩形。

畫好按鈕形狀后，開(kāi)始設(shè)置按鈕樣式，這樣處理很簡(jiǎn)單，就是把按鈕的填充變?yōu)?%，然后直接描邊。

到這里banner已經(jīng)制作得差不多啦，為了讓獎(jiǎng)勵(lì)看起來(lái)更生動(dòng)些，這邊可以給他們加上一個(gè)類似攝影的選中框，具體做法如下：

好吧，滿足大眾要求，我們這邊做一個(gè)簡(jiǎn)單的動(dòng)態(tài)效果。首先

保存時(shí)按CTRL+SHIFT+ALT+S，保存為WEB格式的圖片，最終效果如下：