亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

UI設(shè)計(jì)之卡通插畫教程

發(fā)布時(shí)間：2024-01-12 19:18:36 瀏覽量：203次

目前很多流行的APP界面已經(jīng)有手繪風(fēng)格的插圖，作為UI設(shè)計(jì)師，也應(yīng)該學(xué)學(xué)一些手繪技能，今天為大家分享來自小魔女007的一幅卡通插畫教程，使用的繪制方法和UI設(shè)計(jì)手法相似，有點(diǎn)像繪制 ICON 的步驟，過程并不很復(fù)雜，歡迎同學(xué)們一起嘗試。



作者：小魔女007 個(gè)人主頁：
http://jingwli.zcool.com.cn/

下面大家一起來看看這個(gè)教程。

在 B 的插畫構(gòu)思里，我選擇了 Butcher（屠夫）。無論是做什么設(shè)計(jì)，肯定 不可能空穴來風(fēng)，憑空想像，特別是對自己不太熟悉的東西。所以我的第一步就是用「設(shè)計(jì)導(dǎo)航」的搜索條，快速搜索Pinterest、花瓣、Dribbble 等設(shè)計(jì)站來獲得靈感。



能搜到的不多，質(zhì)量好點(diǎn)的大概就這些了。我們來看看這些屠夫們有什么共同的構(gòu)成點(diǎn)：彪悍的大叔+大刀+圍裙。

接下來是不是腦子里就會有些畫面感了？對我而言，在我腦海中出現(xiàn)的是一個(gè)穿著圍裙正在賣力剁肉的屠夫大叔。



做了很多年的 UI 設(shè)計(jì)，規(guī)整的圖形思維已經(jīng)深入到了骨髓。所以我在草圖繪制的時(shí)候會用一些圓形，圓角矩形，方形等去構(gòu)思主體框架。

鑒于是給自己看的草圖，也沒想到日后寫教程會用到，所以畫的比較潦草，請大家見諒，不要隨意鄙視~

最重要的一步：輪廓勾勒。

上一步有說過，這個(gè)系列的插畫其實(shí)用的是 UI 繪制 icon 手法和思維。所以在輪廓勾勒的時(shí)候要注意：

一定要用布爾運(yùn)算！一定要用布爾運(yùn)算！一定要用布爾運(yùn)算！

也就是說，凡是涉及到出線部分，一定是用各種圓疊加切割的，而不是用鉛筆工具勾勒 。鋼筆工具勾或放也可以，但這不是小魔女的插畫風(fēng)格~個(gè)人比較喜歡的是規(guī)整的圓，整齊的方。



以稍微復(fù)雜一些的身體為例，它其實(shí)是由很多的圓形、橢圓形疊加而成的。最后一行的不規(guī)則形狀，其實(shí)是1/4圓。



初稿設(shè)計(jì)的時(shí)候直充的顏色都只是大致的顏色，我個(gè)人是有一些回寫的色卡，一般都是先用這些顏色 ，之后再根據(jù)整個(gè)畫面重新去做調(diào)整。

因?yàn)槭潜容^扁平的插畫，所以陰影疊加起來也很方便，在這套系列里，統(tǒng)一都是右邊暗，左邊明亮。光明的疊加分成面的疊加和線的疊加。

首先是面。上完明暗后的效果如下圖：也還是比較單調(diào)的。



所以需要加一些線。陰影 線的顏色和勾勒形體的顏色相同就好，高光線直接用白色。至于怎么判斷的，并沒什么講究，看人個(gè)喜好就行。我一般是短-長-短這樣的順序。



最后需要添加一些細(xì)節(jié)，讓整個(gè)主體的設(shè)計(jì)更加栩栩如生一些。

既然是屠夫大叔，肯定不修邊幅，所以會有胸毛，搬遷，同時(shí)胡子也不會那么干凈整齊，而是有很多的渣渣。

他在那么賣力的砍肉，一定很熱，所以頭上會有汗珠，并且刀上，衣服上都會粘上血漬。所這些細(xì)節(jié)一加，主體的設(shè)計(jì)就大功告啦。



為了更好的幫大叔渲染氛圍，后面還補(bǔ)充了個(gè)肉架的圖。因?yàn)椴荒軗屃舜笫宓娘L(fēng)頭，所以用的是純面稿，并且透明度也被降低到了25%。以下是100%時(shí)的顯示。

其實(shí)最開始是打算每個(gè)插畫主體后面都有這么一個(gè)氛圍渲染的面稿的，后來覺得太廢時(shí)間，所以就放棄了。加上效果會更好。



這個(gè)系列的創(chuàng)作思路到整個(gè)完成的過程就是這樣的。概括的說，其實(shí)是在用 UI 的設(shè)計(jì)方法去做插畫。UI 萬歲！



原文鏈接：
http://www.shejidaren.com/ui-she-ji-cha-hua-jiao-cheng.html

熱門課程推薦

熱門資訊

請綁定手機(jī)號

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動，老師會在第一時(shí)間與您取得聯(lián)系，請保持電話暢通！
確定