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

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

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

先看看效果：

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

填充底色，色值為#f08678

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

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

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

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

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

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

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

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

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

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

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