1. 主页 > 行业资讯 > 设计文章 >

如何创建精致的光感抽象渐变背景设计思路教程

前言:工具的两面

渐变应该是这两年的视觉风格趋势。把平平画改成渐变后,瞬间变聪明了。在追求渐变的过程中,我们很高兴看到PS或者AI等软件中的渐变工具。这个工具给我们的创作带来了便利和直接的目的。同时,很多新手朋友可能习惯于依赖软件自带的渐变工具,而不是进一步探索渐变。这样一来,无论你做多少渐变,如果直接使用渐变工具,总觉得和那些广受好评的渐变作品有一段距离。

这是由渐变工具直接绘制的渐变背景。表面上看,问题不大。仔细看会看到层层不自然的“波”,可能不是理想的结果。

下面一组渐变作品是我的研究总结,加上简单的技巧,打造抽象的渐变背景。接下来,我们将逐一操作渐变背景的方法之一。这种背景可以用在很多领域。但是,根据屏幕颜色和印刷颜色的颜色感知差异,普通印刷后的效果可能不会传达屏幕上创造的“光感知”,因此在网页的图形设计中会更常用。

灵感来源

感谢国外网友分享罗曼·戈里塞的作品,本文从他的作品中受益并得到启发。

首先,设置渐变基色

渐变一定和颜色有着密不可分的关系,所以色彩学是利用好渐变的基础。当然,你可以慢慢来。学习的过程是有序成长。因此,在本文中,我们还将涵盖色度学的一些内容。

1.我们首先在PS中打开渐变工具,确定渐变的基本颜色。之所以称之为基础色,是因为色彩并不是在整个创作过程中一蹴而就的,而是一个逐步接近最终效果的发展变化过程。所以第一步设定的颜色只能是基础。

在设置这些基本颜色时,我们需要确定渐变基本色块的数量。这个数字是2,3,4...好的,但是整个渐变覆盖的颜色范围不应该太大,这里的范围是指色轮上的颜色范围。

上图中距离为180的渐变颜色(底部)比距离为90的渐变颜色(顶部)复杂,但不简单的话一定比复杂好。每个人都应该了解颜色在色轮上逐渐变化的位置以及它们之间的关系。这比盲目尝试各种配色组合更实用。配色尽量保持一些协调性。

2.根据确定的配色方向,在渐变工具中设置配色和两者之间的距离。在设置这些基本色的时候,除了在色相上安排颜色之外,还要考虑颜色的明度和饱和度,这两者都会影响整体的色相。通常在选择颜色时,至少要考虑加入一种明度较高的颜色和一种饱和度较高的颜色,这样整体配色才能在明度和饱和度上体现出一定的变化对比,从而利用明度等属性营造出光感。

确定这些颜色后,使用渐变工具拉出覆盖整个画布的背景。此时的渐变模式是线性渐变,当然你也可以采用其他渐变形式,这样会改变你整个抽象的基本形式。

二、蜕变

3.液化工具是PS里面一个非常好用的工具,可以直接改变图像形状(听说很多爱美的女生都是用它来美容的~)。我们这里把这个工具当做变形工具。目前这种线性梯度画出来的背景看起来比较平淡,使用液化工具可以变成你想要的任何形状。

抽象的魅力在于没有目的,没有方向,所以可以满足。这个过程也是我最喜欢的部分。平面设计中有很多这样的即兴创作,是设计师最享受的时刻。

进入【滤镜>:液化】,在液化工具面板中,记得先勾选“固定边缘”,可以保证你在使用各种变形工具时不会改变背景边缘。

4.在进行液化工具时,我使用的苦力包括左侧的“正向变形工具”、“折叠工具”、“平滑工具”...左边工具箱里从上到下几乎前七个小工具都可以用。这是一个即兴创作的过程,就不赘述了。每个工具都有不同的用途,但是它们可以改变你的图案的形状。

创作上虽然没有标准答案,但还是有一些问题需要注意:

1)尽量保持你的渐变颜色中设置的深色和亮色的对比,不要不小心把某个颜色改成“没有”,这样就失去了一开始设置渐变基色的意义。

2)如果用一个工具修改一次,可以保存一次(即退出液化工具),然后进一步进入液化工具继续修改。否则,有时候由于显卡的配置等方面的原因,液化效果会偏离工具面板中的效果(比如某些黑色矩形莫名其妙的出现),很难预测。所以保存一次比较安全。

三、色彩搭配的掌握

如果只能为PS的配色工具想到照片优化,那就太局限了。接下来,仍然需要对当前颜色进行着色。

5.在选择此图层的基础上,添加一个“曲线”调整图层。曲线可以增加明暗对比,使对比显得更大或更小。

在使用调整工具时,不要以为一个工具就能达到直接的效果,只能是微小的变化,通过不断的小微调,最终会实现质的飞跃。(如果直接调整原图,我建议你可以复制一个图层,然后在复制的图层上进行调整,这样就可以不断的和原图对比。或者像我一样使用调整层。)

在上图中,使用曲线后的图像明显去除了一层“灰色”感

6.使用饱和度等颜色属性添加“色调/饱和度”调整层。进一步使色彩更加清晰透彻。

当然,也可以根据实际需要,使用其他调整图层给图片上色。我们在这里暂时重复这个阶段。

第四,暧昧和质感

让我们继续给它添加纹理。这时候主要需要的是模糊工具。模糊可以软化和提亮目前已经锐化的部分。

6.将以上步骤组合成一个图层,然后对这个图层应用高斯模糊。高斯模糊的半径是9。如果模糊的值设置得太大,高光的存在将会丢失。

7.这一步不是必须的。前提是如果你用上一步的高斯模糊使整个颜色“平坦”,也就是高光或者阴影的颜色被平滑掉的感觉,那么你可以用复制一层的方法,然后用更大的高斯模糊进行处理。

例如,这里我设置这个复制层的高斯模糊参数为48。然后将复制层的混合方式改为正片底部,透明度降低到23%。

当然,如果你想让画面的高亮部分更亮,那就把混合模式改成滤色器、强光等高亮混合模式。

8.这时候我们需要给这个背景图案添加一个颗粒感,这样可以提高整个画面的质感。

也就是将以上步骤中的所有图层合并成一个图层,然后进入【滤镜>:噪点>:添加噪点】。在面板中可以设置数字为10,分配方式均匀分配。

第五,完成背景:做终点

9.这时我们可以画一个和手机屏幕匹配的背景形状,画一个矩形,然后把图案设置成这个矩形的裁剪遮罩。

10.最后,在这个完成的背景下,再次进行自由创作。我们可以在这里画一个圆,用渐变填充。这个梯度可以与之前使用的梯度一致。

11.高斯模糊渐变圆,模糊半径为28。然后将该层设置为下面层的剪辑蒙版。

12.为这个图层添加一个蒙版,并在蒙版上使用黑白渐变。然后将图层混合模式改为“分割”,透明度降低到45%。也可以根据情况移动圆的位置。

也可以复制另一层渐变圆,然后重新排列它的位置和形状大小,让图片看起来更丰富。

13.最后再加上文字,下面就是最后的效果。

本文由网上采集发布,不代表我们立场,如有侵权请联系我删除,转载联系作者并注明出处:https://ffjianzhan.cn/a/sjwz/387.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息