图片取色配色法——从电影画面中取色

相信大家肯定看过N多的关于色彩搭配的设计理论，色相饱和度，冷暖色互补色对比色等一大堆的色彩理论（这种东西我试过太多次了，还真没多少非科班的人能够理解的过来的。），你看着觉得好像懂了蛮有道理的，但为什么一旦到你去运用的时候，发现还是一样不会有多大作用？

色彩是感性的，往往越分析越糟糕，所以锻炼自己的艺术感觉，这一点是非常重要的。既然色彩那么玄乎，那么作为我们这些没那么高天分的人，怎么去配色呢？

那就找参考图吧，让别人给我们配好颜色，是不是换个角度看问题那么事情变得简单多了？

今日主题

以《大鱼海棠》这部电影为例，这是一部色彩感相当棒的国产动画片。大家可以去看看，话说我都不知道他到底讲个什么故事（因为我光看画面去了O(∩_∩)O~）国产动画片嘛，大家都知道，在角色造型设计上还是差强人意，破坏了这太美的背景，像是用FLASH做的动画片，我更关注的是这背景的画风，真的赞。

案例一

怀旧色系——温暖的颜色

这张图颜色感觉怀旧，那么适合我们作为怀旧风格的设计色彩参考。上图为影片截取的一个画面，色彩还不错，那么我们可以从中获取什么样的色彩信息呢？见下图

大致颜色信息：

这里写的百分比只是颜色在画面当中的大概占用面积，百分比也不是总共加起来100%，而是他们各自在画面里面的面积比例，学东西千万别学死了哟~

这个颜色比例，在图片取色配色法中，它是至关重要的，这里我只笼统的说了一下大概的比例。如果比例用不好，那么你也配不出好的色彩。

我们放在一起对比一下：

我们通过颜色信息的提取，这些信息可以帮助我们按照合理的比例运用到我们的设计当中，这里只是以一个网页为例，那么你在做印刷方面的，做摄影，做UI，哪怕是你做室内设计，只要是看的见的设计，这种色彩的搭配手法都是一样的。

再次说明：学习要学设计手法而不是把门类分得非常清晰。（例如学UI从来不做海报和网页是极端错误的）

案例二

自然色系——清新的颜色

这张图整体色调清新自然，那么我们可以根据这张图来表现清新自然的设计色彩风格。

大致颜色信息：

跟参考图一样，注意灰橙色在画面里面只占了一点点，要用上，否则画面会单调。

我么放在一起对比一下：

案例三

怀旧沉稳色系——温暖的颜色

这张图颜色感觉沉稳，那么适合我们作为怀旧风格的设计色彩参考。

上图为影片截取的一个画面，色彩还不错，那么我们可以从中获取什么样的色彩信息呢？见下图

大致颜色信息：

再说一遍，艾玛，我太啰嗦了。这里写的百分比只是颜色在画面当中的大概占用面积，包括颜色这些都用大概，不用特别准，记住啦！

我们放在一起对比一下：

总结

当客户跟你说，参考这个网站的颜色或风格的时候，你很可能做出来变成了抄袭，那么有了这个方法，你就可以做到借鉴色彩，但是又不会变成抄袭了。

还有现在我们知道了，同一个设计稿其实可以配各种颜色，根据客户需求来选择什么样的颜色。

另外我想说的是，用WEB格式输出颜色，像下图这样子，对配色没用。我已经在别人身上试验过N多遍了。问题就在于你不知道分析色彩比例，只能说网络教程不是所有的都有用，自己要能分辨。

这个颜色比例，在图片取色配色法中，它至关重要，这里我只笼统地说一下大概的比例，如果比例用不好，那么你也配不出好的色彩。

最后强调一遍：颜色比例很重要！

转自：站酷   作者：任星星（阿新）

图文教程表达内容有限，如果光学习色彩搭配已经满足不了你饥渴的求知欲，那就跟随我的脚步转战视频教程吧！爱设计的你不能错过的高清精品免费视频教程，由蓝铅笔特约设计师，中国十强电商设计师侯帅亲授，戳链接就能迅速get啦！

                                                                      相关课程：电商视觉设计课程

你可能感兴趣：

教你不同电商类目的设计方式

色彩如女人,教你摸透她的心

那些你不知道的电商排版“套路”