智软工作室   主要是为宁波公司提供宁波网站建设    ,宁波网站制作   ,宁波做网站 公司, 宁波外贸网站建设 公司,宁波网站优化  等项目,以优质的服务,优 惠的价格,深的客户信赖。相信有你的加入我们的明天会更有动力!期待与你合作!
  • 宁波智软设计工作
室,打造宁波网站制作


工作室顶级品牌
  • 智软拥有专业的设
计团队
  • 多年网站建设团队
为你服务
  • 智软期待与你合作
  • 我们的技能
  • 我们掌握的技能有
:dreamweaver,flash,photoshop
  • 宁波高端网站建设
服务公司
    2014已经悄然到来,在 新的一年我们恭贺所有客户事业蒸蒸日上,同事庆祝智软设计工作室成立5周年,在5周年为众多客户提 供了保质量的网站设计与网站制作。 我们在新的一年质 量与服务将会更加进一步为更多的客户带来高端的网站设计与服务!期待与你合作
  • 企业网站制作建设
原因与服务介绍

    智软设计工作室多 年为宁波企业网站制作建设服务一直以来我们以最优惠价格,最优质的质量,最突出的设计!得到了客户的一致认可,我们的服务包括: 宁波网站设计,宁波网站建设    ,宁波网站制作   ,宁波网站优化  ,宁波英文网站制作 我们会以优质的服务,最低的价格来报答 客户!

  • 点击链接网站优化
推广介绍

    点击连接网站优化 推广-对企业的网站优化 和网站推广--对企业的重要性 -点击进行详细了解

  • 2014开幕,宁波网站设
计服务全面优惠.

    2014开幕,宁波智软设 计为宁波企业提供更加优秀的设计和实惠的价格

  • 链接到网站案例展
示平台
    智软设计工作为宁 波客户网站设计案例展示平台-案例均为定期更新 ,让新老客户更好的看到我们做的案例,点击查看我们做的网站案例吧!
  • 我们宁波网络公司

提供网站一站式解决方案
    智软(宁波网络公司 )帮你轻松解决网络 问题,网站一站式解决方案
你当前的位置: > 营销与网络  >

网站按钮和制作教 程-PS做网站按钮教程   

2010-11-09 18:56

在我们做网站的时候,总少不了 做按钮-那么今天这篇文章 就是讲。如何方便做一个有质感的的按钮。

下面是老外做的教 程,我翻译了一下大家可以看下

第一步

新建一个文档(  Ctrl+N),命名为  button,大小设置为  640×480,其余选项留作默 认。

new document

第二步

在图层面板中 新建一个图层,选择圆角矩形工具(U),半径设置为 80像素,画出一个矩 形。

creat_a_new_layer

rounded_rectangle

第三步

在图层面板中 双击”layer 1″,打开图层样式对 话框。勾选渐变叠加(Gradient Overlay),在渐变叠加面 板上点击渐变色带,分别选择颜色#1a3a69和#2c62b2。

gradient_overlay

勾选描边( Stroke),颜色#0b1b58,2个像素。

stroke

接下来,添加投影 (Drop Shadow),混合模式正常 ,不透明度14%,角度90度,距离5个像素,大小 2个像素。

drop_shadow

最后得到的效果如 下图。这样,通过添加图层样式,按钮的基本效果已经出来了。接下来我们开始添加锁型图案和文字。

effect2

第四步

lock

将上图的锁型图片 另存到你的电脑中,在Photoshop中打开,再拷贝粘 贴到文档中,放大图片,选择橡皮工具,状态为方块(Block),将部分像素擦 除,把锁上的锁变成打开的锁。

lock

选择锁子图层,使 用自由变换命令(Ctrl+T),同时按住 Shift键,调整锁子大小,直到合适。调整图片位置到按钮的居中位置。在图层面板中 双击锁子图层,打开图层样式对话框,应用如下图层样式:

drop_shadow

gradient_overlay

使用文字工具( T),键出”Buy It”文字,字体选择 ”Arial”,加粗,颜色 #E3F7FF,双击文字图层, 添加如下投影效果:

drop_shadow

最终效果如下图:

almost_done

第五步

添加价格标签。新 建图层,使用钢笔工具画一个标签形状。你可以同时按住shift键来确保路径横平 竖直。之后使用直接选择工具(A),配合上下左右 方向箭头将路径形状调整到合适。在路径上点击右键选择填充路径(Fill Path),给路径填充前 景色,再选择删除路径(Delete Path)命令,将路径删 除掉,这时候留在图层上的就只有一个标签形状了(如下图)。

label

选择椭圆形选取工 具(M),样式选择固定 大小,宽度7个像素,高度 7个像素,在标签上 做一个圆形的选区。调整选区的位置至标签的正中间,点击删除键(Delete),将圆形部分的 像素删除,这样,标签上的孔洞就打好了。

hole

接下来给标签图层 应用如下图层样式:

drop_shadow

gradient_overlay

stroke

添加文字,颜色白 色,字体”Arial”,加粗,12个像素大小,添加 投影图层样式。

text_shadow

至此,整个的按钮 就制作完成了。

final

更多

【责任编辑:小戴工程师 】

关键字: 做网站按钮教程     网站按钮 制作教程

上一篇:设计师们如何提高 身价-5个方法让你增长身 价 下一篇:感觉百度最近网站 排名有点怪!

最新文章

2010-11-09 18:56

相关文章

2010-11-09 18:56
网站制作咨询:
QQ:277728291
电话:18668277799
邮箱:277728291@qq.com
期待你来电咨询
回顶部
Copyright 2010 智软工作室   版权所有    智软为宁波公司提 供最优惠的网络服务【宁波网站建设    ,宁波网站制作   公司,宁波做网站 公司,宁波外贸网站建设 公司】我们竭诚为你服 务!
友情链接:    075贵宾会-首页   彩票平台代理   豫彩通彩票app   六福彩票---首页欢迎你   分分PK10