作为设计师,色彩中的渐变色是我们常常须要用到的一种设计形式,本日鱼师长西席为大家总结了渐变色在版式设计中的 20 种表现形式,良心干货~
ok,开始吧!
机器的意思便是不用过多的调节,直策应用软件里面自带的渐变模式,比如线性渐变,径向渐变,菱形渐变。
再来看几个实际例子:
利用软件中的线性渐变
黑白色调下,溘然涌现一块色彩渐变,不仅起到了吸睛的效果,同时则增加了影象点
渐变色加上干净的笔墨排版,视觉上大略、都雅
背景加了一层淡淡的渐变(径向),刚好可以更好的突出主体(没错,便是那只骄傲的白鸡)
利用不同水果本身的色彩,来区分同类产品不同的口味
再看一组包装案例:
上 3 张来自 Lan Anh Ng-Ho Chi Minh City, Vietnam
二、网格渐变利用 Ai(Illustrator)软件里面的网格添补工具。
我们用网格工具先考试测验绘制几个背景,如下图:
展示一下工具(Ai),如下图所示:
网格建立节点之后,每个节点都可以单一添补颜色,也可以随意变形处理,从而得到你想要的渐变形态。
Ok,技能学完了,顺便排个版式耍一下,完成后如下图:
也可以考试测验加入噪点,给画面增加点质感,下图噪点我是在 PS 里面添加的,操作实行:滤镜→杂色→添加杂色→调度参数
调度后,如下图:
以上所演示只是网格工具的一种类型,大家可以多考试测验,小技巧也有大作为。
比如,我们利用这个技巧再考试测验两张:
大家可以看下利用网格绘制的节点图:
没有做很繁芜的节点,如上图所示,你也可以很快做出类似的渐变图形。
三、稠浊渐变稠浊渐变指的是利用 AI(Illustrator)软件中的稠浊工具来操作。
为了让大家理解清楚,我们先来考试测验一个很明显的稠浊案例:
大家可以清晰地看到,蓝色圆形到黄色圆形再到浅蓝色圆形,我便是利用了稠浊模式
稠浊的步数越少,层次感越明显,如上图案例。稠浊步数越多,图形会越细腻,如下图案例。
色块的稠浊渐变形式
鱼提示:技巧很随意马虎就学会,但想要闇练运用到实战中,还需多多举一反三才是。
OK,连续下一个!
上面是一个字母灯效果,我们可以看到光向四周散射,边缘越来越模糊,终极消逝,这种灯光逐渐消逝的效果,就可以理解为弥散光效果。
弥散渐变效果在设计中的表现形式便是通过模糊处理,形成虚实结合的形式,具备很强的领悟性。
一起来看几张案例,加深理解:
我们考试测验做一张,如下图:
为了大家更好的理解,上面案例我利用了虚实比拟,我们看到下面的弥散效果,便是通过上面的圆球加了模糊效果而得到。
是不是很随意马虎就学会了?别焦急去练习,还有好多干货呢!
连续
模糊渐变,便是利用各种模糊工具来调度,刚才我们讲过的弥散渐变,也是模糊形式。
模糊渐变比较好理解,我们直接看几张案例。
故意给背景或元素制造模糊,形成前后关系的虚实比拟,增加空间延伸感,进而更好的陪衬内容
包装中的运用
海报设计展示
书本封面展示
六、发射渐变发射是平面构成的一种表现形式,在色彩渐变中同样可以利用。
看几张案例,加深理解:
玻璃折射的发射效果
右图:以苹果标志为主体,制造逆光效果,再通过色彩的补充,增加视觉冲击力
镭射光的效果,从中央向四周发射
以左下角为点向右上方发射,每个色块加入渐变色,增加视觉感
七、酸性渐变酸性设计并不是我们所谓的味觉的酸,而是一种迷幻风格、嬉皮士风格的设计形式,酸性设计中充满着色彩的流动、音乐的律动感,让人看了还想看。
来欣赏几张作品:
酸性设计,看起来太爽了,会停不下来的…
ok,连续往下讲。
八、肌理渐变肌理具备质感,大自然中自然形成的肌理很多,并且本身就具备美感,再与渐变色进行碰撞后,相称于给质感披上一层色彩的外衣。
表现形式可以是,在肌理中添加渐变或者在渐变中添加肌理,你中有我,我中有你的形态。
上两张作者:Izvorka Juric02;类似于迷彩的肌理渐变
大笔刷肌理形式
九、流体渐变流理解为流动的意思,看上去像水流的觉得,相对付机器渐变,多了一些层次感和艺术感。
看些案例,加深理解:
左:字体的流动效果,像瀑布又像融化了
在红酒瓶贴设计的利用
以上 3 张作者:Juliana Cappelatti-Brazil03;扮装品的利用
十、立体渐变平面视觉中用立体的形式来表现主体物或某个元素,可以很好的增加空间感和视觉冲击力。
2.5D 效果,用 Ai(Illustrator)软件的 3D 工具就可以实现
鱼提示:以上几张案例在 Ai 软件中都比较大略,如果大家想要教程,留言给我,需求多,我就出教程给大家。
鱼师长西席说:
立体效果本身具备空间上风,立体效果中的渐变不仅可以表示明暗层次,也可以直接作为色彩的表现,增加视觉冲击力。
十一、分割渐变渐变中有分割或者分割中有渐变,其浸染不仅可以增加视觉冲击力,同时可以形成一种错位的即视感,让画面充满意见意义性和层次感。
比如下面两张案例:
线性分割,增加层次
右:圆形分割,右图:人物分割
右边的人物分割形式很常见,很多人也以为比较难实现,实际上超级大略。
鱼师长西席给大家演示一下过程,如下图:
OK,背景完成了,我们顺便排个版,完成后如下图:
十二、自然渐变
大自然有其本身的颜色,非常的自然俊秀,在光的映射下会发生不同层次的色彩,我很喜好大自然原来的形态以及色彩。
比如常见的蓝天、森林、海面:
蓝天、树木、晚霞
天空与海,这种拍照图片在设计中利用的时候,后期肯定是须要调色的
形状与自然的结合,别有一番滋味
十三、蒙层渐变意思是指在画面上覆盖一层色彩渐变,然后采取透明度或叠加模式进行相互领悟,从而让画面色调产生统一的效果。
比如以下案例:
顶部的硝烟战役画面和下部的人物,都是采取了这样的表现形式,在设计画面表现好之后,再利用色彩渐变的叠加,形成如上图案例的效果
再来看几张案例:
上面两张利用的便是蒙层的效果,但并没有利用明显的渐变蒙层,可以理解为单色蒙层
左边的画面中,整体色调为蓝色,女主的衣服是紫赤色,这就起到了吸睛(画龙点睛)的效果。
右边画面中,一个女人在海边舞蹈,整体画面阴暗、偏蓝,觉得看上去就很孤独,这是画面给我的第一觉得。
这便是设计中的气氛陪衬,而大面积的色彩利用,是气氛陪衬的主要表现形式。
这两张便是蒙层渐变的形式,画面多了一些变革和延伸感
十四、渐隐渐变渐隐的形式,可以利用透明度的调度或者利用融入背景的办法,都可以起到逐渐消逝的效果。
其目的性便是让它产生消逝感,形成延伸的视觉感和空间感。
如下图:
利用透明度,向内渐隐形式
融入背景式渐隐形式
透明或融入背景式渐隐形式
鱼师长西席说:
融入背景的办法在技法上,可以利用透明度的模式,也可以利用添补背景一样的颜色,都可以达到融入背景的渐隐形式。
十五、重叠渐变重叠渐变是有规则或无规则的排列重叠,也可以是多层颜色之间的相互叠加,可以利用降落透明度或叠加模糊进行表现。
一起来看些案例,加深理解:
左:图形叠加 右:字体叠加
左:稠浊式重叠 右:色块渐隐式重叠
十六、光影渐变有光才有色彩,没有光我们只能看到一片漆黑,以是这个时候我们首先要戴德太阳。
戴德完毕,连续学习。
只要有光的照射,一定会产生层次变革,就会形成从强到弱、从实到虚的光影渐变。会画画的同学都画过球体:
球体存在高光、反光、明暗交界线等,如果在不同的环境内,还会有环境光,环境光在有色彩的环境下会更加明显。
由于存在了这么多层次,我们才能够在平面纸张上面绘制出立体感。
利用到案例中也是如此,不同的元素就像一个个不同形状的几何体,只要有光,就会产生层次变革。
一起来看几张案例,加深理解:
左:模拟窗户光照射进来的形态 右:手电筒照射,由实到虚的变革,背景也做了相应的折衷
人工打光的效果,字体也添补了渐变色彩,这种类型的海报设计不须要创意,重点在于拍照图片的处理,和笔墨排版的细节处理
十七、晕染渐变晕染渐变和流体渐变和弥散渐变有一定的形似之处。
常见的有服装中的晕染,或者羊毫滴墨在纸上晕开的效果,或者扮装时候的晕染效果。
晕染便是一种形式,可以运用的范围很广,咱们还是回到设计专业上。
一起来看些案例:
把字体作为符号,利用晕染的表现形式,增加美感和意见意义性
彩妆晕染的效果
大面积晕染形式在设计中被频繁利用,不仅可以形成一种朦胧的美感,还会让人产生遐想的觉得
OK, 以上讲了 17 中渐变运用形式,末了咱们凑个整数,再来讲一下点线面的渐变运用,刚好满 20。
点线面是平面设计的构成元素,设计师一贯在与之打交道,点可以组成线和面,利用点线面本身加以渐变的形式,可以更好的把控画面设计的风格以及特点。
十八、点状渐变点给人的觉得便是强调、独特。
渐变小球,利用前后关系,虚实关系,制造空间感
整体看是一个一个的圆点,单独看一个圆点,也可以是一个面
十九、线状渐变线的觉得给人分割、锋利的觉得,我们在设计中可以根据不同的须要排列运用。看些案例,加深理解:
我们快速考试测验两张案例试下:
二十、面状渐变
面给人的觉得便是冲击力,大面积渐变色起到了陪衬气氛的浸染,比如赤色激情亲切积极,蓝色端庄镇静,粉色浪漫可爱等。
我们看几组案例,加深理解:
注:本文案例部分为鱼师长西席设计,部分来自网络,所有案例仅为赞助解释知识点,不作商用。
写在末了:作为设计师,不仅要多看,看了还要多运用实践,这样才能把别人的能力变成你自己的能力。
由于最近太忙了,本篇教程陆续利用空闲韶光编辑了好几天,希望对大家有帮助。末了,戴德大家一贯的陪伴和喜好!
下期见!
欢迎关注作者微信"大众年夜众号:「摆渡鱼生」