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

來源:站酷 作者:MIKY貓 學習:11251人次

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

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

先看看效果:

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

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

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

填充底色,色值為#f08678

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

畫好按鈕形狀后,開始設置按鈕樣式,這樣處理很簡單,就是把按鈕的填充變?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的廣告圖片

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
禿頭小寶貝兒2020-12-25 10:40

20882980422018-12-14 04:42
給力
18522**43682018-12-14 03:51
給力
花樣錦年2018-05-25 02:15
給力
盡歡2016-08-22 09:22
盡歡2016-08-22 09:08
葉子2016-08-10 04:29
index.html
葉子2016-08-10 04:08
index.html
冷眼792015-11-29 04:56
165624xe4qq5vmvowdk59m.jpg
冷眼792015-11-29 04:11
165624xe4qq5vmvowdk59m.jpg
中國新疆好姑娘2015-08-26 05:38
173842qx1w3qqq1wwoq00o.gif
中國新疆好姑娘2015-08-26 05:08
173842qx1w3qqq1wwoq00o.gif
嘻嘻哈哈_Cherry2015-07-07 10:34
好教程,多謝分享! (*^__^*) 嘻嘻……照著葫蘆畫了個葫蘆~ 103322mz0lqjsnonqaaazf.gif
嘻嘻哈哈_Cherry2015-07-07 10:07
好教程,多謝分享! (*^__^*) 嘻嘻……照著葫蘆畫了個葫蘆~ 103322mz0lqjsnonqaaazf.gif
遙遠的祭司2015-04-30 05:44
真棒真棒真棒

關注大神微博加入>>

網(wǎng)友求助,請回答!