实训四 渐变色效果制作
实训准备
提到渐变相信大家都不陌生,每年的色彩流行趋势大多有渐变色的身影,为什么渐变色可以一直流行?
首先,渐变色运用广泛,书籍装帧设计、海报设计、画册杂志设计、网页UI设计、品牌标志、产品包装、插画、三维设计等都会运用到渐变色。其次,表现手法多元化,它可以直接应用到背景上,也可以叠加到图片上或置入图形元素,又或者用来表现文字形成多种风格效果。渐变色具有丰富的功能效果,它可以融合色彩形成过渡效果,打破单一色彩之间形成的生硬感,显得更加柔和。渐变色本身就有光影效果的属性,因此,可以形成很好的立体效果,其与立体色相似但不同的是可以通过简单的渐变造型就可以建立空间感。
渐变可分为有规则和不规则两种。所谓有规则,顾名思义,就是可以通过一些具体参数进行调整。从基础属性上看,渐变色会根据方向、长短的不同,呈现不同的视觉表现形式,如图4-44、图4-45所示。
图4-44 方向区别
图4-45 距离区别
其他属性不变,只改变其长度,渐变越长,色彩的变化越平缓;反之,就会越急促。
如果将设计中的渐变色进行简单分类,可根据渐变呈现的样式和颜色属性作为分类切入点。从呈现样式上区分,可将常用的渐变色分为线性、径向、对称、角度、菱形,如图4-46所示。
图4-46 渐变呈现的样式
根据色彩的明度和饱和度不同,将渐变色分为高明度、低明度、高饱和度、低饱和度,如图4-47所示。
图4-47 不同的明度、饱和度
渐变色是不规则的,即没有太多规律,主观性较强。常用的就是通过网格工具制作不规则渐变效果。
实训步骤一:暴力熊宣传图设计
使用网格工具制作不规则渐变效果的方法如下:
(1)打开AI软件,使用矩形工具画出矩形,选择网格工具在矩形上用点的形式绘制网格。
选取网格上的点填充颜色,可以在制作之前先规划好颜色。
(2)可以多制作点的颜色,让作品更丰富生动,颜色之间的融合更具风格效果,如图4-48所示。
图4-48 多制作点的颜色
(3)选用“直接选择工具”调整色彩点使作品更有造型,营造视觉上的变化,如图4-49所示。
图4-49 调整色彩点
(4)运用文字工具添加作品相关的文字信息,添加一些点缀元素(看似无用的元素,实际很有用),使作品看起来更具设计感,如图4-50所示。
图4-50 图形强调重要信息
(5)置入之前做好的渐变背景,丰富的渐变色能帮助设计者创作出更具视觉冲击力的作品,完成图如图4-51所示。
图4-51 完成图
这里提供的制作思路,学生可多做一些尝试,也许会收到意想不到的效果。重新认识渐变色,目的是让设计者对其有更系统的理解和认知,那么渐变色在设计中的妙用有哪些?
在设计工作中,画面空、枯燥乏味是很多设计师容易碰到的棘手问题,“空”最常见的解决方式就是做加法,也就是说增加视觉元素,而色彩也是视觉元素的一种。渐变色在视觉上会给人很强的节奏感和审美情趣,相比纯色,渐变色在视觉上的变化更丰富、层次感更强,如图4-52所示。
图4-52 纯色与渐变色
人们对于色彩的感知度是非常敏感的,因此当设计作品出现单调、缺少层次感时,通过改变色彩属性,营造更多视觉上的变化,也能帮助设计师解决问题。比如,使用渐变色,就能很好地解决上述问题。渐变色背景让作品整体在视觉上变得更加丰富、有层次感。如图4-53所示,类似的案例还有很多。
图4-53 渐变色使用案例
不仅如此,丰富画面的渐变色不只局限于背景,还可以是文字、装饰元素、图形等,前提是要兼顾整体性,以免出现乱的现象。
实训步骤二:暴力熊主题门票设计
(1)把文字和构图确定好。整体略显单调,简单做一下调整,适当地加些装饰的元素,如图4-54所示。这样就有点感觉了,但整体视觉上还是不够丰富,可以给背景加点渐变色,如图4-55所示。
图4-54 文字排版
图4-55 添加渐变
(2)改一个配色形式试试,如图4-56所示。
图4-56 配色形式
知识拓展:配色
当使用渐变色的目的是丰富画面时,无论是单色、多色、线性还是径向、规则与否等,对其就没有太多的限制。
实训小结
图4-57 聚焦
聚焦,就是将视线、注意力等集中于某处,如图4-57所示。
我们将其看作两块黑色的幕布,左侧除漆黑一片外,没有其他任何视觉元素,这就导致人眼会一直在这块幕布上来回游离,视线没有着落点。右侧幕布上出现了一个绿色的亮点,与周围大面积的漆黑形成强烈的视觉反差,此时看这块幕布时,视线就会不由自主地落在绿色亮点上,这就形成了视觉上的聚焦。
商业设计一直在强调主次、层次,设计者也可以把设计上的聚焦理解为强调突出,使作品整体主次分明,视觉富有逻辑感。而说到强调突出,很多人都会想到放大、加粗、变色等,常见的表现手法有对比、留白、光效等。
另外,渐变中有个模式叫作径向渐变。它由四周向中间过渡,给人最直观的视觉感受就是聚焦,很适合用于强调、突出。把渐变色用于强调突出作用时,其表现形式有很多种,如给需要凸显的标题、文字添加醒目的渐变色,或是通过使用渐变色块、图形、形状营造视觉差异化,从而达成强调突出的意图。
径向渐变在案例中的表现,如图4-58所示。
图4-58 径向渐变
想要在设计中实现聚焦,核心还是营造视觉差异,只有这样,在视觉才能形成层次、节奏、主次,这对于商业设计来说是非常重要的。
课后提升