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

2022-12-26 10:34:16 來源/作者: / 己有:68人學(xué)習(xí)過

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

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

先看看效果:

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

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

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

填充底色,色值為#f08678

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

保存時按CTRL+SHIFT+ALT+S,保存為WEB格式的圖片,最終效果如下:
banner教程,用ps制作960*90的廣告圖片