header_v0.7.32

【野动画#14】配色小技巧提升MG“设计感”

1年前发布

原创文章 / 多领域 / 观点
一米天文化 原创,如需商业用途或转载请与一米天文化联系,谢谢配合。

总结了一些MG色彩设计上的小技巧,提升俗称的“设计感”

如今motion动画大行其道,是个扁平非逐帧都叫MG。优秀的MG看起来赏心悦目,纵享丝滑;而粗制滥造的"MG"看起来简直辣眼睛,雷人的设计不说,各种诡异动态以及迷之抖动简直无法理解。


接下来几期 【野动画】,我们整理了一些能提高MG设计感的小技巧,与大家分享。希望各位MG爱好者能从我们踩过的坑上,学到一些东西。




设计感升级

【配色】


色彩构成可是一门设计的基础大课,我们就不讲理论知识啦,总结一些MG色彩设计上的小技巧,与大家一起交流学习。


【更少的颜色】

绿色的树,蓝色的天,白色的Iphone,这是最直观也最常见的颜色,然而在很多的MG设计中,如果每个元素都按照“原本”的颜色去配,最后的效果可能不是“五彩斑斓”,而是眼花缭乱。


所以,试试在配色的时候,突破思维的惯性,不必特意追求“真实颜色”,而是从整片的角度选择3-5个甚至更少的颜色作为主色调。


平时多留意保存一些优秀的平面或动画作品,等有项目需要美术的时候参考,是非常好的学习方法,同时也能迅速为片子拉高逼格。


以下是国外的一些优秀栗子:


57b8581ff69aa84a0d304f009da4.jpg

白色系的背景,蓝色系的沙发和窗外,点睛的黄色灯光装饰,简洁的背景突显了作为主角的阿汪


8ced581ff6b2a84a0d304fe837e2.jpg

“没颜色”的桌椅以及前景,突出了主体的两个人


【同色系配色】

当然,也有很多用色很丰富,同时也充满设计感的片子。但步子迈得太大就容易扯蛋,还是先驾驭少量的颜色。以我们很多MG项目来说,用更少的色彩去设计,视觉效果往往只增不减。


在这个指导思想下,同色系配色就非常实用,特别是用在背景等辅助元素上,能统一镜头颜色,同时突出主体。在AE中,可以用到Tritone这个效果,效果显著!


2508581ff6d5a84a0e282b11acd9.jpg

房子和地面什么颜色?不管,统一采用黄色系


152b581ff6fba84a0d304fe881e0.jpg

此镜头用铺满的证件营造拥挤困扰的感觉,如果此时背景按“真实颜色”去配,画面就会显得凌乱,主角也会弱化,而同色系就较好地解决了这个问题



【要有光】

“灯光”在三维制作上很常见,但很多的二维MG都是没有“光照”概念的,包括我们的很多片子哈哈。如果画面是一个具体场景(而非抽象的ICON、元素等),那么就非常适合营造“光照”,保证让片子的逼格瞬间拉高。


“有光才有颜色”

这是个简单的道理,绿色的树在漆黑的夜里还是绿色吗,如果旁边有个火把,照亮的树应该是什么颜色呢?这个日常现象大家都看在眼里,但是运用到设计中,很可能就忽视了。


“颜色、高光、阴影”

没错,这三个就是营造“光照”的关键。关注光照对主体颜色的影响,选择合适的高光与阴影。跟光源匹配的高光,以及适当的暗部处理,能为抽象简洁的MG增加细节精致感。不至于让画面看起来只是一堆不相关的图片拼凑在一起。


咦,上面说的“更少的颜色”“不必追求真实”,这不是啪啪打脸吗。其实两者并不冲突,通过设计就可以结合起来:


43d6581ff762a84a0e282bc4f4fb.jpg

注意角色身上的高光黄,以及背景的蓝色系暗部;


67a7581ff7c0a84a0d304fc0bd3a.jpg

光照下是黄色系,暗部是蓝色系,背景营造了光照,又没有抢掉主体;


3b6c581ff7d8a84a0d304fb6cf5d.jpg

经典地阐释了“有光才有颜色”


b963581ff802a84a0d304f7e9a52.jpg

注意灯光下电脑的颜色以及高光



【总结一下】

  • 突破思维惯性,尝试用限定的颜色搭配去设计

  • 背景等辅助元素尝试采用同色系配色,突出主体

  • 为场景加上“光照”,设计高光与阴影



分享一个我们近期完成的MG,很多镜头的设计都用到了上面的思路,当然还有很多可以提高的地方啦,欢迎大家吐槽交流建议,么么哒。

193
    Hello PM 意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功