UI插畫:5步教你原創(chuàng)風(fēng)格插畫

時(shí)常有新手設(shè)計(jì)師朋友對(duì)于插畫的創(chuàng)作過(guò)程很是疑惑。今天就為大家?guī)?lái)一套真實(shí)的工作案例。整個(gè)工作流程包个,會(huì)清晰講述插畫師從構(gòu)思到最終作品的所有步驟历葛。希望通過(guò)Tubik設(shè)計(jì)師Yaroslava Yatsuba的案例能夠幫助大家創(chuàng)造自己的插畫風(fēng)格米诉。

這篇文章中,Yaroslava分享了創(chuàng)作的5個(gè)步驟。此處以冬奧會(huì)主題的作品為例。

第1階段:手繪草圖

第一階段致力于搜索構(gòu)圖洒忧,尺寸,角色及其相互關(guān)系够颠。這是通過(guò)手繪草圖完成的熙侍。如果這個(gè)草圖不會(huì)展示給客戶,不必深入刻畫所有細(xì)節(jié) - 自己清晰地保存草圖和想法即可履磨。

第2階段:將草圖轉(zhuǎn)化為數(shù)字化

第二階段將創(chuàng)意從草圖轉(zhuǎn)變?yōu)閿?shù)字化繪圖蛉抓。使用掃描或拍攝的草圖作為AI中的基礎(chǔ),使用鋼筆工具繪制草圖剃诅。在這個(gè)階段巷送,畫出主要的框架,沒(méi)有細(xì)節(jié)矛辕,也沒(méi)有移動(dòng)身體和結(jié)構(gòu)來(lái)尋找漂亮的構(gòu)圖笑跛。這是插圖框架創(chuàng)建的階段。

階段3:顏色選擇

第三階段是關(guān)于顏色的選擇如筛。設(shè)計(jì)師必須做出顏色搭配的決定堡牡。在這個(gè)特殊的案例中抒抬,選擇并不那么難:她決定應(yīng)用象征奧運(yùn)五環(huán)的顏色杨刨。它們中的每一個(gè)都被用作特定環(huán)的基礎(chǔ)。

階段4:尺寸和細(xì)節(jié)

這一階段目標(biāo)是刻畫細(xì)節(jié)擦剑。尺寸和形狀越來(lái)越清晰妖胀。

階段5.紋理和動(dòng)態(tài)

在最后階段芥颈,設(shè)計(jì)師添加紋理。他們?cè)谏钪凶⑷胍曈X(jué)圖像赚抡。在這個(gè)案例中爬坑,紋理允許設(shè)置速度,動(dòng)態(tài)以及冬季視覺(jué)的效果涂臣。

在大多數(shù)情況下盾计,設(shè)計(jì)師用蒙版添加紋理。創(chuàng)建一個(gè)蒙版并在那里復(fù)制紋理赁遗,應(yīng)用到元素的是黑白漸變署辉。然后應(yīng)用Grain效果。另一種方式是根據(jù)所需的效果岩四,用白色哭尝,黑色或灰色的紋理畫筆在蒙版內(nèi)部繪畫。

最后剖煌,縮放插圖材鹦,對(duì)整體視圖進(jìn)行反思,并在需要時(shí)添加小改動(dòng)耕姊。插圖完成桶唐!

小貼示

在插圖過(guò)程中,設(shè)計(jì)師應(yīng)遵循以下原則繪制插圖茉兰。在進(jìn)入下一步前莽红,所有插圖的各個(gè)部分都必須按照該階段所需的要求進(jìn)行平等處理。這樣有助于避免某些部分以最細(xì)微的細(xì)節(jié)進(jìn)行刻畫邦邦,而其他部分則缺乏耐心和持久性安吁。畫面的和諧與一致是藝術(shù)家最好的朋友。


如果你喜歡這篇文章燃辖,一定要關(guān)注我鬼店。

本文翻譯來(lái)自Medium,原文鏈接https://medium.com/@tubikstudio/graphic-design-winter-olympics-illustration-step-by-step-tutorial-19eaea992b8b

更多UI設(shè)計(jì)技巧,歡迎來(lái)簡(jiǎn)書(shū)關(guān)注我

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末黔龟,一起剝皮案震驚了整個(gè)濱河市妇智,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌氏身,老刑警劉巖巍棱,帶你破解...
    沈念sama閱讀 217,826評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異蛋欣,居然都是意外死亡航徙,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門陷虎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)到踏,“玉大人杠袱,你說(shuō)我怎么就攤上這事∥迅澹” “怎么了楣富?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,234評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)伴榔。 經(jīng)常有香客問(wèn)我纹蝴,道長(zhǎng),這世上最難降的妖魔是什么踪少? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,562評(píng)論 1 293
  • 正文 為了忘掉前任骗灶,我火速辦了婚禮,結(jié)果婚禮上秉馏,老公的妹妹穿的比我還像新娘耙旦。我一直安慰自己,他們只是感情好萝究,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,611評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布免都。 她就那樣靜靜地躺著,像睡著了一般帆竹。 火紅的嫁衣襯著肌膚如雪绕娘。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,482評(píng)論 1 302
  • 那天栽连,我揣著相機(jī)與錄音险领,去河邊找鬼。 笑死秒紧,一個(gè)胖子當(dāng)著我的面吹牛绢陌,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播熔恢,決...
    沈念sama閱讀 40,271評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼脐湾,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了叙淌?” 一聲冷哼從身側(cè)響起秤掌,我...
    開(kāi)封第一講書(shū)人閱讀 39,166評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎鹰霍,沒(méi)想到半個(gè)月后闻鉴,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,608評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡茂洒,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,814評(píng)論 3 336
  • 正文 我和宋清朗相戀三年孟岛,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,926評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蚀苛,死狀恐怖在验,靈堂內(nèi)的尸體忽然破棺而出玷氏,到底是詐尸還是另有隱情堵未,我是刑警寧澤,帶...
    沈念sama閱讀 35,644評(píng)論 5 346
  • 正文 年R本政府宣布盏触,位于F島的核電站渗蟹,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏赞辩。R本人自食惡果不足惜雌芽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,249評(píng)論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望辨嗽。 院中可真熱鬧世落,春花似錦、人聲如沸糟需。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,866評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)洲押。三九已至武花,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間杈帐,已是汗流浹背体箕。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,991評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留挑童,地道東北人累铅。 一個(gè)月前我還...
    沈念sama閱讀 48,063評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像站叼,于是被迫代替她去往敵國(guó)和親争群。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,871評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 插畫在中國(guó)被人們俗稱為插圖轻要。今天通行于國(guó)外市場(chǎng)的商業(yè)插畫包括出版物配圖、卡通吉祥物垦缅、影視海報(bào)冲泥、游戲人物設(shè)定及...
    Evan_Zu閱讀 2,734評(píng)論 1 21
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,117評(píng)論 25 707
  • 新年伊始,一部《紅海行動(dòng)》燃爆了春節(jié)電影檔。朋友圈凡恍、微博志秃、貼吧,沸沸揚(yáng)揚(yáng)嚼酝,各路影評(píng)大神也紛紛不惜筆墨浮还,為該影片打C...
    再見(jiàn)弼馬溫閱讀 232評(píng)論 0 0