序言

如果把平面设计看作是形与色的组合,那么Illustrator便是胜在对形的把握,而Photoshop则重在对色的渲染。
如果是想要做出有质感的画面,那势必要用到PS不可。

本日我们就来利用PS打造一枚质感水晶风格图标,说是图标,实在也可以当作平面的素材利用。
水晶本身是几何状,很随意马虎做涌当代的简约风格。

灵感来源

PS菜鸟看过来看PS大年夜神是怎么做水晶图标的快快Get吧

来自Jose A.ortiz的一组光感作品,看了作品里对光源把握很好,于是临摹了一下,有所心得。
在他原有的作品上,增加了光的浸染,此外也增加了我自己的方法和理解。

警语

软件:Photoshop 2019

本文对所涉及的软件根本工具不多做特殊详细的阐明,如果对工具仍旧不熟习的小伙伴,可以先移步软件的根本操作再进行实例练习,本文更多供应的是一种创作的思维过程和方法。

用笔刷实现渐变

我很喜好PS的笔刷,但是用来用去创造最常用的还是默认那款。
本日我们就用最普通的笔刷来「刷」出色彩

虽然软件里有渐变工具,但是要想实现渐变这一视觉效果,在PS中有无限的实现路子。
比如本日我们要用的便是用笔刷来实现渐变。

用笔刷来实现渐变,和绘画是一个道理,非常自由的调配色彩。
这样能让渐变的色彩表现更自由。

以上旁边两个圆的色彩添补便是分别采取了渐变工具、柔边圆画笔笔刷。
可以看到右边笔刷刷出的渐变比较自然灵动,而左边相比拟较平直,没有变革。
如果想要实现比较灵巧的视觉效果,左边用渐变工具往后,还须要做更多的处理。

绘制水晶晶体形状

首先还是须要我们在PS中绘制出水晶的外不雅观轮廓。

STEP 01

我们可以首先在草图上找到得当的形态,水晶是一种有机形态,可以探索多种不同的形态画法。

这里大家可以看到我们有多条边线,这是把位于水晶背面的边线也表现出来了。
这是为了让我们在软件里绘制形状时清楚水晶的构造,每一个面都须要填色到位,我们要让水晶保持透明。

STEP 02

打开PS,新建一个20002000px的文档,将背景设置为暗蓝色。
一样平常来说,光感效果都须要暗色背景来衬托其光亮。

STEP 03

按照草图给定的轮廓线,利用钢笔工具进行绘制。
绘制的目的是建立起水晶晶体不同的「面」,这样才能帮助填色。
水晶的晶体一共有8个面,前后分别表现为4个面。

前后4个面是遮挡的关系(前面挡住了后面),在这里如果降落图层的透明度就能看到,由于透明,这8个面的视觉相互影响。
相应的,在图层上也须要安排好它们的顺序。

「刷」出色彩

按照顺序,从前方的左下这个形状开始填色。

STEP 04

首先我们须要调出这块三角形的轮廓线,在轮廓线内涂抹色彩。
这就可以利用我们上一步所绘制的8个形状,分别进行。
在按住键盘上的Ctrl键时再单击鼠标左键,就能形成蚂蚁线轮廓,新建一个图层,把所涂抹的色彩放到新图层上,下方的形状图层就可以关闭了。

这里我只利用柔边圆这个最普通的画笔,将其放大,可以任意涂抹大块的色彩。
色彩我们可以从蓝色开始,然后再为其增加其他的色彩比如紫色、赤色等。

PS在色彩方面的上风便是可以对色彩进一步优化,比如大家在色彩搭配方面一开始并不满意,后期也可以通过调色或者改变透明度、图层稠浊模式等一系列办法进行质感的提升。

STEP 05

按照上述方法连续涂抹正面的另3个面,色彩不要太过,让整体画面保持平衡。

在这里我的配色方案是用蓝、紫作为主色,然后辅以橙色以及洋红。

STEP 06

接下绘制位于背面的4个面,这4个面在正面的「下方」,但这里不须要关闭上面的图层,而是保持上面的图层可见,看看它们彼此重叠后的效果,可以随时调度上面的图层透明度乃至色彩。

进一步润色

到这一步我们就已经把初步的事情完成,接下只须要进一步润色、润色。

STEP 07

可以把每一壁的图层都经由调色处理,这常日处理一些比较细的色彩细节。
最常用的调色工具是【色相/饱和度】,这一步紧张是为下一步整体调色做事。

大概这并看不出多少改变,由于此时还只是微调,色彩只要不出偏差,都不须要大的调度。

STEP 08

这一步开始增加高亮的部分,这部分采取小一些的白色柔边圆增加在面的边缘部分。
这里我采取的是增加剪切蒙版的办法,如果光亮太过白,可以适当减弱其透明度。

将白色的高光增加在边缘部分能进一步强调水晶的体积感。

调色阶段

这时正式进入进一步调色的阶段。

STEP 09

这时将除了背景以外的所有图层编为一组,然后把这个组命名为备份,再复制一个组,将这个组合并为一个图层,然后把这个图层命名为水晶,我们对这个水晶图层进行调色。
原有的备份组关闭其可见,但在须要比较调色后的效果时,也可以开启随时比较不雅观察。

首先我们利用【自然饱和度】,增加色彩的饱和度。

STEP 10

再调度【曝光度】以及【曲线】,增加画面的色调明暗比拟。

STEP 11

再进一步采取【色彩平衡】,对色彩做进一步润色。

虽然没调色之前,看起来并没有什么欠妥,但是调色之后再比拟,就会创造之前的版本的色调看起来很黯淡。

到这一步色彩已经完成。

光色美化

光芒是我们这次练习的重点,因此接下就来连续增加光效。

STEP 12

首先来增加其本身的色光,复制上一步的水晶图层,然后栅格化图层,将其进行【高斯模糊】。
模糊参数可以设置到72,乃至更大。
然后将这个图层的稠浊模式改为【滤色】,透明度降至70%。
这样也会为画面增加一种梦幻感。

STEP 13

再将原有的水晶图层进行栅格化,这里我们要对这个图层运用【滤镜>光照效果】

STEP 14

末了,在背景之上新建一个空图层,用画笔画出中心略亮的觉得。

到此我们就完成了全体制作步骤。
设计没有终点,这一步往后还可以返回重新调色,增加光效等。

终极效果

目前这篇文章,我们就做到这一步:

后记:用韶光打磨出质感

很多人对PS的印象,还是勾留Photo这个层面,但是我们可以看到PS对质感的营造是独一无二的,所有在AI或者其他工具画出的插画,我以为都可以利用PS来进一步润色得更为精细。
在没有调色之前,实在很多画面的色彩都看得过去,放到PS当中修饰之后,通过比拟都能创造差异,一稿就能做出精良配色,恐怕是须要几十年深厚的配色功底。
质感也都是通过韶光逐步打磨出来的。
本日的分享就到这里了。
我是爱踢汪,您的关注是我坚持到现在的唯一动力,有了您的支持与鼓励,我才有信心一贯坚持下去,连续奉上更多内容。
衷心期待您能点一下上面赤色关注按钮,关注我一下。
万分感谢!