欢迎光临
我们一直在努力

Photoshop 打制Mac风格-网页设计,Photoshop

建站超值云服务器,限时71元/月

    苹果机的风行,很多人都希望有那种干净的透明色的电脑,也有很多厂家纷纷仿效,现在我就来教大家用photoshop做这样的透明色的效果,你可以用它来做你的苹果风格的界面。准备好了吗,我们开始吧。先看一下最终效果:

Photoshop 打制Mac风格-网页设计,Photoshop

  1.新建一个150×150的白色背景的图片。

  2.打开通道面板,新建一个通道起名“button mask”。可以点面板上的下拉菜单,选->new channel。

Photoshop 打制Mac风格-网页设计,Photoshop

  3.然后画一个如左图的按钮形状,(用矩形工具,画一个长方形,填进白色,取消选择,然后运用->filter->gaussianblur,数值5,然后选择 image >> adjust >> levels (参数为140,1.00和170。)
Photoshop 打制Mac风格-网页设计,Photoshop

  4.回到图层面板,新建一层“button”,将通道转成选区,(selection >> load selection >> channel=button mask)

Photoshop 打制Mac风格-网页设计,Photoshop

  5.背景白色,灰色(rgb的值为204,204,204)为前景色, 选择线性渐变工具。(你也可以选择其他前景色,如果你想按钮看上去是其他颜色。)

Photoshop 打制Mac风格-网页设计,Photoshop

  6.然后按着shift键,从上往下拉出如图的渐变,取消选择。
Photoshop 打制Mac风格-网页设计,Photoshop

  7.打开图层效果对话框,(layer >> effects >> outer glow)具体设置如下:
  outer glow:
  mode: normal
  opacity: 100
  blur: 2-3
  intensity: 0
  color: black

Photoshop 打制Mac风格-网页设计,Photoshop

  8.新建一层,起名“highlight”读进通道里的选区,请看第四步。

Photoshop 打制Mac风格-网页设计,Photoshop

  9.用矩形选取工具,按着alt键减掉大部分选区。

Photoshop 打制Mac风格-网页设计,Photoshop

  10.转换前景和背景色(点击那个双箭头),然后选择线性渐变工具。

Photoshop 打制Mac风格-网页设计,Photoshop

  11.按下shift键,从上往下拉到选区外的一点就够了。

Photoshop 打制Mac风格-网页设计,Photoshop

  12.选择 edit >> transform >> numeric. 设定参数width=90%.

Photoshop 打制Mac风格-网页设计,Photoshop

  13.输入你需要的字,然后用图层效果给字加点阴影,让它看起来更像透明的。 图层效果选项值如下:mode: multiply opacity: 25 distance: 3 blur: 2 intensity: 25

Photoshop 打制Mac风格-网页设计,Photoshop

  14.现在可以把“hightlight”和”button”图层合并起来,点击图层上的眼睛关上其他的层,然后在下拉菜单里选择”merge visible”。
  15.现在你可以多复制几个按钮层,把它换成其他颜色(image >> adjust >> variations),你可以改变透明度opacity :85% ,让他看起来显得透明。
  16.现在你就做好了,让我们看看上面的最终效果,是不是很棒?

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » Photoshop 打制Mac风格-网页设计,Photoshop
分享到: 更多 (0)