赞助商
立即赞助

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

平面设计3年前 (2021)更新 流光
3.6K 0 0

相信大平时生中拍照都应该接触过美颜滤镜,即使没过应该听说过,自然都知道各种滤镜的强大之处。但是大有没有思考过,对于设计配色来说有没有类似的美颜滤镜呢?当然有,那就是本期程我们要探讨的双色调,只不过这里我们的滤镜并不真的滤镜,指配色中操作简单易出效果且还能够掩盖一些配色瑕疵的形式或方法。如果对自己的配色能力还足够的自信,掌握好色调不错的优先选择。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

首先我们先了解一下什么色调,其实单从它的字面含义就能理解,“色”指两种颜色,“调”就指色调,也就将一图通过灰度分离出暗部、亮部中间调,用一种颜色替暗部,用另一种颜色替亮部,中间调用这两颜色的过渡色替。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

我们用这张图片演示,通常一张常的彩色图片都具色彩三素:色相、纯度、明度。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

如果处理黑白或灰度,也就意了色相纯度,只单纯的明度表,画面分了暗部、亮部以及中间的过渡。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

先替换暗色部分,选用的一蓝色,于图片中的暗色部分就变了蓝色。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

亮色部分选择一绿色,就实了色调的效果,画面中暗色的部分变了蓝色,亮色部分变了绿色,中间过渡的灰色部分变了蓝绿之间的混合色。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

如果反过,将较暗的颜色替换亮色部分,较亮的颜色替换暗色部分,就会出这种类似负片的效果。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

色调色的区别就这“调”,这里不玩文字游戏,的确如此,因色配色的画面中只两种颜色,色调除了这两种颜色之外,还它们之间的过渡色。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

比如绿色色这两颜色的搭配,毫无疑问色。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

但如果同样用绿色色去行色调搭配,那就绿色、色以及它们之间的渐变。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

拿这两张海报举例,它们所使用的色相差不多,但左侧的色调,右侧的色,左侧的海报中暗色亮色部分分别填充了这两颜色,中间调部分它们之间的过渡色,右侧的海报只这两种颜色。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

既然提到了渐变,相信人会疑问,那色调渐变又什么区别呢?同样我们还用图话。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

这里我们用这张图片分别演示一下渐变色调两种效果。第一先将图片处理黑白,左侧从下往色到黄绿色的渐变,右侧使用这两颜色的色调效果。渐变相当于图片了一块色玻璃,这块玻璃从色到绿色的渐变,透过玻璃看的效果只对颜色产了影响,并不会对图片的细节产改变;右侧的色调效果相当于给图片换了颜色,给人一种不真实的感觉,因这实中我们不常见到的效果。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

其实色调并非设中的产,早十世末就已存了,就利用相机产的色调效果。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

初出棕褐色照片,也常用的色调之一。一方面能够保持业时未修饰的外观,另一方面还能够让照片呈出古色古的感觉。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

后这一效果被印刷业借用过,了一种济效的印刷方案,因使用色调可以以较低的本行批印刷,并且还可以图增添效果。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

近些伴随新媒体的出,色调的使用已逐渐普及,且越越受欢迎,受欢迎的原因已不印刷本低的问题了,多的审关。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

色调之所以能够新趋势,很多人认音乐平台“声田”将这一趋势回主流,所以一到色调,部分人脑海中的第一印象就这种画面,但其实这只狭义的色调,广义的色调并非只这一种色彩搭配形式。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

首先第也是最基本形是「黑白」。可能有会说黑白怎么能算双色调呢?为这里我们是从广义上来讲,要过双色调手法能实现效都可以算是双色调,论是什么颜色。而黑白作品是可以过双色调实现,不过填充颜色是黑色和白色。是有需要提醒大家是,如想要到常具有质感黑白图片,这个跟摄影精以及后期调色有关,而不是单纯双色调可以实现。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

「黑色和有色」。这形也是在黑白基础上,暗色部分不变,亮色部分被替换成了个有色。这效可以用渐变映射手法实现,也可以接用色块叠加。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

我们用这张图片来演示,法是在图片上添加个色块,填充绿色,图层模选择正片叠底,也可以过渐变映射来实现,实现效都是黑色和有色搭配,最后配上文。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

「白色和有色」。也是暗色部分填充个有色,亮色部分不变。这效为白色占主导,所以常会有轻盈感、单纯感,传统上也叫做单色模,是在这里我们都划进了双色调范畴。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

是用这张图片来演示,样叠加色块,图层模要选择滤色,然也可以过渐变映射来实现,两法到效虽然有微小异,是可以忽略不计。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

「有色和它不色调」。这形是暗色和亮色部分替换都是个色相,不过过色调去表现明暗关系。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

「有彩色和有彩色的搭配」。这也是对双色调的基本印象,也是前面说的狭义上的双色调。这种有彩色加有彩色的双色形式,难通过叠加色块来实现,渐变映射是首选。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

这用这张图片做了三组不同的双色调配色。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

这个系列海报是一个百人唱的视觉形象,海报的制作创使用了经典名画来描绘音会的主题,效果图中,背景是画作,而海报位于画作之上截取布局,别用不同的色彩组进行了双色调理,虽然每一个的色相不同,但因为都是双色调的表现法,所以整体上去是一个整体。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

这个品牌的视觉形象使用的也是有彩色和有彩色的双色调搭配,蓝色和色组在一起,给人一种年轻、尚的觉。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

这是一部关于成长的经典说《失恋排行榜》,这是第3版的封面,铺背景的人物图片使用了红色和黄色的双色调搭配,虽然人物图片的识别性降低了,但是视觉冲击力和艺术效果提高了。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

这是《夏日之恋》的封面,是法国新浪潮经典《夏日之恋》的著说。色彩的选择都是偏淡雅的色调,给人一种清新文艺的觉,只不过这的双色调图片并非填充整个背景,而是截取的一个局部写。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

双使用的场几乎适用所有媒介,网页设计更是居,而且因为印刷需要考虑值的问题,而屏幕端不需要考虑,所以网页UI上使用的双彩更加富,无论是鲜亮的还是黯淡的,以使用。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

里给大家推荐三种现双的方法,就是网站工具,现在有很种网站以帮助我们快速现双,里给大家推荐一个比主流的,就是个网站。

https://duotone.shapefactory.co/

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

进入会显示一些供的图片,我们可通过左侧这里调整颜色,可择默认的几组搭配,可单独调整,有的调整效果都是实时显示的。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

点击上传,界面就变成了你的图片,择你想要的效果,最后点击载就可了,这种方法是较好的。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

我们了解了双色调的一些色彩组合形式,面我们来看看双色调在设计中都有哪些表现手法。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

第一种就是「多个单色形成系列」,就是每一个单独的画面使一种色相的同色调,但是放在一起又会形成系列,整体来看既有很好的统一感,同时又有很好的区分,统一感来自于整体都使的双色调配色,区分是来自于每一个的色相都是同的。面我们尝试使一这组配色。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

我们这张图片来做一个系列的感觉,配色上就才那组配色。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

首先是第一张图片,因为整体我都想中编,先调整图片在版面中的位置,然后对图片进行渐变映射形成双色调,最后编字。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

然后是第二张,是先调整图片位置,填充第二组配色,但是因为图片本身的原因有些背景还存在,需要手擦掉,版式保持变。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

第张同样是调整位置,然后处成双色调,擦背景,放上字。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

原本张太好统一的图片,仅仅通过位置的统一和双色调的填充,就快速效果。通这种成系列的设计,除了双色调起到一定的作外,字编是很键的,通情况版式都是变的,如果版式相差太多,是很难人看上像是一个系列的,这一点大需要注意。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

这个画册杂志的封面,同样是使的多个单色形成系列的手法。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

「单色和单色」。这种手法就是将画面中的色彩分成两分,每一个分都是一个单色的双色调形式,然后组合在一起,整体就是双色调的效果。但是因为这里的个相作在版式上都较复杂,怕给大成误解,为单色单色的形式只适合复杂的字编,实是的。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

如这里给大做一个演示,这是我们要到的图片。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

先将两个人物图片置入到椭圆形中,然后搭建版式,因为我们的重点是讲色彩,版式分就过多讨论。黑白的配色实是可的,但是因为是黑白,整体上就是中规中矩的感觉,而如果想增一些艺术效果,我们可尝试使双色调。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

先对两个人物进行双色调处,使的就是单色单色的表现手法,男生蓝色,女生红色,余元素可交叉使这两种颜色,这个版面就成了,非的简单,目的就是告诉大单色单色的形式并非只于复杂的版面。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

「局部应用」。色调并非只能用整画面,也可以用画面的局部,如果整版面的色调,给人的感觉特别强烈,如果降低这种感觉,那就可以局部应用。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

下一种表形式「色彩透叠」,比如这三海报就用色块行叠加,相交的部分就会形色调的效果。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

这两海报,给人的第一印象就绿色粉色的色调效果,但这里它并不直接将人图片调整色调,将图片处理绿色调,通过叠加粉色的色块实的,由于相交的部分不相交的部分,所以还会形一种灵动多变的交错感。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

可以叠色块当然也可以叠文字,需注意的文字的面积足够,不能太小,如果面积太小相交的部分就会不够明显。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

这组海报将图片置入到文字中,然后文字的方再叠一层文字,通过两种色彩的叠加形色调的效果。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

「单色组合成多色」。双色调也可以实现色丰富画,法是在个局部使用不双色调效,然后组合在起,最后会呈现出多色配色效。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

最后就是通过「动调整艺术效果」,这种形式就并非纯的去填充双色调就可以了,变成双色调之后还需要进行一些动的修饰,例如局部上色、添加纹理、绘、拼贴、裁切等等,总之可以进行任何形式的创作。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

最后用一个案例给大家演示一下,今年月,研习举了一个内部活动,活动的主题是每个人挑选学生代喜欢的一个科目进行教科书计,相当于一个致敬。这次活动中队进行的创作,后续会发布一篇推文进行详细的介绍,兴趣的话可以留一下的公众号。而计的,在这就提前给大家剧透了。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

选的是语文,这是最终的效果图。显使用的就是双色调,但是这并非直找了四张图片然后进行双色调理,那简了,当然的思并不是说简就不好,复杂的就一定好,如果你能找你想要的图片那也是可以的,而想要的这四个画面是需要去创作出来的。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

一个个来,首先是第一个,先添加一个纹理充当地面,着添加一个山和空的图片,然后添加一个月亮,最后添加一棵树和一头牛作为主体。可以如果是现在这的画面,风格是不搭的,不过没关系,着做第二个。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

同也是找一个木板的纹理,然后上方添加空,木板纹理是充当水面效果的,所以这添加一个船,最后添加只抠好的海鸥素材。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

然后是第三个,先添加一个水面,然后同是空,着中间可以添加一些山,进行叠加,目的是形成一种错落的觉,最后加添一个主体,这张选择只鹤,这大体上就可以了。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

最后一个,同也是添加一个木板纹理,这个想做一个夜晚的效果,所以找了一个夜晚星空的图片,然后添加匹马,正好这个马奔跑的路线木板的路线相吻,也算是也一个好的巧。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

放在一起来一下,现在的画面其实是不符成的,因为这面的图片风格混乱,有的是偏真实的,有的是插画,根本没法去调整,这候就是展现双色调大滤镜魅力的候了。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

这就用这四组颜色对画面进行双色调理。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

大家,通过双色调的添加,让本非常混乱的一个画面一下就统一了,并且还有。但是大家应该注了,这的主体素没有跟着一起变成双色调,因为主体一定要和画面开,如果主体素也调整成双色调的话就会被淹没掉了,添加的就没什义了。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

所以对于主体的理,这添加了黑色形成类似剪的效果,但是这不是纯的黑色,而是有一定的肌理在面。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

最后编排文字,也就是最开始大家的效果,既不属于成也不属于插画的这一个觉,为什说双色调是配色的美颜滤镜,想现在大家应该彻底了吧,本那的画面,仅仅通过双色调这非常简的一步,就可以让它变得统一,而且画面的色相更,更加有计和艺术效果。最后来一下效果图。

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

本期教程到这里结束了,我们带大家了解了什么是双色调,过些相关设计作品,让大家了解了双色调色组合形和双色调设计表现手法,然后教大家三实现双色调法,最后用个案例为大家演示了双色调强大处。双色调虽然是实现起来比较简单手法,是为它应用领域广泛,以及本身并没有特明显缺,从而让双色调上限很高,为它可以和任何设计形相结合。教大家是最基本法,至于做出什么样效,需要大家自己去潜心研究和发掘。今天内容先到这里,希望大家有所帮助,我是我,我们下期再见。

欢迎关注研习设的微信公众:「Yanxishe2017」

配色弱不用怕,用这个方法给你的配色轻松加「滤镜」

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

这一期咱们继续学习格式塔系列原则,那么在本节课,我挑选了两个相互之间具有联系的原则,它们分别是「相似原则」以及「共同...
共同命运原则
为了和大家分享关于设计趋势的见解,ISUX 研究了 2019 年至 2020 年的设计趋势。没有必要去遵循年度设计趋势报告,但是否意识...
品牌设计
“对称构图”是将版面分割为两部分,通过设计元素的布局让画面整体呈现出对称的结构,具有很强的秩序感,给人安静、严谨和正式...
对称构图
@飞屋睿UIdesign :虽说中国不是英语国家,但是在现代平面设计当中,很多时候也会涉及到对英文的使用。尽管大部分时候,英文...
中英文排版
@研习设K先生 :所谓设计就是按照人的生理和心理需求,来对我们周边的事物、环境、生活方式进行研究和设计,是和人的审美心理...
对称
本文总结了 9 个排版的小技巧,帮你快速提高版式设计能力。 两种颜色就够了 圆形聚焦 粗框装饰 左起的1/4法则 分散的三角...
平面设计
@研习设K先生 :我们都知道,文字与图片是版面中重要的视觉元素,文字的排列决定了受众的阅读效果,而图片则更容易吸引受众的...
图文排版
构图攻略前两期分享了“上下构图”和“左右构图”的使用方法,这两种构图是视觉效果相对比较均衡稳定的构图形式: 当想要设计更...
倾斜构图