网站首页 >> 新闻资讯 >>新闻资讯 >> 济南泰安党建展板设计案例设计配色中的美颜滤镜——双色调
详细内容

济南泰安党建展板设计案例设计配色中的美颜滤镜——双色调

济南泰安党建展板设计案例设计配色中的美颜滤镜——双色调 相信大家平时生活中拍照都应该接触过美颜滤镜,即使没用过也应该听说过,自然也都知道各种滤镜的*大之处。但是大家有没有思考过,对于设计配色来说有没有类似的美颜滤镜呢?当然有,那*是本期教程我们所要探讨的双色调,只不过这里我们说的滤镜并不是真的滤镜,而是指在配色中操作简单容易出效果而且还能够掩盖*些配色瑕疵的形式或方法。如果你对自己的配色能力还没有足够的自信,掌握好双色调是不错的优先选择。 *先我们先来了解*下什么是双色调,其实单从它的字面含义上*能理解,“双色”是指两种颜色,“调”*是指色调,也*是将*个图像通过灰度分离出暗部、亮部和中间调,用*种颜色代替暗部,用另*种颜色代替亮部,中间调用这两个颜色的过渡色代替。 我们用这张图片来演示,通常*张正常的彩色图片都具有色彩三要素:色相、纯度、明度。 如果处理成黑白或灰度,也*意味着没有了色相和纯度,只是单纯的明度表现,画面分成了暗部、亮部以及中间的过渡地带。 先替换暗色部分,选用的是*个蓝色,于是图片中的暗色部分*变成了蓝色。 亮色部分选择*个绿色,现在*实现了双色调的效果,画面中暗色的部分变成了蓝色,亮色部分变成了绿色,中间过渡的灰色部分变成了蓝绿之间的混合色。 如反过来,将较暗的颜色替换亮色部分,较亮的颜色替换暗色部分,*会出现这种类似负片的效果。 双色调和双色的区别*在这个“调”上,这里不是在玩文字游戏,的确如此,因为双色配色的画面中只有两种颜色,而双色调除了这两种颜色之外,还有它们之间的过渡色。 比如绿色和红色这两个颜色的搭配,毫无疑问是双色。 但如果同样是用绿色和红色去进行双色调搭配,那*是绿色、红色以及它们之间的渐变。 拿这两张海报举例,它们所使用的色相差不多,但是左侧的是双色调,右侧的是双色,左侧的海报中暗色和亮色部分分别填充了这两个颜色,中间调部分是它们之间的过渡色,而右侧的海报只有这两种颜色。 既然提到了渐变,相信有人会有疑问,那双色调和渐变又有什么区别呢?同样我们还是用图说话。 这里我们用这张图片分别演示*下渐变和双色调两种效果。**步先将图片处理成黑白,左侧从下往上是红色到黄绿色的渐变,右侧是使用这两个颜色的双色调效果。渐变相当于在图片上放了*块有色玻璃,这块玻璃是从红色到绿色的渐变,透过玻璃看的效果只是对颜色产生了影响,并不会对图片的细节产生改变;而右侧的双色调效果相当于给图片换了颜色,给人*种不真实的感觉,因为这是现实中我们不常见到的效果。 其实双色调并非是设计中的产物,早在十九世纪末期*已经存在了,*是利用相机产生的双色调效果。 *初出现在棕褐色照片上,也是*常用的双色调之*。*方面能够保持工业时代未修饰的外观,另*方面还能够让照片呈现出古色古香的感觉。 后来这*效果被印刷业借用过来,成为了*种经济有效的印刷方案,因为使用双色调可以以较低的成本进行批量印刷,并且还可以为图像增添艺术效果。 近些年来伴随着新媒体的出现,双色调的使用已逐渐普及,而且越来越受欢迎,受欢迎的原因已经不是印刷成本低的问题了,*多地是跟现在的审美有关。 双色调之所以能够成为新趋势,很多人认为是音乐平台“声田”将这*趋势带回主流,所以*说到双色调,大部分人脑海中的**印象*是这种画面,但其实这只是狭义上的双色调,而广义上的双色调并非只有这*种色彩搭配形式。 *先**种也是*基本的形式*是「黑白」。可能有的人会说黑白怎么能算双色调呢?因为这里我们是从广义上来讲的,只要通过双色调的手法能实现的效果都可以算是双色调,无论是什么颜色。而黑白作品是可以通过双色调实现的,只不过填充的颜色是黑色和白色。但是有*点需要提醒大家的是,如果想要得到非常具有质感的黑白图片,这个还跟摄影精修以及后期调色有关,而不是单纯的双色调*可以实现的。 「黑色和有彩色」。这种形式也*是在黑白的基础上,暗色部分不变,亮色部分被替换成了*个有彩色。这种效果可以用渐变映射的手法实现,也可以直接用色块叠加。 我们用这张图片来演示,方法*是在图片上添加*个色块,填充绿色,图层模式选择正片叠底,也可以通过渐变映射来实现,实现的效果都是黑色和有彩色的搭配,*后配上文字。 「白色和有彩色」。也*是暗色部分填充*个有彩色,亮色部分不变。这种效果因为白色占主导,所以通常会有*种轻盈感、单纯感,传统上也叫做单色模式,但是在这里我们都给划进了双色调的范畴。 还是用这张图片来演示,同样叠加色块,但图层模式要选择滤色,当然也可以通过渐变映射来实现,两种方法得到的效果虽然有微小差异,但是可以忽略不计。 「有彩色和它的不同色调」。这种形式*是暗色和亮色部分替换的都是同*个色相,只不过通过色调去表现明暗关系。 「有彩色和有彩色的搭配」。这也是我们平时对双色调的基本印象,也是我们前面说的狭义上的双色调。这种有彩色加有彩色的双色形式,很难通过叠加色块来实现,渐变映射是*选。 这里我们用这张图片做了三组不同的双色调配色。 这个系列海报是*个百人合唱团的视觉形象,海报的制作创意使用了经典名画来描绘音乐会的主题,效果图中,背景是原画作,而海报位于原画作之上截取布局,分别用不同的色彩组合进行了双色调处理,虽然每*个的色相不同,但因为都是双色调的表现手法,所以整体看上去又是*个整体。 设计配色中的美颜滤镜——双色调 这个品牌的视觉形象使用的也是有彩色和有彩色的双色调搭配,蓝色和粉色组合在*起,给人*种年轻、时尚的感觉。 设计配色中的美颜滤镜——双色调 这是*部关于成长的经典小说《失恋排行榜》,这是*3版的封面,铺满背景的人物图片使用了红色和黄色的双色调搭配,虽然人物图片的识别性降低了,但是视觉冲击力和艺术效果提高了。 设计配色中的美颜滤镜——双色调 这是《夏日之恋》的封面,是法国新浪潮经典电影《夏日之恋》的原著小说。色彩的选择都是偏淡雅的色调,给人*种小清新文艺的感觉,只不过这里的双色调图片并非填充整个背景,而是截取的*个局部特写。 设计配色中的美颜滤镜——双色调 设计配色中的美颜滤镜——双色调 双色调使用的场景几乎适用于所有媒介,网页设计*是居多,而且因为印刷需要考虑色值的问题,而屏幕端不需要考虑这些,所以网页UI上使用的双色调色彩*加丰富,无论是鲜亮的还是黯淡的,都可以使用。 设计配色中的美颜滤镜——双色调 这里给大家推荐*三种实现双色调的方法,*是网站工具,现在有很多这种网站可以帮助我们快速实现双色调,这里给大家推荐*个比较主流的,*是这个网站。 https://duotone.shapefactory.co/ 设计配色中的美颜滤镜——双色调 进入网站会显示*些提供的图片,我们可以通过左侧这里调整颜色,可以选择默认的几组搭配,也可以单*去调整,所有的调整效果都是实时显示的。 设计配色中的美颜滤镜——双色调 *上传,界面*变成了你的图片,选择你想要的效果,*后*下载*可以了,这种方法也是比较好用的。 设计配色中的美颜滤镜——双色调 刚刚我们了解了双色调的*些色彩组合形式,下面我们来看看双色调在设计中都有哪些表现手法。 设计配色中的美颜滤镜——双色调 **种*是「多个单色形成系列」,也*是每*个单*的画面使用*种色相下的不同色调,但是放在*起又会形成系列,整体来看既有很好的统*感,同时又有很好的区分,统*感来自于整体都使用的双色调配色,区分是来自于每*个的色相都是不同的。下面我们尝试使用*下这三组配色。 设计配色中的美颜滤镜——双色调 我们用这三张图片来做*个系列的感觉,配色上*用刚才那三组配色。 设计配色中的美颜滤镜——双色调 *先是**张图片,因为整体我都想居中编排,所以先调整图片在版面中的位置,然后对图片进行渐变映射形成双色调,*后编排文字。 设计配色中的美颜滤镜——双色调 然后是*二张,也是先调整图片位置,填充*二组配色,但是因为图片本身的原因有些背景还存在,所以需要手动擦掉,版式保持不变。 *三张同样也是调整位置,然后处理成双色调,擦去背景,放上文字。 原本三张不太好统*的图片,仅仅通过位置的统*和双色调的填充,*能快速出效果。通常这种成系列的设计,除了双色调起到*定的作用外,文字编排也是很关键的,通常情况下版式都是不变的,如果版式相差太多,也是很难让人看上去像是*个系列的,这*点大家需要注意。 这个画册杂志的封面,同样也是使用的多个单色形成系列的手法。 「单色和单色」。这种手法*是将画面中的色彩分成两部分,每*个部分都是*个单色的双色调形式,然后组合在*起,整体*是双色调的效果。但是因为这里的三个相关作品在版式上都比较复杂,所以怕给大家造成误解,以为单色加单色的形式只适合复杂的文字编排,其实不是的。 比如这里给大家做*个演示,这是我们要用到的图片。 先将两个人物图片置入到椭圆形中,然后搭建版式,因为我们的重点是讲色彩,所以版式部分*不过多讨论。黑白的配色其实也是可以的,但是因为是黑白,所以整体上*是中规中矩的感觉,而如果想增加*些艺术效果,我们可以尝试使用双色调。 先对两个人物进行双色调处理,使用的*是单色加单色的表现手法,男生用蓝色,女生用红色,其余元素可以交叉使用这两种颜色,这个版面*完成了,也非常的简单,目的*是告诉大家单色加单色的形式并非只能用于复杂的版面。 「局部应用」。双色调并非只能用在整个画面上,也可以用在画面的局部,如果是整个版面的双色调,给人的感觉特别*烈,如果想降低这种感觉,那*可以在局部上应用。 下*种表现形式是「色彩透叠」,比如这三个海报*是用色块进行叠加,相交的部分*会形成双色调的效果。 这两个海报,给人的**印象*是绿色和粉色的双色调效果,但是这里它并不是直接将人物图片调整成双色调,而是将图片处理成绿色调,通过叠加粉色的色块来实现的,由于有相交的部分和不相交的部分,所以还会形成*种灵动多变的交错感。 可以叠色块当然也可以叠文字,需要注意的是文字的面积要足够大,不能太小,如果面积太小相交的部分*会不够明显。 这组海报是将图片置入到文字中,然后在文字的上方再叠*层文字,通过两种色彩的叠加形成双色调的效果。 「单色组合成多色」。双色调也可以实现色彩丰富的画面,方法*是在每*个局部使用不同的双色调效果,然后组合在*起,*后*会呈现出*种多色配色的效果。 *后*是通过「手动调整艺术效果」,这种形式*并非单纯的去填充双色调*可以了,变成双色调之后还需要自己进行*些手动的修饰,例如局部上色、添加纹理、手绘、拼贴、裁切等等,总之可以进行任何形式的创作。 *后我用*个案例给大家演示*下,今年八月份,我们研习设举办了*个内部活动,活动的主题是每个人挑选学生时代自己喜欢的*个科目进行教科书设计,相当于*个致敬。这次活动中我们团队进行的创作,后续会发布*篇推文进行详细的介绍,感兴趣的话可以留意*下我们的公众号。而我自己设计的,在这里*提前给大家剧透了。 我选的是语文,这是*终的效果图。很明显使用的*是双色调,但是这里我并非直接找了四张图片然后进行双色调处理,那样太简单了,当然我的意思并不是说简单*不好,复杂的**定好,如果你能找到你想要的图片那也是可以的,而我想要的这四个画面是需要自己去创作出来的。 我们*个个来看,*先是**个,先添加*个纹理充当地面,接着添加*个山和天空的图片,然后添加*个月亮,*后添加*棵树和*头牛作为主体。可以看到如果是现在这样的画面,风格是很不搭的,不过没关系,接着做*二个。 同样也是找*个木板的纹理,然后上方添加天空,木板纹理是充当水面效果的,所以这里我们添加*个船,*后添加几只抠好的海鸥素材。 然后是*三个,先添加*个水面,然后同样是天空,接着中间可以添加*些山,进行叠加,目的是形成*种错落的感觉,*后加添*个主体,这张我们选择两只鹤,这样大体上*可以了。 *后*个,同样也是添加*个木板纹理,这个我想做*个夜晚的效果,所以找了*个夜晚星空的图片,然后添加几匹马,正好这个马奔跑的路线与木板的路线相吻合,也算是也*个很好的巧合。 放在*起来看*下,现在的画面其实是不符合合成的,因为这里面的图片风格很混乱,有的是偏真实的,有的是插画,根本没法去调整,这时候*是展现双色调*大滤镜魅力的时候了。 这里我们*用这四组颜色对画面进行双色调处理。 大家看,通过双色调的添加,让原本非常混乱的*个画面*下子*统*了,并且还很有意境。但是大家应该注意到了,这里的主体元素没有跟着*起变成双色调,因为主体*定要和画面区分开,如果主体元素也调整成双色调的话*会被淹没掉了,添加的*没什么意义了。 所以对于主体的处理,我这里添加了黑色形成类似剪影的效果,但是这里不是单纯的黑色,而是有*定的肌理在里面。 *后编排文字,也*是*开始大家看到的效果,既不属于合成也不属于插画的这么*个感觉,我为什么说双色调是配色的美颜滤镜,我想现在大家应该彻底明白了吧,原本那样的画面,仅仅通过双色调这么非常简单的*步,*可以让它变得很统*,而且画面的色相感**,*加具有设计感和艺术效果。*后我们来看*下效果图。

  • 电话直呼

    • 400-858-9566
    • 0538-8250111
    • 18562301583