網(wǎng)絡(luò)廣告設(shè)計(jì)-奔馳汽車banner廣告設(shè)計(jì)PS教程
我們要告訴學(xué)生們?cè)O(shè)計(jì)是如何從“聯(lián)想”開始
idea-office在課程內(nèi)容上一直提倡設(shè)計(jì)從“聯(lián)想”開始,而不是盲目地去設(shè)計(jì),下面把我們網(wǎng)頁設(shè)計(jì)提高班學(xué)員
作品總結(jié)成教程與大家分享。
這一節(jié)課程我們的主題是互聯(lián)網(wǎng)廣告設(shè)計(jì),我們拿出一個(gè)奔馳汽車來作為我們的廣告主題進(jìn)行創(chuàng)作。當(dāng)然我們
只是用來教學(xué)沒有任何商業(yè)目的,廣告語都是來源于網(wǎng)絡(luò)。
廣告的要求是--
廣告語:驅(qū)動(dòng)天下超凡上市 奔馳運(yùn)動(dòng)型轎車
按鈕:免費(fèi)試駕
廣告大。950x120像素
廣告模擬投放位置:新浪網(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ì)未來的職業(yè)發(fā)展是不利的,我們一定要知道一名優(yōu)秀的設(shè)
計(jì)師不光用眼睛去看世界,還要用大腦和心靈去看世界。
我們總結(jié)了多年的設(shè)計(jì)經(jīng)驗(yàn),把如何去尋找創(chuàng)意來源并付諸實(shí)施作為我們研究的課題。其實(shí)設(shè)計(jì)并不是很困難
的事情,最重要的是找到合適的方法。
我們對(duì)10位剛進(jìn)入設(shè)計(jì)行業(yè)的同學(xué)進(jìn)行了頭腦風(fēng)暴測(cè)試,在結(jié)果中我們發(fā)現(xiàn)每個(gè)人的想象力都是差不多的,沒有
很低的,只是還沒找到一個(gè)合適的方法去設(shè)計(jì)。
下面我們就正式開始我們的設(shè)計(jì)歷程!
首先我們會(huì)去分析這個(gè)廣告語和廣告定位。廣告語是:“驅(qū)動(dòng)天下超凡上市 奔馳運(yùn)動(dòng)型轎車”在這句廣告語里
我們可以看出:“驅(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ì)師要是連策劃文案都沒看明白就去展開設(shè)計(jì),那結(jié)果可想而知。
現(xiàn)在我們就可以清晰地看出,我們的創(chuàng)意要從“運(yùn)動(dòng)”入手。
二.展開“聯(lián)想”
現(xiàn)在我們就可以從“運(yùn)動(dòng)”展開聯(lián)想,在整個(gè)“聯(lián)想”過程中就是我們尋找創(chuàng)意的過程?梢酝ㄟ^我們的軟件
來進(jìn)行頭腦風(fēng)暴式“聯(lián)想”,當(dāng)然也可以在一張白紙上開始。
“聯(lián)想”的方法其實(shí)很簡(jiǎn)單,以“運(yùn)動(dòng)”為“聯(lián)想”的中心,無限制地展開想象,先把我們的思想往遠(yuǎn)了想,
不要給自己任何局限。舉例:“運(yùn)動(dòng)”可以想到:激情、速度、興奮、快感、沖刺... ... 這些都是形容詞,還可以
想到具體的內(nèi)容,舉例:體操、賽跑、跑道、運(yùn)動(dòng)員、飛機(jī)、豹、大雁... ...
如圖2-1所示,是我們通過軟件進(jìn)行的“聯(lián)想”。
在這些關(guān)鍵詞中,我們要分析哪些更容易去實(shí)現(xiàn)設(shè)計(jì)作品。在這里我們認(rèn)為“大雁”更適合找到合適的素材,
并且有“大氣”的感覺。
三.搜索素材
于是我們?cè)诎俣壤镆?ldquo;大雁”為關(guān)鍵詞去搜索圖片,看看能不能找到“感覺”。在搜索的過程中我們期待的驚
喜出現(xiàn)了,如圖3-1、3-2所示。
圖3-1
圖3-2
這兩張圖片是我們?cè)谒阉?ldquo;大雁”過程中發(fā)現(xiàn)的,我們認(rèn)為圖3-1是非常“大氣”的感覺,大雁在空中飛翔也是
“運(yùn)動(dòng)”的體現(xiàn)。圖3-2的光影效果我想在設(shè)計(jì)的時(shí)候可能會(huì)用的上,于是先保存了下來。
接下來我們又搜索到了奔馳汽車的圖片,如圖3-3所示。
圖3-3
四.拼圖游戲
找到了合適的素材圖片,接下來我們?cè)趐s里簡(jiǎn)單地將他們擺放到一起。在擺放的過程中,先用鋼筆把汽車的圖
從背景中摳出來。如圖4-1所示,將“大雁”圖片放到新建的畫布中,摳出來的奔馳汽車放到畫布左邊,并用ps
-色相/飽和度,把汽車圖片的顏色調(diào)整和背景顏色相接近,F(xiàn)在的畫面看起來已經(jīng)很有感覺了。
圖4-1
將圖3-2也融合到畫面里,圖中的云和光比較有感覺,我們先將圖片放融合到“大雁”的背景圖里面,使用圖層
效果立的“疊加”,在用色相/飽和度把顏色調(diào)成和背景一個(gè)色系,最后使用“橡皮”工具把邊緣擦掉。
圖4-2
我們可以深入的“聯(lián)想”,汽車在空中懸浮顯然是很不靠譜的事,那么我們就可以想到汽車應(yīng)該停放在什么上
呢?高速公里?沙灘?油漆路?山地?顯然“山地”更符合我們的主題。
這一步驟很簡(jiǎn)單,去搜索幾張巖石的圖片,然后把其中局部取下來放到汽車的下面,并調(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è)過程中我們可以看到,設(shè)計(jì)其實(shí)是一個(gè)“聯(lián)想”的過程。
圖4-4
在設(shè)計(jì)的時(shí)候我們通常會(huì)把吸引眼球的圖片放到畫面的左邊,因?yàn)橥ǔH藶g覽畫面都是從左邊開始,像按鈕這
樣的功能性內(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)擊行為。
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁常見的圖片投影效果
- 網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程
- 設(shè)計(jì)知識(shí),新手詳情頁制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁面圖片
- banner教程,超簡(jiǎn)單三步設(shè)計(jì)一個(gè)BANNER
- 圓角教程,教你制作網(wǎng)頁常用的圓角矩形邊角
推薦教程
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- 陰影效果,教你制作各類陰影教程
- banner教程,用ps制作960*90的廣告圖片
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop制作網(wǎng)頁搜索條
- 用ps制作豎列導(dǎo)航