首頁(yè)技術(shù)文章正文

描邊風(fēng)格插畫如何設(shè)計(jì)?

更新時(shí)間:2020-08-18 來源:黑馬程序員 瀏覽量:

描邊風(fēng)格系列插畫01



一、系列描邊風(fēng)參考圖

從軟件技能和自身手繪能力出發(fā),根據(jù)需求找相匹配的系列參考圖(需求為6張推廣類教育宣傳引導(dǎo)頁(yè))。

1.描邊風(fēng)格-矢量繪制

固定描邊粗細(xì),在MBE風(fēng)格基礎(chǔ)上添加細(xì)節(jié)及裝飾元素,AI軟件直接出圖。

描邊風(fēng)格系列插畫02


2.描邊風(fēng)格-營(yíng)銷展示

主題明確風(fēng)格統(tǒng)一 ,顏色偏暖色適合宣傳類引導(dǎo)頁(yè)。

描邊風(fēng)格系列插畫03


3.描邊風(fēng)格-輔助元素較多

效果展示佳,但繪制時(shí)間較長(zhǎng),元素較多相對(duì)復(fù)雜。

描邊風(fēng)格系列插畫04

二、確定風(fēng)格拓展分析

確定風(fēng)格選擇第二種描邊風(fēng)格-營(yíng)銷展示,并拓展分析以下內(nèi)容

1-使用軟件
2-配色
3-肌理效果
4-造型
5-主/輔元素
6-其他

1-使用軟件

選擇直接Photoshop,找到相對(duì)應(yīng)筆刷配合手繪板完成出圖。

2-配色

分析配色整體顏色偏暖,紅綠對(duì)比色加藍(lán)橘呼應(yīng),飽和度偏低。

描邊風(fēng)格系列插畫05

3-肌理效果

少量雜色,并配合紋理類筆刷。

4-造型

以現(xiàn)實(shí)照片為基礎(chǔ),配合想對(duì)應(yīng)的場(chǎng)景。

5-主/輔元素

突出主體人物,搭配相關(guān)主題提輔助元素烘托氣氛。

6-其他

留有文字的位置,思考構(gòu)圖展示及類似風(fēng)格產(chǎn)出相對(duì)應(yīng)的商業(yè)輸出,例如:教育,金融,民宿等。

三、自身項(xiàng)目需求分析

由于系列產(chǎn)出,這里就分析其中一張,根據(jù)參考的系列描邊插畫進(jìn)行分析,并加入自身項(xiàng)目對(duì)比及以下內(nèi)容

1-確立文案內(nèi)容 2-突出需求營(yíng)銷點(diǎn) 3-系列推廣類營(yíng)銷圖6張 4-繪制時(shí)間

1-確立文案內(nèi)容

主標(biāo)題:有趣好玩·簡(jiǎn)單實(shí)用

內(nèi)容:玩藝術(shù)攝影 玩短片拍攝 玩炫酷P圖 玩自制表情包 玩GIF動(dòng)畫

電商視覺運(yùn)營(yíng)設(shè)計(jì)學(xué)科

2-突出需求營(yíng)銷點(diǎn)

根據(jù)文案思維拓展,找相關(guān)元素及氣氛烘托(例如:當(dāng)下最火爆的短視頻平臺(tái)抖音,人們的點(diǎn)贊行為,近期比較流行的拍照表情包,刷手機(jī)的手,品牌宣傳等),將需要的元素羅列出來,以備后用。

3-系列推廣類營(yíng)銷圖6張

系列推廣類營(yíng)銷圖,最好在初期將排版,色系,內(nèi)容,連續(xù)性展示方式都思考到位。

4-繪制時(shí)間

系列繪制時(shí)間1周,留有修改時(shí)間,單張繪制在多半天左右。

四、確定色系

前期已經(jīng)對(duì)參考圖進(jìn)行分析,可以再次分析經(jīng)修改,制作及確定色卡。

描邊風(fēng)格系列插畫06

五、確定主場(chǎng)景

初期思考,預(yù)備繪制視角為對(duì)著手機(jī)點(diǎn)贊,手機(jī)里有人物在拍短視頻,并且身上有現(xiàn)階段流行的表情包,再將品牌推廣的LOGO放進(jìn)去。

六、繪制草圖

可以先將單個(gè)物體進(jìn)行草圖繪制,之后將場(chǎng)景組合在一起。

描邊風(fēng)格系列插畫07

七、正式稿繪制

將顏色填充平鋪,并加入光影,注意細(xì)節(jié)處理,例如衣服的花樣,褲子的走線,怪獸的毛發(fā),模擬真實(shí)的點(diǎn)贊,及背景場(chǎng)景的繪制,可以放品牌LOGO及1024(品牌中的重要數(shù)字),最后可以添加肌理起修飾作用烘托氛圍,完美!


描邊風(fēng)格系列插畫08

描邊風(fēng)格系列插畫09

八、系列產(chǎn)出

舉一反三,我們通過1張圖的分解創(chuàng)作出系列的6張推廣圖。

設(shè)計(jì)來源于生活,我們只要在平時(shí)的生活中多觀察,總能發(fā)現(xiàn)美好的事物,這些都能成為我們?cè)O(shè)計(jì)的素材。

希望大家在課下時(shí)間,多多練習(xí)!你的插畫一定可以越來越好!

描邊風(fēng)格系列插畫10

描邊風(fēng)格系列插畫11

九、課程知識(shí)點(diǎn)復(fù)盤

分析需求,結(jié)合自身項(xiàng)目。

系列推廣組圖,就是將需求關(guān)鍵詞組合在一起,形成新的畫面。

提前選定好顏色和風(fēng)格,會(huì)使工作事倍功半哦!


猜你喜歡:

快速提升UI設(shè)計(jì)水平的簡(jiǎn)單實(shí)用技巧

ui設(shè)計(jì)是什么?UI設(shè)計(jì)行業(yè)前景怎么樣?

如何使用PS設(shè)計(jì)炫酷海報(bào)?圖文詳細(xì)教程

全鏈路UI/UE真設(shè)計(jì)師課程


分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!