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

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

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

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

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

  

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

  來(lái)看看效果:
  

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

  

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

  

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

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

電商視覺(jué)海報(bào)設(shè)計(jì)by淘寶美工設(shè)計(jì)

 本文由上海網(wǎng)萌淘寶美工設(shè)計(jì)編制,轉(zhuǎn)載請(qǐng)注明:http://www.zjltwlkj.com/