tft每日頭條

 > 生活

 > ui手繪圖标簡單

ui手繪圖标簡單

生活 更新时间:2025-01-24 08:54:07

卡通吉祥物的應用範圍其實非常廣,比如Q版遊戲原畫、卡通形象、商業插畫中,也因為風格比較讓受衆群體喜歡,同時也簡單操作易上手,所以我就以在新的練習APP裡放的卡通形象為例,來告訴大家怎麼來畫這個可愛的小東西,别猶豫了,打開sketch,快上車吧!

ui手繪圖标簡單(UI設計師如何利用sketch畫好一個卡通吉祥物)1

1、确定特征

由于我的APP産品屬于K12的行列,所以要選的卡通形象需要有萌的特征,同時也要貼近生活,才能讓用戶在使用的時候更有親切感,所以我選擇範圍在貓、狗、兔子這些小動物身上,正好我之前也養過貓,所以我就把卡通形象定在了貓的身上。

ui手繪圖标簡單(UI設計師如何利用sketch畫好一個卡通吉祥物)2

2、收集素材

因為現在很多設計師的美術基礎都比較薄弱,所以我們可能能想象到生活中最基礎的物品樣子,但是畫出來難度還是比較大的,即使我的原型是曾經每天要狂撸800遍的貓,這個時候收集素材的重要性就顯現出來了,雖然我的原型是菠蘿,但是我還是找了很多别的參考,截取了腦袋瓜,如下圖所示:

ui手繪圖标簡單(UI設計師如何利用sketch畫好一個卡通吉祥物)3

根據我的觀察,貓咪的臉部識别特征大緻都是為臉型和毛色以及胡須,而我鋼筆工具用的不是太好,勾勒臉部如果增加毛的形狀細節很容易就會暴露我的缺點,所以我選擇了臉型加毛色的(比較保險),下面就是我根據素材做好的臉部基礎輪廓。

3、細節調整

在已經做好的底部輪廓裡面我們給他進行細節優化,但是在調整之前要注意,卡通吉祥物區别動畫以及動漫人物,它是屬于高度概括的情況下進行設計,一定不能過于複雜和繁瑣。想要體現萌化的感覺,就一定要肉呼呼的。

第一,臉部放圓

第二、眼睛要大,水汪汪的,還要有點神就最好啦

4、拟物效果

上面我們在之前的造型上做了一些細節的調整,在這裡一定要把握好整體的視覺調和,以及顔色的飽和度,不能太跳。下面我就要開始将卡通形象微立體的感覺制造出來,我之前找過很多參考,觀察了一下要怎麼才能做出微立體的感覺,我一開始以為是漸變,下面是我的嘗試效果,我發現過渡的不自然,同時沒有立體的感覺。

ui手繪圖标簡單(UI設計師如何利用sketch畫好一個卡通吉祥物)4

到底是哪裡不對,還有什麼方法能夠做出這種效果呢?然後我想到了深色系色塊高斯模糊加剪接蒙版的辦法,這是我第二次嘗試的效果,貓臉頓時有了些立體的感覺,同時過渡的不會像上面的方法那麼生硬。

ui手繪圖标簡單(UI設計師如何利用sketch畫好一個卡通吉祥物)5

于是同樣的方法我用在了身體上,為了營造出肚子圓圓立體的感覺,所以圍繞肚子那一塊我用鋼筆勾了個形狀出來(我不知道這是個啥形狀,你們自己看圖),然後一樣的高斯模糊加剪切蒙版,數值自己調呀,看着覺得差不多了就行。

腿那一塊我糾結過是要拼接還是直接在上面加色塊過渡,考慮了一下還是用色塊過渡,從視覺上做一個内凹的效果。

雖然這種類型的插畫不管是從形狀上還是從細節上都比較容易上手,但是很多細節還是要考慮在内的,比如說一些光影的效果,以及手臂與身體接觸的地方需要做一些深色處理,在深色處理下後的邊緣需要一些亮色小小的過渡一下。這樣我們就把一個簡單的能夠代表産品的卡通形象畫出來啦!我們還可以根據頁面的功能做出一些衍生,比如表情包啊,默認頭像主題等。

ui手繪圖标簡單(UI設計師如何利用sketch畫好一個卡通吉祥物)6

希望這篇分享能夠幫助到大家!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved