ps网页设计:制作透明风格的网页导航条

当前位置: 思缘首页 > Photoshop教程 > 设计教程 >

Photoshop制作透明风格的网页导航条(2)

时间:2014-11-17    来源:站酷    作者:我是色技师    点击: 569次效果:叠加 不透明度35% 剪切蒙版 看一下效果 椭圆并未显示,因为这个: 我们把椭圆要剪切进去的圆角矩形,将内部效果混合成组勾上,将剪贴图层混合成组取消勾选,看一下效果 椭圆的效果有了,但是圆角矩形本身的内<iframe allowfullscreen="true" allowtransparency="" frameborder="0" id="aswift_0" marginwidth="0" name="aswift_0" scrolling="no" style="position: absolute; top: 0px; left: 0px" width="336"></iframe><iframe allowfullscreen="true" allowtransparency="" frameborder="0" id="aswift_1" marginwidth="0" name="aswift_1" scrolling="no" style="position: absolute; top: 0px; left: 0px" width="336"></iframe> 

 

效果:叠加 不透明度35% 剪切蒙版 看一下效果

Photoshop制作透明风格的网页导航条,PS教程

椭圆并未显示,因为这个:

Photoshop制作透明风格的网页导航条,PS教程

我们把椭圆要剪切进去的圆角矩形,将内部效果混合成组勾上,将剪贴图层混合成组取消勾选,看一下效果

Photoshop制作透明风格的网页导航条,PS教程

椭圆的效果有了,但是圆角矩形本身的内发光效果没了。别着急,其实很简单,只是不想大家走进误区,所以把这个做出来。

我们回到这步:

Photoshop制作透明风格的网页导航条,PS教程

椭圆的羽化调好后

右键 - 栅格化图层

Photoshop制作透明风格的网页导航条,PS教程

然后点击圆角矩形,调出选区【Ctrl+鼠标左键】,点击Photoshop制作透明风格的网页导航条,PS教程,然后ctrl+shift+I 反选,在点击椭圆图层,按Delete,看下效果吧

Photoshop制作透明风格的网页导航条,PS教程

然后ctrl+d 取消选区,效果:叠加 不透明度:35%

效果如下:

Photoshop制作透明风格的网页导航条,PS教程

Photoshop制作透明风格的网页导航条,PS教程