正在阅读:Photoshop精彩例解:立体光影魔术(2)Photoshop精彩例解:立体光影魔术(2)

2005-07-08 10:23 出处: 作者:Cloudy 责任编辑:xietaoming

  好,至此,是我们应该组合这些效果的时候了。看图:

  大家注意到我原本的色块是绿色的没有?——因为有了渐变叠加,原来用什么颜色都无所谓。我这里一开始就是乱选了一种颜色填充圆角矩形,反正到后面都能调整,方便得很~

  反思一下刚刚得步骤与结构,究竟是那些步骤让我们产生了按钮得立体感?

  -投影样式能让物体浮出画布;
  -内阴影样式能让物体产生玻璃般的透明立体感;
  -内发光能让玻璃的边缘更加真实(我们感觉到这个按钮的横界面下边缘必定是圆滑的);
  -渐变叠加样式能让按钮的反光更为真实,也让整个按钮的色彩层次感更丰富,不死板;

  思考了这些以后,如果要做别的按钮可以吗?我要怎么产生立体感呢?金属的和玻璃又有什么相同和不同之处呢?还有其他的样式,比如斜面与浮雕、光泽能做些什么吗?这些在我接下来的后面说金属立体感的时候就会说到,但在此之前,大家都可以先自己思考一下。

  好了,我们先把这个按钮完善一下吧。基本的图层样式已经做好,我们以后再要做这种按钮可就方便了。看图:


  看,各种形状都行,只要我们复制、粘贴图层样式。然后大家注意到样式产生了立体感与按钮的折射与阴影,但高光还是要自己做的。上图中圆形按钮与长圆角按钮就加了高光,高光怎么做,已经不用我再补充了吧。但有个东西需要提醒,就是高光也有层次感,注意看下图:

  左边是平色不透明度为100的白色快,当然不像高光了。右边的就不同,白色块是透明的,而且有上下渐变的变化。这里用的办法是为高光加一个蒙版,然后在蒙版里使用黑白渐变,使得白色块的不透明度降低并且产生上下渐变的层次变化,更为逼真。

  下面我们再把这个按钮变得更完美些吧。既然是水晶按钮,那就是透明的。如果我们在底下垫一层网格,那就应该会透出一些来。看图,我们在底下加上网格。

  这里有两个同样的按钮,都不透明。下面我们要把下面那个水晶按钮变得透明。
首先我们把按钮的混合模式改成“柔光”,柔光能让我们的按钮以一种透明模式覆盖在图案上,但又能保留阴影与立体感。

键盘也能翻页,试试“← →”键

关注我们

最新资讯离线随时看 聊天吐槽赢奖品