赞助商
立即赞助

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://duotone.shapefactory.co/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关文章

上回,咱说完了文字跳跃率,今个儿,咱就来说道说道图片跳跃率。 说道之前,咱照例还是先来看俩问题。 下面俩版式,哪个给人...
图片跳跃率
在众多的设计领域里,包装设计可以说是最贴近我们生活的设计了,因为我们每天都会接触到它们。如果细心去观察它,你会发现,...
包装设计
今天将要分享的是一个我们在设计中经常会用到的「配色」。 很多设计师工作几年后还是对配色摸不着头脑,每次做设计依旧没有...
入门
每个人都在关注趋势。Dribbble 是设计师的集散地,也是设计趋势最容易体现的地方。如果你经常关注 Dribbble 上的那些设计作品...
2018设计趋势
我总结了一种非常实用而且极易掌握的排版方法,给它起了一个还算通俗易懂名字,叫做卡片式排版法! 那么,什么是卡片式排...
PPT
@做设计的面条 :最近有面粉说,发现我现在变的很高产,基本每天都能在我的朋友圈里看到我用随手拍的照片设计出来的海报。 ...
做设计的面条
懂了文字跳跃率!,在排版中可不得了。 下面两个版面哪个给人平静安稳的感觉? 那必须是「平平淡淡A」呀,毕竟名字暴露了一...
平面设计
使用抽象符号也要谨慎,避免元素过多抢了信息的风头。 其实有时候不需要加那么多,只需要轻轻点缀一下就可以了。 这是...
平面设计