Pokemon ball~

杭州/UX设计师/7年前/755浏览
Pokemon ball~
K制造

我曾一度在想如果精灵球+玻璃+水最终会是什么效果呢?

                    

 

       

35bf599c0b50a80121ad7b5bd3f0.jpg


        
         

           一.建立背景



          1.在这一步大家可以随自己的喜好创建大小,这么没有特定要求(我使用的ps版本是2017)     

87d2599c0c4fa80121ad7be85fe1.jpg

    


          二.建立外层的玻璃体

          1.首先,小伙伴们需要用“布尔运算”得到如下的形状:   

2d1e599c0d01a80121ad7b9e4a12.jpg


          2.对刚才得到的形状在“混合选项”把填充不透明度变为“0”此时你会发现形状消失了, 没关系,

            我们接下来调整参数~           

b259599c121ba801201794094bb4.jpg



         3.接着就是应用各种“图层样式”,这一步在于先确立一个大概的玻璃球体积感。      







          4.通过参数设置后,最终效果如下:

7dc9599c127aa80121ad7b10310f.jpg



          5.接下来我们做衔接部分,用形状画出如图样式。

aaae599c12b8a80121ad7bf4a942.jpg



          6.对刚才的衔接部分图形应用“图层样式”里的渐变叠加。      

309c599c12e3a801201794bab14c.jpg

 

          7.然后加上线和投影得到如下最终效果:      

2495599c131da801201794d4e27e.jpg



          8.接下来到了按钮部分了~ ,首先我们来绘制按钮的底座,如图画出一个圆形。

d6df599c1333a80121ad7bda1162.jpg



         9. 接下来对刚才的圆形设置参数:





        10.这样底座部分基本绘制完成。

ac49599c13a2a80120179494b1bc.jpg



         11.按照上面的步骤做出按钮部分,如下图这样的效果就行。

b04f599c13bfa80121ad7b54a7cc.jpg




        三.绘制液体部分
         
        1.在这一步我们来给玻璃球里加上液体,先如图绘制一个波浪形。

7692599c142ea80121ad7be56bf0.jpg


          
          2.给这个波浪形加上各种参数吧:

         




           


         3.得到如图的最终效果。

96fa599c14e4a8012017944b81c0.jpg



          4.接下来用上面同样的方法给液体加上后面的厚度部分。(渐变的颜色变深)   

57d1599c1541a801201794bd1cae.jpg




         四.绘制气泡

         1. 为了让这个液体看上去生动有趣我们在液体内部加上小气泡,还是先如图画出一个个小圆

edce599c1560a80121ad7b1ca116.jpg

    

          2.然后对刚才画的小圆点进行参数设置。(记得最后把填充变为“0”,气泡的效果才会显现)       






          3.加完参数后的效果:       

9ef8599c15dea80121ad7b667038.jpg

        

         五.光和投影

          1.到这步已经快接近完成了,我们来让这个玻璃效果更佳的通透一些,如图我先用形状工具绘制出球体的高光,
           投影和玻璃球的折射部分。(呵呵,有点生硬对不对,请看下面参数设置)            

fad0599c15ffa80121ad7b3ac354.jpg


     
          2.对刚才生硬的形状分别调节羽化参数  

fc30599c1615a80121ad7b2b0803.jpg



         3.最终投影和光的羽化效果如下   

fce0599c162ca801201794a25745.jpg




          六.最终润色

          1.大致效果已经出来了,最终加上文字,进入润色环节,这里大家可以印盖图章后转为智能对象,
          然后加cameraraw滤 镜效果进行调节。             

57a1599c164ca801201794fe8cc9.jpg



         2.完成~       

d01f599c166ea80121ad7b8f1c06.jpg



          大家可以看到我所用的技法并不是很复杂,都是平时所用到的技能,其实最重要的在于你平时生活中
          是否留意细节和观 察事物的能力,希望大家能通过此例举一反三~
 

10
Report
|
16
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
Log in