用80张案例,帮你掌握20种渐变色表现形式! | 您所在的位置:网站首页 › nike钩子渐变色 › 用80张案例,帮你掌握20种渐变色表现形式! |
hi,我是鱼先生,终身学习践行者。 作为设计师,色彩中的渐变色是我们经常需要用到的一种设计形式,今天鱼先生为大家总结了渐变色在版式设计中的 20 种表现形式,良心干货~ ok,开始吧! 渐变波点怎么做?我为你总结了 3 种超快方法(附原理解析)大家好我是和你们聊设计的花生~ 渐变波点是设计中常用的一种装饰元素,和各种风格的适配性很强。 阅读文章 > 一、机械渐变机械的意思就是不用过多的调节,直接利用软件里面自带的渐变模式,比如线性渐变,径向渐变,菱形渐变。 再来看几个实际例子: 使用软件中的线性渐变 黑白色调下,突然出现一块色彩渐变,不仅起到了吸睛的效果,同时则增加了记忆点 渐变色加上干净的文字排版,视觉上简单、美观 背景加了一层淡淡的渐变(径向),刚好可以更好的突出主体(没错,就是那只骄傲的白鸡) 利用不同水果本身的色彩,来区分同类产品不同的口味 再看一组包装案例: 上 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。 点线面是平面设计的构成元素,设计师一直在与之打交道,点可以组成线和面,利用点线面本身加以渐变的形式,可以更好的把控画面设计的风格以及特点。 十八、点状渐变点给人的感觉就是强调、独特。 渐变小球,运用前后关系,虚实关系,制造空间感 整体看是一个一个的圆点,单独看一个圆点,也可以是一个面 十九、线状渐变线的感觉给人分割、锋利的感觉,我们在设计中可以根据不同的需要排列应用。看些案例,加深理解: 我们快速尝试两张案例试下: 面给人的感觉就是冲击力,大面积渐变色起到了烘托气氛的作用,比如红色热情积极,蓝色稳重冷静,粉色浪漫可爱等。 我们看几组案例,加深理解: 注:本文案例部分为鱼先生设计,部分来自网络,所有案例仅为辅助说明知识点,不作商用。 写在最后:作为设计师,不仅要多看,看了还要多应用实践,这样才能把别人的能力变成你自己的能力。 由于最近太忙了,本篇教程陆续利用空闲时间编辑了好几天,希望对大家有帮助。最后,感恩大家一直的陪伴和喜欢! 下期见! 欢迎关注作者微信公众号:「摆渡鱼生」 自由设计师 +关注作者![]() 复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。 继续阅读本文相关话题 平面设计 渐变 渐变色 版式设计 |
CopyRight 2018-2019 实验室设备网 版权所有 |