PS怎么设计一个立体质感玻璃图标?

  发布时间:2017-10-18 08:38:29   作者:新像素UI教育   我要评论
PS怎么设计一个立体质感玻璃图标?想要设计一个立体透明的玻璃图标,最难的就是玻璃的质感,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下

今天我们就来看看使用ps设计透明玻璃效果的的图标,重点在玻璃的质感制作,效果逼真,请看下文详细介绍。

PS怎么设计一个立体质感玻璃图标?

第一步,打开PS

好啦,好啦,大家都知道打开ps啦,那就ctrl+n新建一个宽高为1260*900,分辨率为72,背景为白色的画布。并把下图拉入ps中,注意观察此图的玻璃质感和颜色的运用。(像素妹这次主要带大家进行形体的创作,因此看到这张图片颜色不错就直接用啦,大家那里要是有好的图片,也可以自行吸取颜色。)

PS怎么设计一个立体质感玻璃图标?

第二步,塑造背景

有的同学这时会问了,平常我们不都是最后才做背景吗?因为这次我们的主体物是一整个玻璃瓶子,非常通透,大部分要靠透过背景的光线和投影来塑造,因此我们先把背景搞定。我们先确定一下光线的来源,这里像素妹想让光从右上方打过来,(大家可以随意,不过后面的高光和投影都要跟光源相对照哦~)那么就填充一个左边颜色深右边颜色稍浅的渐变,如下图。

PS怎么设计一个立体质感玻璃图标?

为了体现出空间距离感,我们用形状工具中的矩形和圆羽化来拉出前后层次,并加剪贴蒙板在之前的渐变图层上,得到下图。背景就先告一段落了。

PS怎么设计一个立体质感玻璃图标?

第三步,绘制玻璃瓶子

我们采用一层一层叠加的方式画玻璃瓶。

1.先画玻璃瓶后面的部分,如下图画一个矩形,填充一个跟背景同一色调但明度更高,灰度更高的颜色。(不会调色的话可以使用吸管工具直接吸取图上颜色哦)添加一个图层蒙版,使用画笔工具把硬度调到最低,把中间部分擦除,并调整画笔不透明度使边缘过渡自然。

PS怎么设计一个立体质感玻璃图标?

2.跟步骤一同样的画法,把玻璃瓶前面的面也画出来,同样也是加图层蒙版,再使用画笔工具擦。完成如下图。

PS怎么设计一个立体质感玻璃图标?

现在是不是看上去灰蒙蒙的没有玻璃的质感?别着急,跟着像素妹继续往下画。

3.把玻璃瓶的高光依次加上去。因为玻璃的材质很通透,因此高光和反光的亮度都会比较高,在这里,像素妹为了让高光更贴合形状,直接复制了两个原先绘制的圆角矩形,然后用布尔运算剪出一条贴合圆角矩形弧度的高光,为了让高光更自然,给这个图层加一点羽化,然后给这个图层加图层蒙版,把前景色调成黑色,调整画笔的不透明度,用画笔工具擦出一个自然的效果,如下图

(1)用布尔运算切出高光的形状;

PS怎么设计一个立体质感玻璃图标?

2)在这里给画好的高光加一点羽化;

PS怎么设计一个立体质感玻璃图标?

(3)加上图层蒙版之后,先选中图层蒙版,再选中画笔工具,前景色改为黑色,画笔硬度调到最低,更改一下画笔不透明度,使其过渡自然。

PS怎么设计一个立体质感玻璃图标?

(4)完成如图所示。

PS怎么设计一个立体质感玻璃图标?

(5)同样的画法,把剩余的高光和反光都画出来。如下图

PS怎么设计一个立体质感玻璃图标?

相关文章

  • ps怎么绘制男性女性的标志图标?

    ps怎么绘制男性女性的标志图标在一些公公共场合分男女的情况下都会出现图标标志,该怎么绘制男性女性的图标呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-10-16
  • ps中怎么设计一款咖啡壶图标?

    ps中怎么设计一款咖啡壶图标?喜欢喝咖啡,想要自己设计一个咖啡壶的标志,该怎么设计呢?下面我们就来看看ps绘制咖啡壶图标的教程,需要的朋友可以参考下
    2017-10-15
  • ps怎么设计果汁饮料杯图标?

    ps怎么设计果汁饮料杯图标?想要开一个果汁店,想要设计一款漂亮的图标,该怎么设计呢?下面我们就来看看ps设计果汁饮料杯的教程,需要的朋友可以参考下
    2017-10-12
  • ps怎么设计逼真的钢笔与铅笔图标?

    ps怎么设计逼真的钢笔与铅笔图标?想要设计一个钢笔和铅笔图形作为图标使用,该怎么设计呢?下面我们就来看看使用ps制作的方法,需要的朋友可以参考下
    2017-10-11
  • ps怎么设计彩色的卡通树木图标?

    ps怎么设计彩色的卡通树木图标?今天我们就来看看使用ps绘制彩色的树木图标,在卡通片中经常可以看到,下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-10-10
  • ps怎么设计金属麦穗效果的图标?

    ps怎么设计金属麦穗效果的图标?ps中想要设计一个金属质感的麦穗图形,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-10-09
  • PS怎么设计一款相机UI图标?

    PS怎么设计一款相机UI图标?想要设计一款能代表相机的ui图标,该怎么设计呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2017-10-06
  • ps怎么设计一个文字字体图标?

    ps怎么设计一个文字字体图标?ps中设计图标很方便,今天我们就来看看ps设计文字字体图标的教程,很简单,请看下文详细介绍,需要的朋友可以参考下
    2017-09-30
  • ps怎么设计切开的柠檬图标?

    ps怎么设计切开的柠檬图标?ps中想要设计一款切开的柠檬图形作为图标,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-09-29
  • 如何使用Ps制作实心箭头图标?

    这篇教程教脚本之家的入门实例学习者如何使用Ps制作实心箭头图标?方法不难,只要几步就可以快速画出有个渐变实心的箭头,想要学习ps怎么画箭头的小伙伴可做参考学习
    2017-09-28

最新评论