| 网站首页 | Photoshop资源 | Photoshop学院 | Photoshop展示 | 设计素材 | 设计学院 | 数码学院 | 返回总部 | 
您现在的位置: Photoshop资源站 >> Photoshop学院 >> 网页设计 >> 按钮制作 >> 正文
  Photoshop 样式打造超 Cool 按钮         ★★★★ 【字体:
Photoshop 样式打造超 Cool 按钮
作者:佚名    文章来源:ps.onegreen.org    点击数:    更新时间:2008-8-3    

  效果~

  

  怎样?Cool吧~下面偶讲详细讲解一下到底怎样才能灵活运用PS的样式功能,并且告诉一些使用技巧给大家参考。

  在开始前,首先要弄清楚,你到底想要用样式做什么。这个很重要,会影响整个作品的效果的。象现在的例子,偶是想做个按钮,对,是一个按钮。

  但,这是一个怎样的按钮呢?玻璃质感?金属质感?塑料的?还是其它材质的。我选择了玻璃质感的,现在流行嘛~好像有点泛滥了,不过,给他多加点东西让他有个性点,不如加个金属边吧~哈哈,那样肯定很Cool呢。

  有了构思,我们可以开始动手拉!

  首先,填充一个浅灰的底,目的是为了突出按钮的高光位置,有其是边缘的。我现在把文字和高光的图层给去掉了,只留下最重要的部分。这个图层,就只有样式,你看到的效果,全都是样式做出来的。看到了吗?都用了那几种样式?

  

  有了基本认识,接下来,新建一个图层,偶先画了一个倒角的方形,偶比较喜欢倒角的,如果你喜欢其它形状,随便画好了。如果你不知道怎么画,请看之前的教程。画好后,随便填个颜色,什么颜色都没关系。双图层,调出图层样式窗口。为了让按钮更明显一些,偶先加了个描边。一个像素就够了,颜色选择黑色,透明一点。为什么不直接用灰色呢?那是因为考虑到以后应用的时候,透明的黑色会更容易融入其它环境的。灰色会显得很生硬,记住拉,用半透明的黑色,更容易融入背景的。

  

[1] [2] [3] 下一页

文章录入:onegreen    责任编辑:onegreen 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    使用Photoshop设计一个简单而专业的网站
    Photoshop制作咖啡店主题网站主页
    Photoshop打造超酷网站登录界面
    Photoshop打造一款美女水晶按钮
    Photoshop和ImageReady制作闪心动画边框
    在线制作与众不同的个性签名档
    Photoshop简单制作网页半透明按钮
    新鲜视觉 非常规网页设计作品欣赏
    Photoshop制作水晶按钮网页导航
    用Photoshop做简单的xhtml+css网页
    设计学院更新
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)