電商海報(bào)教程!快速設(shè)計(jì)淘寶BNNANER海報(bào)圖片教程。

2022-12-26 13:56:59 來源/作者: / 己有:15人學(xué)習(xí)過

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

電商海報(bào)教程!快速設(shè)計(jì)淘寶BNNANER海報(bào)圖片教程。
先從2014開始動(dòng)手,使用鋼筆工具選中,然后CTRL+T拉成又高又瘦的樣子。

電商海報(bào)教程!快速設(shè)計(jì)淘寶BNNANER海報(bào)圖片教程。
按住CTRL+單擊鼠標(biāo)左鍵選中2的尾巴,選中后,再按住SHIFT+ → 鍵讓尾巴與0接上。

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

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

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

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

電商海報(bào)教程!快速設(shè)計(jì)淘寶BNNANER海報(bào)圖片教程。
接下來讓字體傾斜,看著更有勁的感覺,選中字體按住CTRL+T,左鍵按住上中的點(diǎn),按住CTRL+SHIFT向右拖動(dòng)。

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

電商海報(bào)教程!快速設(shè)計(jì)淘寶BNNANER海報(bào)圖片教程。
于是整個(gè)字體設(shè)計(jì)到這一步就完成了。

電商海報(bào)教程!快速設(shè)計(jì)淘寶BNNANER海報(bào)圖片教程。