这是直接用渐变工具画出的渐变背景,表面上看并无大问题,如果仔细看去会看到有一层层的过渡并不自然的“wave”,相对来说,这大概并不是最空想的结果。
下面这一组渐变作品是我研究总结,并增加了大略技巧而创作的抽象渐变背景。下面我们会逐一来操作个中一个渐变背景的做法。这类背景可以利用在许多领域,但根据屏幕显色和印刷色的色感不同,普通印刷后的效果可能并没有通报好屏幕中所营造的“光感”,以是这在WEB真个平面设计中会更常用到。
灵感来源
感谢国外网友分享的Romain Gorisse的作品,本文得益并吸取他的作品灵感而来。
一、设定渐变根本色
渐变一定和色彩有着密不可分的关系,以是色彩学是用好渐变的根本。当然,你也可以逐步来,学习的过程便是次序发展。以是我们在本文中也会涉及到部分色彩学的内容。
STEP 01
我们首先打开PS中的渐变工具,确定好渐变的根本色。之以是称其为根本色,是由于色彩在全体的创作过程中并不是一挥而就,它是渐进式一步步靠近终极效果的一个发展变革的过程。以是第一步设置的色彩,只能是一个根本。
在设置这些根本色的时候,我们要确定渐变根本色色标的数量。这个数量为2、3、4……都行,但是总体的渐变所覆盖的色彩的幅度不要太大,这里的幅度便是指在色轮上的色彩的范围。
上图中,间隔180°的渐变色(下)就比间隔90°的渐变色(上)来得更为繁芜,但不是大略就一定好过繁芜,大家要对即将要做出的渐变的色彩在色轮上的位置以及相互间的关系有个理解。这就比盲目考试测验各种组合配色来得更为踏实。只管即便在配色上保持某种折衷性。
STEP 02
根据确定好的配色方向,设定好配色,以及在渐变工具中它们之间的间隔。在设定这些根本色时,除了在色相上对色彩进行安排,还该当考虑的是色彩的明度和饱和度,这两者都是能影响整体色调的觉得。常日在选择色彩时,最少要考虑加入进一个明度较高的色彩、一个饱和度较高的色彩,使整体的配色在明度和饱和度上都能表示出一定的变革比拟,从而利用明度等属性来营造出光感。
将这几个色彩确定好了往后,就采取渐变工具拉出一个铺满全体画布的背景。这时,渐变的办法为线性渐变,当然你也可以采取其他的渐变形式,这将会改变你的全体抽象的根本形。
二、变形记
STEP 03
液化工具是PS中一个非常好用且能直接改变图像形状的工具(听说很多爱美的小姑娘用它来美颜~)。我们在这里把这个工具看作一个变形工具。目前这个线性渐变所绘制的背景看上去相比拟较平淡,利用液化工具就能将它改变成任意你希望的造型。
抽象的魅力便是没有目的和方向,任由你做到满意为止。这一过程也是我最喜好的部分。平面设计中有很多这类即兴创作,是作为设计师最为享受的时候。
进入【滤镜>液化】,在液化的工具面板中,首先记得勾选“固定边缘”,这可以确保你在利用各种变形的工具时不会改变你的背景边缘。
STEP 04
在进行液化工具时,我利用的小工具有左侧的“向前变形工具”、“褶皱工具”、“平滑工具”、……险些左侧的工具箱中从上至下开始数的前7个小工具都能用上。这是一个即兴创作的过程,以是我就不再详述。每个工具的用场都不同,但它们都能改变你的图案形状。
虽说创作没有标准答案,但仍旧有一些须要把稳的问题:
1)只管即便保留你的渐变色中所设定的深色与亮色的比拟,不要欠妥心把某一种色彩变“没”了,这样也失落去了一开始设定渐变根本色的意义。
2)利用一个工具改变一次,可以就保存一次(也即是退出液化工具),然后再进一步进入液化工具连续做出变革。否则有些时候由于显卡等各方面配置等缘故原由会涌现液化后的效果偏离在工具面板中的效果(比如莫名涌现一些玄色的矩形),这是很难预见的。以是做一次保存一次是比较保险的做法。
三、调色大师
如果对PS的调色工具只能想到对照片的优化,那就太局限了。接下来,对付目前的色彩仍旧是有调色的必要。
STEP 05
选中这一图层的根本上,为其增加一个“曲线”调度图层,曲线可以增加它的明暗比拟,让比拟显得更大或更小。
在利用调度工具时,不要想着一个工具就能直达效果,它每每只能是细微的改变,通过不断小小的微调,终极达到质的飞跃。(如果是直接调度原图的,我建议可以复制一个层,然后在复制层上进行调度,这样好不断和原图进行比拟。或者像我一样采取调度图层。)
上图中利用了曲线后的图像明显去掉了一层“灰蒙”之感
STEP 06
利用饱和度等色彩属性,为其增加“色相/饱和度”调度图层。进一步让色彩更为明晰透彻。
你当然也可以利用其他的调度图层,根据实际的需求对图片进行调色。我们这里就暂定再这个阶段。
四、模糊和质感
让我们连续为其增加质感,这时紧张须要用到的便是模糊工具。模糊能将目前已经被处理得较尖锐化的部分变得柔和透亮。
STEP 07
将以上步骤完成的合并为一个图层,然后在这个图层上利用高斯模糊。高斯模糊的半径为9,模糊的数值设置太大就会失落去高光的存在感。
STEP 08
这一步不是必要的步骤,条件是如果你在上一步中利用高斯模糊后将全体色彩变得比较“平”,也便是高光或阴影的色彩被抹平了的觉得,那么就可以采取复制一层的方法,然后将其进行比较大的高斯模糊的处理。
例如在这里我将这个复制层的高斯模糊参数设定为48。然后将复制层的稠浊模式改为正片叠底,透明度降落至23%。
当然,如果你是想要让图片的高光部分更亮,那么就将稠浊模式改为滤色、强光等加亮的稠浊模式。
STEP 09
这时,我们要为这个背景图案增加一种颗粒感,颗粒感可以提升整体画面的质感。
也是将上面步骤的图层全部合并为一个图层,然后进入【滤镜>杂色>添加杂色】。可在面板中将数量设定为10,分布的办法为均匀分布。
五、完成背景:画龙点睛
STEP 10
这时,我们可以绘制一个匹配手机屏幕的背景形状,画好一个矩形,然后再将图案设置为这个矩形的剪切蒙版。
STEP 11
末了在这个已完成的背景上,再一次进行自由创作。我们可以在此绘制一个圆形,圆形添补为渐变。这个渐变可以和之前所用的渐变保持同等。
STEP 12
将渐变圆进行高斯模糊处理,模糊半径为28。然后将这个图层设置为下面图层的剪切蒙版。
STEP 13
为这个图层增加一个蒙版,在蒙版上利用黑白渐变。然后将图层稠浊模式改为“划分”,透明度降至45%。也可以根据情形挪动圆形的位置。
也可以复制再复制一层渐变圆形,然后重新安排它的位置和形状尺寸,让画面看起来更“丰富”。
STEP 14
末了为其添加上笔墨,以下便是终极的效果。