当前位置:首页 > PS教程 > 鼠绘教程

ps绘制透明风格的水晶球效果

  • 2020-03-17 03:26:58
  • 来源/作者:互联网/佚名
  • 己被围观

还记得那个用来捕获各种小精灵的精灵球吗,今天教程就和大家一起来研究这个水晶球的制作方法,教程主要通过图层样式来完成,感兴趣的朋友一起来学习吧。

先看看效果图

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

下面是教程

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

一.建立背景

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

二.建立外层的玻璃体

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

我们接下来调整参数~

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

三.绘制液体部分

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

四.绘制气泡

1. 为了让这个液体看上去生动有趣我们在液体内部加上小气泡。

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

2.还是先画出一个个小圆圈然后进行参数设置。(记得最后把填充变为“0”,气泡的效果才会显现)

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

五.光和投影

1.到这步已经快接近完成了,我们来让这个玻璃效果更佳的通透一些,如图我先用形状工具绘制出球体的高光,

投影和玻璃球的折射部分。(呵呵,有点生硬对不对,请看下面参数设置)

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

六.最终润色

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

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

然后加cameraraw滤 镜效果进行调节。

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

2.完成

Photoshop绘制透明你风格的水晶球效果,PS教程,PS家园网

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG) 水晶球 透明

更多精彩内容

  • 人物近照转手绘过程详解 人物近照转手绘过程详解
  • PS+SAI人物照片转手绘教程 PS+SAI人物照片转手绘教程
  • 将真人照片转成可爱的卡通漫画效果 将真人照片转成可爱的卡通漫画效果
  • 细致唯美的人物转手绘教程 细致唯美的人物转手绘教程
  • PS绘制漂亮的动漫插画 PS绘制漂亮的动漫插画
  • 鼠绘必学之飘逸的发丝 鼠绘必学之飘逸的发丝
  • 非常细腻的鼠绘眼睛教程(手绘提高) 非常细腻的鼠绘眼睛教程(手绘提高)
  • 鼠绘一只愤怒的小鸟 鼠绘一只愤怒的小鸟