電商設(shè)計(jì)之商業(yè)插畫的繪畫技巧

電商設(shè)計(jì)之商業(yè)插畫繪畫技巧關(guān)鍵詞：設(shè)計(jì)技巧，創(chuàng)意想法，氣氛搭配，色彩搭配，手稿利用，場(chǎng)景構(gòu)圖，文案搭配。文章導(dǎo)讀:這次分享關(guān)于我在淘積木里一個(gè)H5手繪頁(yè)面，為何要說(shuō)到手繪這個(gè)主題，要知道，現(xiàn)在電商設(shè)計(jì)再也不是單純套套圖和加點(diǎn)文案那么單調(diào)玩法了，玩法多個(gè)多樣，不過(guò)要玩到精細(xì)和有情調(diào)，那也是一個(gè)境界啊。今天這里會(huì)說(shuō)到關(guān)于手繪創(chuàng)意想法、起線稿、基本色、貼圖、細(xì)節(jié)處理、顏色關(guān)系、文案設(shè)計(jì)，這些都是作為一張商業(yè)插畫必不可少組成部分，每一步都是我們要進(jìn)行學(xué)習(xí)和深究，力爭(zhēng)在這個(gè)設(shè)計(jì)大神那么多電商時(shí)代站得住腳。正文：一、關(guān)于想法和小構(gòu)圖這個(gè)鉛筆畫小構(gòu)圖就是這次淘積木H5其中幾張線稿，其實(shí)這么線稿是想法構(gòu)思，這次產(chǎn)品是花茶，所以在產(chǎn)品構(gòu)圖上，我是往那種平靜靜物擺放上面走，所以我要大致地確定構(gòu)圖和細(xì)節(jié)方向，在后面線稿組成時(shí)候繼續(xù)加入我想要東西。很多時(shí)候并不是一個(gè)簡(jiǎn)單小構(gòu)圖就能夠滿足一切，不過(guò)沒(méi)有事先小構(gòu)圖，很多想法是沒(méi)有表示出來(lái)，在畫線稿時(shí)候，靈感會(huì)伴隨這些隨意線條而進(jìn)入你腦海以及畫紙，這么設(shè)計(jì)才是我們?cè)O(shè)計(jì)師所需要和追求。二、手繪線稿在起稿前，我給它定位方向是一個(gè)古韻風(fēng)味花茶在復(fù)古氣氛中平靜展示，所以它底紙是有書香味紙張，這么做目標(biāo)是一開始我就要固定我大感覺(jué)，最少我有紙張襯托下我不會(huì)走偏格調(diào)，往往在畫畫時(shí)候，設(shè)計(jì)師是很輕易畫著畫著就走偏格調(diào)，因?yàn)橐婚_始大感覺(jué)東西不支持著你東西存在話，后面從細(xì)碎東西開始，就輕易走偏了自己最初格調(diào)，可能你會(huì)說(shuō)，走偏了也挺好，最少也是一個(gè)新方向和創(chuàng)意。這話沒(méi)毛病，不過(guò)假如是你個(gè)人純創(chuàng)作，這么絕對(duì)是能夠，不過(guò)在商業(yè)插畫里，是不能這么，因?yàn)樯虡I(yè)插畫它是一系列地展示下去，當(dāng)初確定了格調(diào)之后，一旦執(zhí)行了就不能輕易改變，這也是為何我會(huì)從線稿和紙張開始定住格調(diào)原因。其次就是線走向以及筆觸利用，很多人一開始線條會(huì)比較粗糙，提議下載鉛筆筆刷或者自己制作屬于自己筆刷（怎么下載筆刷和制作筆刷這期我就不多說(shuō)了，下期我會(huì)著重講這塊）。線稿有一點(diǎn)就是不需要像日常素描那樣畫那般精細(xì)和陰影效果強(qiáng)烈，因?yàn)槲覀冎厥欠旁陬伾菈K，除非你是純線稿展示。三、線稿鋪色線稿簡(jiǎn)單鋪上一層基礎(chǔ)顏色，這里能夠看到，全部第一層顏色都是比較單色塊和有點(diǎn)邊緣粗糙，這個(gè)是我用框選工具大致勾勒出來(lái)填色，這個(gè)不需要在一開始時(shí)候就比較嚴(yán)謹(jǐn)進(jìn)行上色，隨意出界和錯(cuò)誤也是能夠有一個(gè)屬于自己格調(diào)，那種自己刻意出點(diǎn)小錯(cuò)誤筆觸也是你格調(diào)，不過(guò)，這種漂亮錯(cuò)誤不是隨便亂來(lái)，假如你是剛開始學(xué)，提議你先保守上色。四、主題物顏色表示區(qū)分這里就是在我們主體物里面進(jìn)行勾勒上色了，在主體物里面，它擺放和色彩是有規(guī)律可言，圖中黃色菊花占據(jù)畫面中心點(diǎn)，所以它是視覺(jué)亮點(diǎn)以及最主要視覺(jué)點(diǎn)，所以這一抹黃色在紅色襯布下一點(diǎn)都不顯得突兀，這個(gè)也要?dú)w于顏色純度選取，顏色溫度選對(duì)了，搭配色也選適宜了，一切顏色在畫面都不會(huì)突兀。五、深入細(xì)節(jié)上色大致基礎(chǔ)鋪色完成了，接下來(lái)就是深度細(xì)節(jié)上色了，在畫面顏色最重紅色上，我鋪了一個(gè)貼圖，能夠說(shuō)我是有點(diǎn)偷懶或者什么吧，因?yàn)槲乙詾樵诋嫯嬌厦?，可能有些設(shè)計(jì)師他們會(huì)全程畫到底，不過(guò)有時(shí)候借助一些貼圖不是不能夠，因?yàn)橛袝r(shí)候畫不出來(lái)那種感覺(jué)時(shí)候，貼圖是最好最快輔助工具之一了，假如借助一點(diǎn)小工具能讓你畫面瞬速起效果話，何樂(lè)而不為呢。六、顏色那些問(wèn)題伴隨物體基本色上完之后，接下里就是一步步深入，就是力爭(zhēng)把每個(gè)物體明暗關(guān)系做到位，就像畫布和茶碗那塊暗面處理，畫布邊緣處理，以及茶碗里面各種物體關(guān)系。這里會(huì)著重說(shuō)下明暗關(guān)系，首先在高光處理上，是怎樣用純度高顏色進(jìn)行描繪，通常高光大多數(shù)人是會(huì)用本色靠近白色顏色來(lái)點(diǎn)綴，我做法就是用純色，不過(guò)這個(gè)有點(diǎn)難把握，因?yàn)樵陬伾珳囟认拢氵@個(gè)純色必須要嘗試數(shù)次才能找到適合，即使步驟過(guò)程是多了點(diǎn)，不過(guò)這種效果往往比那些灰度低明度高顏色好太多，因?yàn)榧兩谝黄鹊最伾镉肋h(yuǎn)都是最亮眼那個(gè)。再說(shuō)下中間色這檔事，中間顏色我基本是保持顏色不動(dòng)，因?yàn)檫@是我一開始就定下基本色，所認(rèn)為何之前我在填第一層顏色時(shí)候選色會(huì)慎重點(diǎn)，基本色在其余顏色深入下，會(huì)被覆蓋，所以說(shuō)中間色是多樣多彩，是高光和陰影主要銜接色。陰影，說(shuō)到陰影大家第一時(shí)間想到就是暗面，以為一片暗色就搞定了。其實(shí)色彩這東西，沒(méi)有絕正確顏色，因?yàn)榘殡S環(huán)境和光不一樣改變，物體顏色也是跟著改變。反光也是一個(gè)奇妙顏色，他在暗面時(shí)候支撐起陰影整個(gè)存在，讓人發(fā)覺(jué)，暗面色彩是有如此多樣化。在畫面上，我在處理那個(gè)水紋時(shí)候，我給水面高光是偏藍(lán)色，因?yàn)槿展庹丈湎?，天空是藍(lán)，它倒映是偏藍(lán)色。在處理細(xì)節(jié)時(shí)候，記得不要被細(xì)碎東西帶偏了，記得多恢復(fù)100%百分比回來(lái)看大感覺(jué)，對(duì)比下顏色和整體效果。七、文案搭配最終一個(gè)步驟，就是為我們畫面添加上我們?cè)撚性?shī)意般文案了。商業(yè)插畫假如沒(méi)有好文案搭配，畫得再好也表示不出來(lái)它味道。所以在排版上面和文案選詞上面，我們都要多做功夫，不能毀了一張商業(yè)插畫價(jià)值。總結(jié)：與10多年前電商設(shè)計(jì)不一樣，前電商設(shè)計(jì)是追求賣貨，因?yàn)楫?dāng)初需求就是價(jià)格廉價(jià)，很多都是什么跳樓價(jià)啊買什么送什么啊，所以在設(shè)計(jì)上大多數(shù)表現(xiàn)都是那些紅黃藍(lán)色彩，要多搶眼就有多搶眼，要多l(xiāng)ow就有多l(xiāng)ow。后電商，不再是以前那個(gè)樣子了，現(xiàn)在人需求除了價(jià)格廉價(jià)，在品質(zhì)，品牌度，款式設(shè)計(jì)上都有了高追求?，F(xiàn)在電商時(shí)代打是情感視覺(jué)營(yíng)銷，就好像三只松鼠、百雀羚、阿芙那樣，視覺(jué)上營(yíng)銷不再單一產(chǎn)品純展示，而且多個(gè)設(shè)計(jì)玩法，有合成，有手