電商視覺海報(bào)設(shè)計(jì)實(shí)例(4)

來源:站酷 作者:巧匠視覺 學(xué)習(xí):20606人次

第一創(chuàng)意思路

         以前從未聽說過電商設(shè)計(jì)師,但是近兩年電商設(shè)計(jì)師數(shù)量匆匆往上竄,并且數(shù)量突然保持逐步上升的趨勢,而且電商設(shè)計(jì)師從最開始的美工逐漸的發(fā)展延伸出如設(shè)計(jì)師、修圖師、店鋪主設(shè)計(jì)師、設(shè)計(jì)總監(jiān)等等職位,并且電商界的設(shè)計(jì)作也越來越品牌化,高級(jí)化,好的店鋪設(shè)計(jì)都可以與效果繁瑣的游戲網(wǎng)站相比較。
        正如上面所說電商設(shè)計(jì)師正如破竹之勢迅猛成長,巧匠的意思為巧奪天工,獨(dú)具匠心。正如我們電商設(shè)計(jì)師用我們的美和技巧裝修每一個(gè)店鋪。
電商視覺海報(bào)設(shè)計(jì)實(shí)例

第二草稿圖

這張圖沒有參考,完全根據(jù)自己的想法來做,因?yàn)槭窍雽θ缃耠娚淘O(shè)計(jì)師趨勢的一個(gè)表達(dá),并沒有什么商業(yè)價(jià)值,所以就沒有考慮的太多。
巧匠和其他的方案剛剛已經(jīng)解釋了,至于大猩猩嘛,一是我個(gè)人喜好,二是因?yàn)樗o人一種安全感,信任感,如一個(gè)對家庭負(fù)責(zé)的爸爸一樣。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

首先我們腦子里已經(jīng)知道自己要做什么開關(guān)的特效字了,我們第一步是把文字把出來,而不是直接去畫,選擇一個(gè)合適的字體調(diào)整大小,并擺放好位置,這樣對素描基礎(chǔ)差的同學(xué)非常有幫助,看下圖。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第二步是調(diào)整形狀,這里是把兩個(gè)文字分為兩個(gè)圖層刪格化,CTRL+T分別給透視,往對立的方向。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第三步降低透明度,因?yàn)槭且霰┳,?huì)有些透明效果。我這里是40%,大家有做練習(xí)的可以隨自己的喜好和效果來定。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第四步把文字的立體效果做出來,這里再給大家介紹一個(gè)非常實(shí)用做立體字的方法,我這里的兩個(gè)文字都是單獨(dú)做的,復(fù)制巧字,放到下面一層,把色彩改成比背景色略重或略輕一些都可以,然后按ALT+剪頭方向鍵(一直按)就可以做出下面的立體感了。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第四制作文字效果

選擇畫筆工具點(diǎn)擊ps導(dǎo)航條紅色框框位置調(diào)出畫筆選項(xiàng),選擇39號(hào)畫筆,然后把不透明度調(diào)整到30%至70%不等,根據(jù)需要透明度隨時(shí)調(diào)整。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

嘗試一下畫筆,正確的話會(huì)得到下圖的效果。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

輪廓的線條選擇第二個(gè)畫筆,描繪文字的輪廓,表面的筆觸感來自第二種筆刷,表面的顆粒感來自第一種筆刷。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

經(jīng)過反復(fù)繪制得到下面的效果,過程比較傲人也比較享受。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第四繪制邊框

友情提示,這里繪制任何部分的時(shí)候,透明度要隨時(shí)調(diào)整,不要用70%以上的透明度。第一次繪制比較淡的筆刷,多繪制幾次,然后逐漸的把透明度提高。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第五英雄榜

剩下的文字照葫蘆畫瓢,同樣的方法搞定的,組合起來的效果如下圖,細(xì)心的設(shè)計(jì)師會(huì)發(fā)現(xiàn),我在原基礎(chǔ)上加入了一些裂痕,這些裂痕就是貼了些素材之后,給素材一個(gè)正片雙底的圖層樣式,只保留黑色部分,在素材之上第二種畫筆涂抹了幾次就有這樣的效果了。

電商視覺海報(bào)設(shè)計(jì)實(shí)例
 

電商視覺海報(bào)設(shè)計(jì)實(shí)例

點(diǎn)出來的效果就是這樣的,圍繞著大猩猩各個(gè)關(guān)節(jié)的上方點(diǎn)出這些雪花。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第六背景與猩猩

這里的背景是非常簡單的,只需要找一些雪山的素材圖片摳出來,放到后面去就好了,并沒有什么技術(shù)門檻,就不做詳細(xì)解釋了,大猩猩身上的雪,利用第一種畫筆在大猩猩上方建立新圖層,直接點(diǎn),就可以出來這樣的效果,寒冷的冬天,大猩猩面前是可以看得到哈氣的。
大猩猩與文字的落腳的冰面用的是下面的冰面素材,百度一下一大堆。然后百度搜索煙霧素材,給圖層濾色樣式,只保留魄煙霧部分,放在大猩猩嘴巴旁邊,引人注目即可。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第七做旗幟

第一步先用鋼筆勾出旗幟的路徑,填充紅色。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第二步用加深減淡工具做出旗幟飄揚(yáng)的立體感覺。暗的部分用加深工具,亮的部分用減淡工具。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第三步在旗幟的左側(cè)加一個(gè)灰白的面料正常的旗幟都有這個(gè)東西,用第二種畫筆,中間是可以插棍棍的(好邪惡。。。)旗幟上面會(huì)有一些雪覆蓋在上面,還是用第一種畫筆直接涂抹就可以了。
第四步打上文字刪格化后順著旗幟的方向給個(gè)變形,注意做變形這一步做不好的話看上去會(huì)非常別扭。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

來看看效果:

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第一步給整個(gè)天空一個(gè)下雪的感覺,用第二種筆刷前景色為魄,透明度降到40%左右,在天空上點(diǎn)出大小不同方向不同的色塊。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第二步給個(gè)動(dòng)感可以根據(jù)自己的情況來定。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第三步讓天空更豐富一些,用了一只翼龍,然后給了一個(gè)從藍(lán)色到白色的漸變映射,讓翼龍整體的顏色統(tǒng)一,降低透明度到30%,因?yàn)橥谘a(bǔ)遠(yuǎn)慮,翼龍相對于前面的主體來說比較遠(yuǎn),有點(diǎn)看不清,所以降底透明度是一種方法。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

第八細(xì)節(jié)完美

電商視覺海報(bào)設(shè)計(jì)實(shí)例

有很多設(shè)計(jì)師朋友都會(huì)問,別人的圖片看起來怎么那么的精致,那么的漂亮,細(xì)節(jié)那么的好?
這里我介紹其中一種方法,整體蓋印一次,快捷鍵是CTRL+SHIFT+ALT+E后執(zhí)行濾鏡 》 其它 》自定。數(shù)值不變,如下圖。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

下面是濾鏡后的效果,這個(gè)時(shí)候的效果有點(diǎn)重,細(xì)節(jié)被過分的刻畫,這個(gè)時(shí)候我們只需要降低透明度就可以虛弱它,我選擇的是什么0%。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

電商視覺海報(bào)設(shè)計(jì)實(shí)例

電商視覺海報(bào)設(shè)計(jì)實(shí)例

最后直接打上文字就好了,這里就不做過分的講解了。

電商視覺海報(bào)設(shè)計(jì)實(shí)例

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
布倫哥2018-05-11 12:14
6940168132014-11-28 05:41
太強(qiáng)大了
6940168132014-11-28 05:11
太強(qiáng)大了
夶掱牽尐掱2014-11-20 02:32
頂頂
白貓V咖啡2014-11-20 02:11
幸運(yùn)小以2014-11-20 02:11
劍鋒之下取首級(jí)2014-11-20 02:11
狼月20012014-11-20 02:11
lord妖童2014-11-20 02:11
季韻之魚2014-11-20 02:11
單純的高傲2014-11-20 02:11
拳拳王子2014-11-20 02:11
笑容最美2014-11-20 02:11

關(guān)注大神微博加入>>

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