日期:2009-04-03 22:51:00  来源:本站整理

<b>Photoshop制作水晶按钮网页导航</b>[Photoshop设计]

赞助商链接



  本文“<b>Photoshop制作水晶按钮网页导航</b>[Photoshop设计]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
水晶效果按钮在很多网站应用得越来越多,在下面教程中,我们就随着作者的思绪,学习若何用photoshop简单制作网页水晶效果导航条,你可以举一反三,调颜色,变形状,这些都可以按照页面的整体效果做调整~

  我们先看看效果图:

  Photoshop制作水晶按钮网页导航

  效果图

  我们开始学习教程:

  新建一个文件,在工具箱中挑选圆角矩形工具,以下图所示设置

  Photoshop制作水晶按钮网页导航

  图1

  新建一个图层后,在画布上拉出一个长方形,就得到这样的后果.(为了更好的给大家讲授,这个图放大了400%显示)

  Photoshop制作水晶按钮网页导航

  图2

  假如大家得到这样的后果

  Photoshop制作水晶按钮网页导航

  图3

  就需求将“对齐像素”的选项给勾上

  Photoshop制作水晶按钮网页导航

  图4

  为这个图层增添图层款式

  Photoshop制作水晶按钮网页导航

  图5

  Photoshop制作水晶按钮网页导航

  图6

  Photoshop制作水晶按钮网页导航

  图7

  得到后果如图所示,趁便在款式调板中存储着这个款式

  Photoshop制作水晶按钮网页导航

  图8
利用矩形选框工具,绘制出一个矩形的选区

  Photoshop制作水晶按钮网页导航

  图9

  新建图层后,填充黑色到白色的径向突变

  Photoshop制作水晶按钮网页导航

  图10

  并将该图层的混合情势改成:柔光,不透明度:60%

  Photoshop制作水晶按钮网页导航

  图11

  新建图层,再绘制出一个矩形选区

  Photoshop制作水晶按钮网页导航

  图12

  填充成白色

  Photoshop制作水晶按钮网页导航

  图13

  并将该图层的混合情势改成:线性减淡,不透明度:30%

  Photoshop制作水晶按钮网页导航

  图14

  利用文字工具写上要的文字,注意在这里要将字体的边沿设置为:无

  Photoshop制作水晶按钮网页导航

  图15

  之前我们成立过一个款式,还记得吗,给文字利用这个款式便可以了.

  Photoshop制作水晶按钮网页导航

  图16

  背面的工作就是换换颜色,改改文字便可以了.


  以上是“<b>Photoshop制作水晶按钮网页导航</b>[Photoshop设计]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • <b>hosts是什么 hosts文件在什么位置 若何改正hosts</b>
  • <b>在 Windows 8 中手动安装语言包</b>
  • <b>五个常见 PHP数据库问题</b>
  • Windows中Alt键的12个高效快速的利用本领介绍
  • <b>MySQL ORDER BY 的实现解析</b>
  • <b>详解MySQL存储历程参数有三种范例(in、out、inout)</b>
  • <b>Win8系统恢复出来经典的开始菜单的办法</b>
  • <b>Win8系统花屏怎么办 Win8系统花屏的办理办法</b>
  • <b>Windows 7系统下无线网卡安装</b>
  • <b>为什么 Linux不需求碎片整理</b>
  • <b>Windows 8中删除账户的几种办法(图)</b>
  • <b>教你如安在win7下配置路由器</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .