當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>淘寶美工>教程內(nèi)容

電商海報教程!快速設計淘寶BNNANER海報圖片教程。(3)

來源:站酷 作者:肯西西 學習:22395人次

在目前眾多的電商BNNANER里,大多往往都是以文字放大搭配產(chǎn)品形式去突出主題,只有少數(shù)是以實拍圖形式去展示。因為時間趕,無法精心繪制一張海報。想要速成一張主流能引人眼球的海報,又不知該如何下手,現(xiàn)在認真學一遍,保你以后時間再趕,BANNER還是棒棒的。
電商海報教程!快速設計淘寶BNNANER海報圖片教程。
新建BNANER大小尺寸的文檔。將文案輸入,選好字體,選中文本圖層,右鍵轉換為形狀。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
先從2014開始動手,使用鋼筆工具選中,然后CTRL+T拉成又高又瘦的樣子。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
按住CTRL+單擊鼠標左鍵選中2的尾巴,選中后,再按住SHIFT+ → 鍵讓尾巴與0接上。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
14的連接,在如紅標1左出頭的平行線處點擊右鍵添加兩個描點。(下圖左1)
選中一個描點,按住SHIFT+→移動會看到鋼筆移動出來的線是彎的,按住ALT+左鍵點擊下圖2中的點線就變成直角了。年字也是一樣,拉高拉瘦接上。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
度字也是一樣,拉高拉瘦廣字旁的尾巴對準年字長出來的那橫。如下圖左1 。這里廣字旁尾巴與像素格子不對齊(下圖2)。若放大看會有鋸齒感,我們需要按住CTRL+鼠標左鍵再點擊描點移動到與像素格子直角對齊的角那即可(下圖3)。
直角對齊了,那就字體接上就不會有鋸齒感了,將年字的一豎拉長,一橫也拉長,接上度字。如下圖四。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
“好貨”兩個字,要讓他們酷炫一點,如下圖1里框住的描點,右鍵刪除描點,將好的女字旁第一筆尾巴按住SHIFT+↓+→ ,多按幾次就變成下圖右上角那樣了。貨字拉伸后會出現(xiàn)下圖3的情況,原因是之前的開關有鋼筆拉伸狀態(tài)記憶在那,我們只要按住ALT+左鍵點擊下圖四框住的四個描點,將其變成直角狀態(tài)即可。在兩個字的尖角對齊上和上個問題一樣,像素格子的問題,按住CTRL+左鍵移動到格子的直角處即可(下圖五)

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
看了接好后的字體發(fā)現(xiàn)雖然有些特色了,但是還不夠勁的感覺,那么從2字頭開始,選中2開頭下面的那個描點,右鍵刪除描點(下圖1),其他文字也是一樣如下圖示。為了讓所有看起來與眾不同,點字特意找了其他像素格子字體替代點,復制了兩個重疊讓他們的點多了些。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
接下來讓字體傾斜,看著更有勁的感覺,選中字體按住CTRL+T,左鍵按住上中的點,按住CTRL+SHIFT向右拖動。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
后面整裝待發(fā)和上面是同樣的道理,為了讓整體更凸顯一點沖擊感,給矩形添加蒙版用橡皮擦在“發(fā)”字長出來的那部分抹涂出沖擊的感覺。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
于是整個字體設計到這一步就完成了。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
給字體添加陰影,復制一個字體圖層,將顏色變?yōu)楹谏,柵格化,濾鏡》模糊》動感模糊。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
到了設計背景這一步了,目前不規(guī)則矩形背景還挺流行的,果斷加入豪華午餐中。顏色不能凸顯文字,來學學調色,首先增加自然飽和度,在這里要說明下自然飽和度比飽和度增加色彩鮮明更自然不刺眼,按著調節(jié)色相,增加飽和度,由于這個背景是青色與綠色共存的,所以青色值也要跟著調節(jié)一下。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
制作爆發(fā)效果,增加層次感與視覺沖擊感。使用三角矩形,復制一個圖層執(zhí)行濾鏡》模糊》動感模糊,數(shù)值請自行把握,按住SHIFT角度旋轉每個角度都復制一個圖層來執(zhí)行濾鏡模糊。最后再給背景增加紋理。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。
添加產(chǎn)品,添加其他促銷信息,剛好一個鐘,完成率啦,是不是又快速又效率呢?在急的時候不妨試一試這招,可以完效出圖。當然,你必須得按照主題選擇適合的文字,可以在字體里將一些偏旁或點去掉添加其他的矢量圖標進去替代,還有背景的配色調節(jié)總體搭配,才能凸顯文字,配合主題,我不是大神,但請記住我這一句話:若沒本事,就請沉住心態(tài)去提升自己,煩躁與抱怨只會降低生活各種細節(jié)能量。

電商海報教程!快速設計淘寶BNNANER海報圖片教程。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
?靜想須做追?2018-05-08 08:58
謝謝大大提供那么棒的教學喲
66666662016-07-23 02:11
效果不錯,希望自己能做出來
66666662016-07-23 02:07
效果不錯,希望自己能做出來
hl5407111452015-01-22 11:44
試著做的,后面的背景不是很清楚怎么做的,我這個背景是用畫筆預設做出來的
hl5407111452015-01-22 11:01
試著做的,后面的背景不是很清楚怎么做的,我這個背景是用畫筆預設做出來的
浮云舊事好溫柔2015-01-10 09:38
LZ 辛苦了。不回都不好意思啊
囧囧蝸牛哥2015-01-10 09:37
懂了 謝謝
千眠佑生2015-01-10 08:02
LZ,幸苦了,對色彩的概念學到了不少
我就是伍月2015-01-10 06:36
我是新來的 多向大家學習啊 呵呵
琴淺唱2015-01-10 06:19
擠出一定要打好
放開那女孩2015-01-10 03:11
感謝老師無私奉獻
HoganZhang2015-01-10 09:19
謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.
空置舊殤2015-01-10 08:45
很受用
零點反恐2015-01-10 08:07
我是新來的 多向大家學習啊
賣燒餅的小土豆2015-01-10 06:13
謝謝大大提供那么棒的教學喲

關注大神微博加入>>

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