網(wǎng)絡(luò)廣告設(shè)計(jì)-奔馳汽車banner廣告設(shè)計(jì)PS教程
我們要告訴學(xué)生們?cè)O(shè)計(jì)是如何從“聯(lián)想”開(kāi)始
idea-office在課程內(nèi)容上一直提倡設(shè)計(jì)從“聯(lián)想”開(kāi)始,而不是盲目地去設(shè)計(jì),下面把我們網(wǎng)頁(yè)設(shè)計(jì)提高班學(xué)員
作品總結(jié)成教程與大家分享。
這一節(jié)課程我們的主題是互聯(lián)網(wǎng)廣告設(shè)計(jì),我們拿出一個(gè)奔馳汽車來(lái)作為我們的廣告主題進(jìn)行創(chuàng)作。當(dāng)然我們
只是用來(lái)教學(xué)沒(méi)有任何商業(yè)目的,廣告語(yǔ)都是來(lái)源于網(wǎng)絡(luò)。
廣告的要求是--
廣告語(yǔ):驅(qū)動(dòng)天下超凡上市 奔馳運(yùn)動(dòng)型轎車
按鈕:免費(fèi)試駕
廣告大?。?50x120像素
廣告模擬投放位置:新浪網(wǎng)星座頻道中間通欄
內(nèi)容要求:有奔馳logo、奔馳汽車圖片、有一定的運(yùn)動(dòng)感、要大氣與奔馳汽車高端品質(zhì)有關(guān)
一.從哪入手
大部分剛?cè)腴T的學(xué)員對(duì)設(shè)計(jì)的方法還是很盲目的,很多同學(xué)拿到一個(gè)設(shè)計(jì)需求,首先是盲目地去素材網(wǎng)站找合
適的素材,還有人直接抄襲別人的作品。這些方法對(duì)未來(lái)的職業(yè)發(fā)展是不利的,我們一定要知道一名優(yōu)秀的設(shè)
計(jì)師不光用眼睛去看世界,還要用大腦和心靈去看世界。
我們總結(jié)了多年的設(shè)計(jì)經(jīng)驗(yàn),把如何去尋找創(chuàng)意來(lái)源并付諸實(shí)施作為我們研究的課題。其實(shí)設(shè)計(jì)并不是很困難
的事情,最重要的是找到合適的方法。
我們對(duì)10位剛進(jìn)入設(shè)計(jì)行業(yè)的同學(xué)進(jìn)行了頭腦風(fēng)暴測(cè)試,在結(jié)果中我們發(fā)現(xiàn)每個(gè)人的想象力都是差不多的,沒(méi)有
很低的,只是還沒(méi)找到一個(gè)合適的方法去設(shè)計(jì)。
下面我們就正式開(kāi)始我們的設(shè)計(jì)歷程!
首先我們會(huì)去分析這個(gè)廣告語(yǔ)和廣告定位。廣告語(yǔ)是:“驅(qū)動(dòng)天下超凡上市 奔馳運(yùn)動(dòng)型轎車”在這句廣告語(yǔ)里
我們可以看出:“驅(qū)動(dòng)天下超凡上市”屬于引導(dǎo)性標(biāo)題,而“奔馳運(yùn)動(dòng)型轎車”才是描述這個(gè)產(chǎn)品到底是什
么。從“奔馳運(yùn)動(dòng)型轎車”里我們要分析出“運(yùn)動(dòng)”這個(gè)詞才是整個(gè)產(chǎn)品的真正定位。
因?yàn)樗?ldquo;運(yùn)動(dòng)”型,而不是“舒適”型、“豪華”型等等。
現(xiàn)在我們就完成了第一步的工作,就是從策劃文案里分析出我們到底要做的是一個(gè)什么廣告。這是非常重要的
一個(gè)環(huán)節(jié),如果作為我們?cè)O(shè)計(jì)師要是連策劃文案都沒(méi)看明白就去展開(kāi)設(shè)計(jì),那結(jié)果可想而知。
現(xiàn)在我們就可以清晰地看出,我們的創(chuàng)意要從“運(yùn)動(dòng)”入手。
二.展開(kāi)“聯(lián)想”
現(xiàn)在我們就可以從“運(yùn)動(dòng)”展開(kāi)聯(lián)想,在整個(gè)“聯(lián)想”過(guò)程中就是我們尋找創(chuàng)意的過(guò)程??梢酝ㄟ^(guò)我們的軟件
來(lái)進(jìn)行頭腦風(fēng)暴式“聯(lián)想”,當(dāng)然也可以在一張白紙上開(kāi)始。
“聯(lián)想”的方法其實(shí)很簡(jiǎn)單,以“運(yùn)動(dòng)”為“聯(lián)想”的中心,無(wú)限制地展開(kāi)想象,先把我們的思想往遠(yuǎn)了想,
不要給自己任何局限。舉例:“運(yùn)動(dòng)”可以想到:激情、速度、興奮、快感、沖刺... ... 這些都是形容詞,還可以
想到具體的內(nèi)容,舉例:體操、賽跑、跑道、運(yùn)動(dòng)員、飛機(jī)、豹、大雁... ...
如圖2-1所示,是我們通過(guò)軟件進(jìn)行的“聯(lián)想”。
在這些關(guān)鍵詞中,我們要分析哪些更容易去實(shí)現(xiàn)設(shè)計(jì)作品。在這里我們認(rèn)為“大雁”更適合找到合適的素材,
并且有“大氣”的感覺(jué)。
三.搜索素材
于是我們?cè)诎俣壤镆?ldquo;大雁”為關(guān)鍵詞去搜索圖片,看看能不能找到“感覺(jué)”。在搜索的過(guò)程中我們期待的驚
喜出現(xiàn)了,如圖3-1、3-2所示。
圖3-1
圖3-2
這兩張圖片是我們?cè)谒阉?ldquo;大雁”過(guò)程中發(fā)現(xiàn)的,我們認(rèn)為圖3-1是非常“大氣”的感覺(jué),大雁在空中飛翔也是
“運(yùn)動(dòng)”的體現(xiàn)。圖3-2的光影效果我想在設(shè)計(jì)的時(shí)候可能會(huì)用的上,于是先保存了下來(lái)。
接下來(lái)我們又搜索到了奔馳汽車的圖片,如圖3-3所示。
圖3-3
四.拼圖游戲
找到了合適的素材圖片,接下來(lái)我們?cè)趐s里簡(jiǎn)單地將他們擺放到一起。在擺放的過(guò)程中,先用鋼筆把汽車的圖
從背景中摳出來(lái)。如圖4-1所示,將“大雁”圖片放到新建的畫布中,摳出來(lái)的奔馳汽車放到畫布左邊,并用ps
-色相/飽和度,把汽車圖片的顏色調(diào)整和背景顏色相接近?,F(xiàn)在的畫面看起來(lái)已經(jīng)很有感覺(jué)了。
圖4-1
將圖3-2也融合到畫面里,圖中的云和光比較有感覺(jué),我們先將圖片放融合到“大雁”的背景圖里面,使用圖層
效果立的“疊加”,在用色相/飽和度把顏色調(diào)成和背景一個(gè)色系,最后使用“橡皮”工具把邊緣擦掉。
圖4-2
我們可以深入的“聯(lián)想”,汽車在空中懸浮顯然是很不靠譜的事,那么我們就可以想到汽車應(yīng)該停放在什么上
呢?高速公里?沙灘?油漆路?山地?顯然“山地”更符合我們的主題。
這一步驟很簡(jiǎn)單,去搜索幾張巖石的圖片,然后把其中局部取下來(lái)放到汽車的下面,并調(diào)整巖石的顏色和整個(gè)
畫面相符合,如圖4-3所示。
圖4-3
現(xiàn)在我們可以看出,整個(gè)畫面基本已經(jīng)很令人滿意了,車和下面的巖石是近景,大雁是遠(yuǎn)景,這樣遠(yuǎn)近虛實(shí)形
成了空間對(duì)比效果。
最后我們把奔馳的logo放到畫面的右上角,并在下面做了外發(fā)光的效果。然后我們可以把廣告文案打上。最后在
加上一個(gè)“免費(fèi)試駕”的按鈕,如圖4-4所示。
現(xiàn)在我們的設(shè)計(jì)就大功告成了,在這個(gè)過(guò)程中我們可以看到,設(shè)計(jì)其實(shí)是一個(gè)“聯(lián)想”的過(guò)程。
圖4-4
在設(shè)計(jì)的時(shí)候我們通常會(huì)把吸引眼球的圖片放到畫面的左邊,因?yàn)橥ǔH藶g覽畫面都是從左邊開(kāi)始,像按鈕這
樣的功能性內(nèi)容,我們會(huì)放到右邊,因?yàn)榘粹o是起到引導(dǎo)用戶點(diǎn)擊的作用,大部分右手拿鼠標(biāo)的人都適應(yīng)在畫
面的右邊產(chǎn)生“點(diǎn)擊的行為”。就比如我們?yōu)g覽器的“滾動(dòng)條”就是都在右邊。
所以在設(shè)計(jì)的時(shí)候,盡量不要違背人的正常使用行為,廣告設(shè)計(jì)要達(dá)到的目的就是,吸引用戶的眼球,讓用戶
產(chǎn)生點(diǎn)擊行為。