PS示例教程:如何用Photoshop打磨质感水晶风格图标
发布时间:2022-04-27 16:53:14
Photoshop CC 2019 for Mac 专为所有设计人员而设计。只要您能想得到,您便可以使用 Photoshop 这一全球最佳的图像和设计应用程序将您想象中的内容制作出来。创建和增强照片、插图和 3D 图稿。设计网站和移动应用程序。编辑视频,模拟真实生活画作等等。这里有让您的想法变成真所需的一切。
如果把平面设计看作是形与色的组合,那么illustrator就是胜在对形的把握,而Photoshop则重在对色的渲染。如果是想要做出有质感的画面,那势必要用到ps不可。今天我们就来利用ps打造一枚质感水晶风格图标,说是图标,其实也可以当作平面的素材使用。水晶本身是几何状,很容易做出现代的简约风格。
灵感来源
来自Jose A.ortiz的一组光感作品,看了作品里对光源把握很好,于是临摹了一下,有所心得。在他原有的作品上,增加了光的作用,此外也增加了我自己的方法和理解。
用笔刷实现渐变
我很喜欢ps的笔刷,但是用来用去发现最常用的还是默认那款。今天我们就用最普通的笔刷来「刷」出色彩。
虽然软件里有渐变工具,但是要想实现渐变这一视觉效果,在ps中有无限的实现途径。比如今天我们要用的就是用笔刷来实现渐变。
用笔刷来实现渐变,和绘画是一个道理,非常自由的调配色彩。这样能让渐变的色彩表现更自由。
以上左右两个圆的色彩填充就是分别采用了渐变工具、柔边圆画笔笔刷。可以看到右边笔刷刷出的渐变比较自然灵动,而左边相对比较平直,没有变化。如果想要实现比较灵活的视觉效果,左边用渐变工具以后,还需要做更多的处理。
绘制水晶晶体外形
首先还是需要我们在ps中绘制出水晶的外观轮廓。
步骤1:
我们可以首先在草图上找到合适的形态,水晶是一种有机形态,可以探索多种不同的形态画法。
这里大家可以看到我们有多条边线,这是把位于水晶背面的边线也表现出来了。这是为了让我们在软件里绘制形状时清楚水晶的结构,每一个面都需要填色到位,我们要让水晶保持透明。
步骤2:
打开ps,新建一个2000*2000px的文档,将背景设置为暗蓝色。一般来说,光感效果都需要暗色背景来衬托其光亮。
步骤3:
按照草图给定的轮廓线,运用钢笔工具进行绘制。绘制的目的是建立起水晶晶体不同的「面」,这样才能帮助填色。
水晶的晶体一共有8个面,前后分别表现为4个面。
前后4个面是遮挡的关系(前面挡住了后面),在这里如果降低了图层的透明度就能看到,因为透明,这8个面的视觉相互影响。
相应的,在图层上也需要安排好它们的顺序。
「刷」出色彩
按照顺序,从前方的左下这个形状开始填色。
步骤4:
首先我们需要调出这块三角形的轮廓线,在轮廓线内涂抹色彩。这就可以利用我们上一步所绘制的8个形状,分别进行。
在按住键盘上的Ctrl键时再单击鼠标左键,就能形成蚂蚁线轮廓,新建一个图层,把所涂抹的色彩放到新图层上,下方的形状图层就可以关闭了。
这里我只使用柔边圆这个最普通的画笔,将其放大,可以任意涂抹大块的色彩。
色彩我们可以从蓝色开始,然后再为其增加其他的色彩比如紫色、红色等。
ps在色彩方面的优势就是可以对色彩进一步优化,比如大家在色彩搭配方面一开始并不满意,后期也可以通过调色或者改变透明度、图层混合模式等一系列方式进行质感的提升。
步骤5:
按照上述方法继续涂抹正面的另3个面,色彩不要太过,让整体画面保持平衡。
在这里我的配色方案是用蓝、紫作为主色,然后辅以橙色以及洋红。
步骤6:
接下绘制位于背面的4个面,这4个面在正面的「下方」,但这里不需要关闭上面的图层,而是保持上面的图层可见,看看它们彼此重叠后的效果,可以随时调整上面的图层的透明度甚至色彩。
进一步润色
到这一步我们就已经把初步的工作完成,接下只需要进一步修饰、润色。
步骤7:
可以把每一面的图层都经过调色处理,这通常处理一些比较细的色彩细节。最常用的调色工具是【色相/饱和度】,这一步主要是为下一步整体调色服务。
也许这并看不出多少改变,因为此时还只是微调,色彩只要不出偏差,都不需要大的调整。
步骤8:
这一步开始增加高亮的部分,这部分采用小一些的白色柔边圆增加在面的边缘部分。这里我采用的是增加剪切蒙版的方式,如果光亮太过白,可以实当减弱其透明度。
将白色的高光增加在边缘部分能进一步强调水晶的体积感。
调色阶段
这时正式进入进一步调色的阶段。
步骤9:
这时将除了背景以外的所有图层编为一组,然后把这个组命名为备份,再复制一个组,将这个组合并为一个图层,然后把这个图层命名为水晶,我们对这个水晶图层进行调色。
原有的备份组关闭其可见,但在需要比较调色后的效果时,也可以开启随时比较观察。
首先我们运用【自然饱和度】,增加色彩的饱和度。
步骤10:
再调整【曝光度】以及【曲线】,增加画面的色调明暗对比。
步骤11:
再进一步采用【色彩平衡】,对色彩做进一步修饰。
虽然没调色之前,看起来并没有什么不妥,但是调色之后再对比,就会发现之前的版本的色调看起来很黯淡。
到这一步色彩已经完成。
光色美化
光色美化
光线是我们这次练习的重点,因此接下就来继续增加光效。
步骤12:
首先来增加其本身的色光,复制上一步的水晶图层,然后栅格化图层,将其进行【高斯模糊】。模糊参数可以设置到72,甚至更大。
然后将这个图层的混合模式改为【滤色】,透明度降至70%。这样也会为画面增加一种梦幻感。
步骤13:
再将原有的水晶图层进行栅格化,这里我们要对这个图层应用【滤镜>光照效果】
步骤14:
最后,在背景之上新建一个空图层,用画笔画出中央略亮的感觉。
到此我们就完成了整个制作步骤。设计没有终点,这一步以后还可以返回重新调色,增加光效等。
最终效果
最终效果
目前这篇文章,我们就做到这一步:
后记:用时间打磨出质感
很多人对ps的印象,还是停留Photo这个层面,但是我们可以看到ps对质感的营造是独一无二的,所有在AI或者其他工具画出的插画,我觉得都可以利用ps来进一步润色得更为精致。
在没有调色之前,其实很多画面的色彩都看得过去,放到ps当中润饰之后,通过对比都能发现差异,一稿就能做出优秀配色,恐怕是需要几十年深厚的配色功底。质感也都是通过时间慢慢打磨出来的。
在有限的时间里,实践时间利用的最大化,就能深入到更细的细节。一点实践的体会。还有更多详细、实用的功能以及相关软件ps和其他Mac软件获取,大家快来Macdown.com自行探索一番吧。
猜你喜欢
- PPT软件中怎么在幻灯片中添加背景音乐?制作PPT的时候,为了让我们的内容更加具有感召力,可以在里面添加一个背景音乐,很多的用户不懂在PPT
- 为了方便我们打印出来时可以更好的对文档进行排序,我们一般都会对文档设置页码,通常情况下只需要默认设置页码即可。但有的时候因为工作需要为奇偶页
- 按文件——页面设置——文档网格在页面设置里面按照下图红圈处修改就行
- 随着Win10专业版系统电脑的普及跟使用,有些小伙伴并不希望电脑自动休眠,希望电脑开着一直运行,便以操作,那么Win10专业版怎么让电脑不休
- 手机WPS OFFICE中怎么分享ppt演示文稿?1、首先打开手机WPS 2、选择打开一个演搞 &n
- 为了看到更多的工作表内容,可以使用Excel的全屏显示视图。Excel 2003:1.单击菜单“视图→全屏显示”,Excel将切换到全屏显示
- Word中“标尺”工具的作用非常大,有了标尺我们可以轻松的调整边距、改变段落的缩进值、设置行距、表格的行高及列宽和进行对齐方式的设置等等。有
- 默认情况下,Word2010文档的文本框垂直对齐方式为顶端对齐,文本框内部左右边距为0.25厘米,上下边距为0.13厘米。这种设置符合大多数
- 在信息技术的应用过程中,Excel的运用技术与技巧对于教学有很大的帮助,尤其是对于学生在处理基本的数据、表格等方面有着很大的推动作用。在制作
- 大家在使用电脑的过程中有没有遇到这样的情况:电脑老是自动跳出需求帮助程序的功能的提示,检查了电脑也不清楚到底是哪里出现了问题。那下面小编就给
- 如果要在macOS上四处移动或复制文本,图像,文件,文件夹等,则需要了解如何在Mac上复制和粘贴。这是将一些信息从一个地方传输到另一个地方的
- 欧元(Euro)是欧盟中19个国家的货币。欧元的19会员国是德国、法国、意大利、荷兰、比利时、卢森堡、爱尔兰、西班牙、葡萄牙、奥地利、芬兰、
- 如果在 Apple Watch 上找不到“i”图标该怎么办呢?手动配对 Apple Watch 时,系统会提示您轻点“i”图标。如果没有看到
- 经常会使用到函数,比如利用函数求三角函数、用于统计工程等各个方面。如果我们想在表格中使用ACOSH函数,需要怎么操作那?今天我们就来教大家如
- 当我们整理表格数据时,数据并没有按照时间分类,这导致了许多杂七杂八的数据,有时它真的会让我们发疯。那我们必须做点什么。让Excel的排序功能
- 为了节省时间,我们可以使用wps表格实现文件夹快速生成的效果,具体的操作是怎样的呢?下面就让小编告诉你如何使用wps表格快速生成文件夹。使用
- Excel中经常需要为数据调整位置需要移动列,具体该如何整体移动列呢?接下来是小编为大家带来的excel中整体移动列的教程,供大家参考。ex
- Word中有个样式功能,在排版的时候可以直接一键对文档进行美化,在制作目录的时候,样式也起到了重要的作用。今天给大家分享word如何清除样式
- 提高工作效率的小方法:Word中如何批量修改错别字,如果不知道的话,快过来看一看吧,10秒搞定,下面来介绍步骤。打开Word文档,如下图,我
- 通常,我们按列排序数据。然而,有些情况下我们需要按行排序数据,如下图1所示。图1下面,我们解这是如何实现的。步骤1:选择要排序的数据,注意不