• <tr id='APx79t'><strong id='APx79t'></strong><small id='APx79t'></small><button id='APx79t'></button><li id='APx79t'><noscript id='APx79t'><big id='APx79t'></big><dt id='APx79t'></dt></noscript></li></tr><ol id='APx79t'><option id='APx79t'><table id='APx79t'><blockquote id='APx79t'><tbody id='APx79t'></tbody></blockquote></table></option></ol><u id='APx79t'></u><kbd id='APx79t'><kbd id='APx79t'></kbd></kbd>

    <code id='APx79t'><strong id='APx79t'></strong></code>

    <fieldset id='APx79t'></fieldset>
          <span id='APx79t'></span>

              <ins id='APx79t'></ins>
              <acronym id='APx79t'><em id='APx79t'></em><td id='APx79t'><div id='APx79t'></div></td></acronym><address id='APx79t'><big id='APx79t'><big id='APx79t'></big><legend id='APx79t'></legend></big></address>

              <i id='APx79t'><div id='APx79t'><ins id='APx79t'></ins></div></i>
              <i id='APx79t'></i>
            1. <dl id='APx79t'></dl>
              1. <blockquote id='APx79t'><q id='APx79t'><noscript id='APx79t'></noscript><dt id='APx79t'></dt></q></blockquote><noframes id='APx79t'><i id='APx79t'></i>

                图标设计,通过PS制作设计质▆感水晶图标〗

                本篇制作的是一▂款质感水晶图标,全部在PS中来完成,说是图标,也可以说是平面的素材,整个设□ 计的是水晶几何形状,在设计中很容易做出简约风格,具体还是需要通过教程来制作才可以知道实际操作起来是什么情况,很多我们平时看似简单的︽设计,只要用在对应的地方就可以是很棒的设计,一起来学习一下吧。

                效果图:

                图标设计,通过PS制作设计质感水晶图々标_www.16xx8.com搜索公众号photoshop教程论坛,免费领取自学福利

                灵感来源

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

                图标设计,通过PS制作设计质感水︾晶图标_www.16xx8.com

                软件:Photoshop 2019

                本文对所涉及的∩软件基础工具不多做特别详细的解释,如果对工具仍然不熟悉的小伙伴,可以先移步软件的基础操作再进行实例练习,本文更多提供的是一种创作的思维过程和方法。

                用笔刷实现渐变

                我很喜欢PS的笔刷,但是【用来用去发现最常用的还是默认那款。今天我们就用最普通的笔刷来「刷」出色彩。

                虽然软件里有渐变工具,但是要想实现渐变这一视觉效果,在PS中有无限的实现途径。比如今天我们要用的就是用笔刷来实现渐变。

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

                图标设计,通过PS制作设计∑ 质感水晶图标_www.16xx8.com

                以上左右两个圆的色彩填充就是分别近似于液体采用了渐变工具、柔边圆画笔笔刷。可以看到右边笔刷刷出的渐变比较自然灵动,而左边相对比较平直◣,没有变化。如果想要实现比较灵活∞的视觉效果,左边用渐变工具以后,还需要做╱更多的处理。

                绘」制水晶晶体外形

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

                STEP 01

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

                图标设计,通过PS制作设计◣质感水晶图标∏_www.16xx8.com

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

                STEP 02

                打开PS,新建一个2000*2000px的文档,将背景设置为暗蓝色。一般来说,光感效果都需要暗色背景来衬托↘其光亮。

                图标设计,通过PS制@作设计质感水晶图标_www.16xx8.com

                STEP 03

                按照草图给定的轮廓线,运用钢笔工具进行绘№制。绘制的目的是建立起水晶晶体不同的「面」,这样才能帮】助填色。

                水晶的●晶体一共有8个面,前后分别表现为4个面。

                图标设计,通过PS制作设计质感水︾晶图标_www.16xx8.com

                前后4个面是遮挡的关系(前面挡异能者住了后面),在这里如果降低了图层的透明度⊙就能看到,因为透明,这8个面的☉视觉相互影响。

                相应的,在图层上也ㄨ需要安排好它们的顺序。

                图标设计,通过PS制作设计∑ 质感水晶图标_www.16xx8.com

                「刷」出色彩

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

                STEP 04

                首先我们需要调出这〓块三角形的轮廓线,在轮廓线内涂抹色彩。这就可以⌒利用我们上一步所绘制的8个形状,分别进行。

                在按住键盘上的Ctrl键时再单击鼠标左键,就能形成蚂蚁线轮廓,新建一个图层,把所涂抹的色彩放到新图层上,下方的形状图层就可以关闭了。

                图标设计,通过PS制作设计质感水晶图◣标∏_www.16xx8.com

                这里我只使用柔边圆这个最普通的画笔,将其放大,可以任意涂抹大块的色◥彩。

                色彩我们可以从蓝色开始,然后再为其增加其他的色彩比如紫色、红色等。

                图标设计,通过PS制作设计到现在连这娘们到底长什么样我还不知道质感水晶图标_www.16xx8.com

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

                STEP 05

                按照上述所乾只感觉到一股蛮横方法继续涂抹正面的另3个面,色彩不要太过,让整体画面保持平衡。

                图标设计,通过PS制作设计风月场所地带质感水晶图标保时捷一时间竟然直接从XX大厦门前经过_www.16xx8.com

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

                STEP 06

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

                图标设计,通过PS制作设计质感水晶图标_www.16xx8.com

                进一步润色

                到这一步我们就已经把初步的工作完成,接下╳只需要进一步修饰、润色。

                STEP 07

                可以把每一面的图层都经过■调色处理,这通常处理一些比较细的色彩细节。最常用的调色工具是【色相/饱和度】,这一步主要是为下一步整体调色服务。

                图标设计,通过PS制作设计质感水晶图标_www.16xx8.com

                也许这并看↙不出多少改变,因为此时还只是微调,色彩只要不出  偏差,都不需要 大的调整。

                STEP 08

                这一步开始增加高亮的部分,这部分采用小一些的白色柔边圆增加在面的都只是些替罪羊边缘部分。这里我采用的是增加剪切蒙版/5z406h/tags/38847/的方式,如果光亮太过白,可以实当减弱其♂透明度。

                图标设计,通过PS制作设计质感水晶图标_www.16xx8.com

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

                调色阶段

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

                STEP 09

                这时将除了背景以外的所有图层编为一组,然→后把这个组命名为备份,再复制一个组,将这个组合⊙并为一个图层,然后【把这个图层命名为水晶,我们对这个水晶图层进行调色。

                原有的备份组关闭其可见,但在需要比较调色后的效果时,也可以开启随时比较观察。

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

                图标设计,通过PS制作设计质感水晶图标_www.16xx8.com

                STEP 10

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

                图标设计,通过PS制作设计质感水晶图标_www.16xx8.com

                STEP 11

                再进一步采用【色彩平衡】,对∑ 色彩做进一步修饰。

                图标设计,通过PS制作设计质感水晶图标_www.16xx8.com

                虽然没调色之前,看起来并没有什没有看到么不妥,但是调色之后再对比,就会发现之前的版本的色调看起来很黯淡。

                图标设计,通过PS制作设计质感水晶图标_www.16xx8.com

                到这一步色彩已经完成。

                光色美化

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

                STEP 12

                首先来增加其本身的色光,复制上一步的水晶图层▅▅,然后栅格化图层,将其进行【高斯模糊】。模糊参数可以设置到72,甚至更大。

                然后将这个图层的混合模式改为【滤色】,透明度降至70%。这样也会为画面增加一种梦幻感。

                图标设计,通过PS制作设计质感水晶图标_www.16xx8.com

                STEP 13

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

                图标设计,通过PS制作设计质感水晶图标_www.16xx8.com

                STEP 14

                最后,在背景之上新建一个空图层,用画笔画出中央略亮的感觉。

                图标设计,通过PS制作设计质感水晶图标_www.16xx8.com

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

                完成:

                图标设计,通过PS制作设计质感水晶图标_www.16xx8.com搜索公众号photoshop教程论坛,免费领取自学〇福利

                对图标感兴趣的同学们,可以挑战自己的动手能力,通过教程来学习一下。

                学习 · 提示

                • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
                • 教程有看不懂的地方,可以到」论坛发帖提问:ps新手求助
                • 加官方微信,随时随地,想学就』能学:ps_bbs,或扫♀右侧二维码!
                • 关注我们微博:@photoshop教程论坛
                • 想学更多的同学,可以关白老师注我们小程序,每天都有新教程:点我用微信扫一下
                PS教程位置停了下来自学网 欢迎投稿教▲程:http://i.16xx8.com

                  网友求助,请回答!