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

  

  用加深工具对内部加深处理。

  

  在用选择-变换选区命令将选择区缩小些,在用加深工具进行加深处理。

  

  继续重复以上步骤,直到认为满意为止。

  

  现在按CTRL+j把此图层复制出4个放置在图象中的合适位置。

  

  在背景图层上建立一个新图层,在用钢笔工具作出线状的路径转换成选区后用深点的天蓝色填充,注意不要取消选择。

  

  在保持选择情况下执行选择-修改收缩命令,收缩3个象素。对“线”内部的颜色用减淡工具进行处理到合适的亮度;在执行选择-反选命令对“线”的外部进行暗调处理。

  

  在把线的这个图层也多复制几个合并后移动到图象中的合适位置。

  

  现在来添加文字,在最顶部的图层上建立文字图层。

  

  按CTRL+j把文字图层复制一份,执行编辑-变换-垂直翻转命令,移动到合适位置在设置图层混合模式为叠加

  

  现在把文字图层与其文字倒影层一起合并在用橡皮擦工具擦除多余的部分。

  

  现在双击此图层打开图层样式设置做以下设定:

  

  以上就是这个教程的全部制作经过,到此全部结束,在来看看结果吧。

  

上一页  [1] [2] [3] [4] 

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

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