越來越多的app結(jié)合ip來增加情感化設(shè)計,比如會員等級體系、新手指引、登錄注冊、周邊延展等等。今天跟大家分享這組IP的設(shè)計過程,先來看看最終效果吧~
(資料圖片僅供參考)
01IP風格設(shè)定
項目屬性是教育類型,小孩、年輕人群為主。那么可愛的風格不會出錯,以下是我從網(wǎng)上找的一些參考。
參考圖來源于網(wǎng)絡(luò),僅做分析使用
通過參考分析,不難發(fā)現(xiàn)以上IP的共性特征:1 :0.5~1之間的頭身比,造型圓潤且以幾何形的方式概括。
02造型繪制
1.圖形組合
使用方、圓幾何形繪制造型,通過重疊的形式,增加細節(jié)。比如:加個小口袋、頭飾等等之類裝飾。保證IP基礎(chǔ)型簡單,同時豐富整體造型。
2.頭身比例
頭身比例越大,整體的造型越趨近于胖墩墩、Q萌。這里我把IP的頭身比設(shè)定為1:0.5,是不是更加幼齡、可愛些了。
線稿確定后,開始上色,我們設(shè)定IP的固有色為黃色,通過改變其明度的形式,給每個造型填充色塊,如下圖所示,最后,添加光影、結(jié)構(gòu)線等方式打造偽3D效果,接下來一起看看如何塑造立體質(zhì)感的吧~
03立體質(zhì)感
3.光影
立體的質(zhì)感一定是有體積的,通過加入亮面和暗面的方式,使其視覺“膨脹”,形成立體的效果。
以IP頭部為例,設(shè)定左上角為主光源,那么左上方就會形成亮面。新建圖層樣式-內(nèi)陰影,選擇比固有色更亮一點淺黃色繪制亮面。
相對的,右下角的地方就會形成一個暗部區(qū)域,我們選取黃色的鄰近色-橙色作為暗部內(nèi)陰影的顏色,同時設(shè)置混合模式【正片疊底】,增加飽和度且不容易變臟哦。如下圖所示,加入暗面后,立體效果明確些了~
最后,在暗部區(qū)域加上一些反光,讓整體更透氣。需要注意的是,反光顏色不要太亮,接近受光面的明度即可。
另外內(nèi)陰影參數(shù)中,阻塞值也不要過大。太亮的顏色和過大的阻塞值,一來容易導致受光面曝光,二來由于內(nèi)陰影之間會相互影響,過大的反光會掩蓋暗部的顏色。
用同樣的方式在臉部也加入亮面和暗面,立體效果初步形成~
雖然有了明暗,但立體感不夠強。我們觀察如下球體,右邊的球體通過擴大亮部區(qū)域,加深明暗交界線。強化了黑白灰對比,讓整體亮灰暗層級關(guān)系更明確,是不是立體感強多啦。
回到IP本身,同理,我們要強化整個頭部的明暗對比關(guān)系。
①擴大亮部區(qū)域,越靠近光源的地方顏色明度越高。
新建圖層,選擇畫筆工具,降低畫筆透明度度一層一層的疊加進去。顏色上可以直接用吸管工具吸取亮部區(qū)域,稍微調(diào)整下明度和飽和度。
②加深明暗交界線,襯托反光區(qū)域更通透。
這一步通過加強明暗關(guān)系,亮部亮起來,暗部暗下去,畫出頭部和臉部的厚度,凸顯立體質(zhì)感。
4.邊緣光、結(jié)構(gòu)線
當有多個物體重疊時,除了繪制投影區(qū)分前后關(guān)系外,我們還可以加上邊緣光和結(jié)構(gòu)線來進一步拉開層級。如下圖所示
同樣的繪制方式,把IP的身體和四肢分別加上立體質(zhì)感。扁平色稿到立體質(zhì)感部分就塑造完成啦~
接下來一起看看表情設(shè)計的小技巧吧~
04IP延展-表情設(shè)計
下圖是我在網(wǎng)絡(luò)上搜索開心大笑和憤怒生氣兩組詞得到的一些截圖。右邊動漫人物的表情都有一個共同點:夸大了嘴巴在五官中的占比,相對而言,夸張后的表情給人的感染力更強。
5.夸大比例
適當?shù)目浯笪骞俦壤欣诜糯螽斍扒榫w的氛圍。比如開心、驚訝、憤怒等,張的大大的嘴巴是不是使得整體表情張力強很多啦~
6.五官緊湊
五官之間的距離越舒展,看起來越顯得成熟,反之,越幼齡。下圖中緊湊的五官顯得低齡、可愛些~
參考圖來源于網(wǎng)絡(luò),僅做分析使用
細心的同學一定發(fā)現(xiàn)了,有些五官畫眉毛,有些沒畫。通常來說,眉毛可以畫也可以不畫,
例如,下圖表情中,有眉毛和沒眉毛,傳遞出來的情緒有所差異。大家根據(jù)想要傳達的具體情緒視情況而定。
如果IP定位很可愛、幼齡的風格,可以在眼睛的下方繪制一個小小的腮紅,既豐富色彩,又提升了表情可愛值~
不管是IP造型還是表情動作,盡量簡化用圓、方、三角、梯形等等這些基礎(chǔ)的幾何形狀來繪制,就會簡單很多啦。比如:用圓形表示開心大笑的眼睛,用半圓表示委屈的雙眼等等。
最后我們來回顧一下知識點:
IP設(shè)計:①設(shè)定頭身比例,②幾何形構(gòu)建造型,③質(zhì)感塑造-光影關(guān)系、邊緣光、結(jié)構(gòu)線;
表情設(shè)計:①基礎(chǔ)幾何形繪制五官,②適當夸大比例,③五官緊湊。
以上就是此次IP設(shè)計以及表情延展的一些小技巧啦~ 拋磚引玉,希望對大家有一丟丟啟發(fā)~
視覺課09期 試聽課火熱報名中!
菜心&慢熱視覺課2.0版09期的試聽課來咯,僅需9.9元,名額有限,先到先得!理論+實操,入股不虧!
上課時間:8月15日(周二)晚8點30。
課程詳情點擊左下角【閱讀原文】即可查看,購買后記得掃上方二維碼,或者添加微信:Amber-huihui(備注:試聽課) 拉你進群,以免錯過直播哦~
標簽:
- 第一次畫吉祥物需求,獻丑了,兄弟們!
- 4-0 2-1 2-1 1-0 1-0 中超瘋狂一夜!泰山踢瘋了 高畠勉太慫了 大連人贏了
- 紅星觀察|當極端天氣成為新常態(tài),城市如何更安全?
- 新型造橋機助力雄忻高鐵山西段空中造橋
- 云南這些地區(qū)下周將有較強降雨!注意防范
- 受水害影響!8月14日北京西站、北京豐臺站部分列車停運
- 孟加拉國登革熱病例數(shù)激增,世衛(wèi)呼吁快速采取行動
- 爭分奪秒!陜西消防緊急處置西安長安區(qū)山洪泥石流災(zāi)害
- 中企承建的科特迪瓦斜拉橋竣工通車
- 動漫壁紙(5)
- 【完美世界】石昊護送云曦橫渡血色平原時,獲得過多少逆天機遇?
- 極狐,假面騎士歷史上最不在乎普通人生命的主騎
- 天使降臨到我身邊 漫畫封面
- 2023.8.13圍棋賽事:王中王循環(huán)圈李維清領(lǐng)跑,韓國總統(tǒng)杯李元道奪冠
- 夢幻西游群雄逐鹿天元決賽年內(nèi)戰(zhàn)隊難擋鋒芒,王者之師再添一冠
- 9歲女孩被父母丟在機場,家長:這是“做規(guī)矩”,不打算來接她…
- 好聽的動漫網(wǎng)名(動漫網(wǎng)名)
- 離婚以后撫養(yǎng)費給到幾歲為止
- 戲曲觀眾年輕化,京城劇場呈現(xiàn)新生態(tài)
- 中方車隊遇襲!我駐巴基斯坦使館:強烈譴責這一恐怖主義行徑
- 《三昧》重來,依舊“真火”
- 俄羅斯姑娘奧莉:北京的氛圍總是讓我感到很舒服
- 航行警告!北部灣部分水域進行軍事訓練,禁止船舶駛?cè)?/a>
- 搖曳露營Δ 漫畫封面
- 到底是誰在看時光代理人?
- 這季真就炸裂
- 泰國五個王子都有誰 泰國二王子27年后高調(diào)回國 基本情況講解
- 美國加州牛肉面大王和李先生是一家嗎 美國加州牛肉面大王
- 京杭大運河“尋梭之旅”走進副中心
- 遼寧檢察機關(guān)立案偵查的廳級干部吳旭一案已偵查終結(jié)移送審查起訴