• 家
  • 大约
  • 文章
  • 联系我们

: 91 11 9810018780 邮寄至 :info@aceinfowayindia.com / 电话 :91 11九十八亿一千零一万八千七百八十

  • 文章作者
  • 在09年12月2日
  • 在上午06点45
  • 由管理员

如何在Photoshop中创建一个简单的绿色按钮

嘿家伙多的Photoshop教程。 在本教程中我会找到你如何在Photoshop中创建一个简单的绿色按钮。 这是非常简单而且十分有效教程。 我希望你能喜欢这个教程。

最终结果

这就是我们今天做了

green-button-final1

步骤#1

打开Photoshop和创建一个新文档,我的是一个550px × 398px白色背景。

Green-button-step1

步骤#2

填充背景图层颜色,我的颜色是#979696。

green-button-step13

第三步

选择圆角矩形工具并创建按钮,矿山半径为5px,宽度:219px和高度:40px。。

green-button-step24

现在,我们将适用于一些效果

渐变叠加

样式按钮双击按钮层的图层面板中点击缩略图打开层样式对话框,我们会为您的申请按钮垂直梯度效应 。 然后单击颜色渐变的梯度开放选择颜色渐变编辑器的权利。

Green-Button

双击左色停止 ,进入颜色值#55A646,然后在右双击色站 ,并输入颜色值#A5CE3F。

green-button-step4a

阴影

下一步应用阴影图层样式。 保持120o的视角 ,多变化的透明度,距离和大小的值。 我选择定为20%,1px和大小距离在5px的不透明度 。

green-button-step4b

内阴影

下一步应用内阴影图层样式。 保持120o的视角 ,多变化的透明度,节流和大小的值。 我选择定为100%,大小不透明度为27%和扼流在2px。

下一步更改混合选项正常 。

green-button-step4c

斜面浮雕

下一步,我们将适用于斜面浮雕 ,首先改变样式内斜面和技术在光滑 ,比变化的深度,方向,大小和软化的价值。 我选择设定为100%的深度 ,为的方向走 ,在1px大小和软化0px

保持120o的角度 , 高度在30度

突出显示模式 :我选择定为0%的不透明度 。

影子模式 :我选择定为14%的不透明度 。

green-button-step4d

敲击

最后,我们将应用中风 。 首先改变大小的值。 我选择定为1px的大小 。 在内部改变位置

我选择定在50%的不透明度 。

更改默认的笔触颜色为#529846

green-button-step4e

看起来应该像这样。

green-button-step4

步骤#4

卧式工具选择上键入面前的案文。

我们将适用于一些文字效果。

green-button-step5

渐变叠加

双击文字层的图层面板中点击缩略图打开层样式对话框。 首先,我们将采用渐变叠加,我们将申请文本的垂直梯度效应 。 然后单击颜色渐变的梯度开放选择颜色渐变编辑器 ..权

green-button-step5a

双击左色停止 ,进入颜色值#DDDCDC,然后在中心双击色站 ,并输入颜色值#000000。

green-button-step5b

阴影

最后,我们将应用阴影图层样式。 保持120o的视角 ,多变化的透明度,距离和大小的值。 我选择定为34%,在1px和大小距离在1px的不透明度 。

green-button-step5bc

最终结果

green-button-final1

如果您想检查你的工作,您可以下载本教程中的PSD文件

下载文件[240KB,英文]

如果您想从我们这里得到更多的灵感,请考虑订阅我们的的RSS或电子邮件饲料。

提起下: 的Photoshop,由管理员教程

促进美

  • 添加到顾问:Bchen!

标签: 的Photoshop, 教程

相关文章:

如果您喜欢阅读这篇文章,请检查以下其他相关文章:

    • 如何在Photoshop中创建尼斯内嵌文本按钮
    • 如何在Photoshop中创建凸版印刷术
    • 如何创建尼斯在Photoshop轻松3D文字效果
    • 如何创建我,就像在Photoshop按钮电话
    • 如何创建在Photoshop一尼斯圆滑暗扣
无标题文档

提交评论

XHTML:您可以使用这些标记:<a title="">的title=""> <acronym title="">的首字母的<b> <blockquote cite=""> <cite>的<code>“删除日期时间=“”“<em>的<i> <q cite=""> <strike>的<strong>


CommentLuv Enabled 显示更多
« 5个步骤来编写更好的CSS第二部分

    订阅

  • 订阅我们的饲料
  • 订阅电子邮件
  • 跟随我们的Twitter
  • 赞助商
  • 赞助商
  • 赞助商
  • 赞助商
  • 赞助商
  • 赞助商

    • 搜索

      无标题文档
  • 日历

    2009年12月
    M Ť 糯 Ť F š š
    « 11月
    1 2 3 4 5 6
    7 8 9 10 11 12 13
    14 15 16 17 18 19 20
    21 22 23 24 25 26 27
    28 29 30 31
    • 页

      • 家
      • 大约
      • 文章
      • 联系我们
    • 分类

    • 的CSS(21)
    • 设计/启示 (51)
    • 赠品 (36)
    • 平面设计 (10)
    • 的Photoshop(18)
    • 资源 (33)
    • 徐 (1)
    • 工具 (9)
    • 教程 (33)
    • 印刷术 (4)
    • Web开发 (5)
    • WordPress的 (6)
    • 档案

    • 2009年12月
    • 2009年11月
    • 2009年10月
    • 2009年9月
    • 2009年8月
    • 2009年7月
    • 2009年6月
    • 2009年5月
    • 最近岗位

    • 的CSS
    • 设计/启示
    • 赠品
    • 平面设计
    • 的Photoshop
    • 热门帖子

    • 5个步骤来编写更好的CSS第二部分
    • 如何寻找形式创造良好的无表
    • 如何创建可扩展的CSS尼斯基于面包糠
    • 30最大橙网站
    • 如何在Photoshop中创建凸版印刷术
    • 5个步骤写更好的CSS
    • 在Photoshop中创建一个美丽盒图标
    • 标签云

    的CSS 设计 字体 免费服务 平面设计 图形设计 图标 的启示 Inspitation 的Photoshop 资源 工具 教程 印刷术 的Web开发 的WordPress

    • 朋友们

      • Abduzeedo
      • Alist除了
      • Bittbox
      • CrazyLeaf设计
      • 的CSS技巧
      • 大卫沃尔什
      • Fudgegraphics
      • 燃料您的创造力
      • 帮助开发
      • 瞬间转移
      • Line25
      • Mirificampress
      • 我的油墨博客
      • Noupe
      • PSDFan
      • PSDtuts
      • 分享脑
      • 六修订
      • 勺图形
      • Toxel
      • Vandelay设计
      • 我们的功能
      • 网页设计师站
      • 网页设计师总帐
      • 网页设计师墙
      • 您的设计师
    • 翻译

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • 赞助商

    退房UPrinting的YouTheDesigner。


    网上名片

    Web Design Blog Directory

。
无标题文档
返回页首

一般

这些也许某些利益
  • 关于我们的公司
  • 褒奖
  • 联系方式
  • 博客
  • 社会- Twitter的的Flickr

工程

以往项目实例
  • 关于我们的公司
  • 褒奖
  • 联系方式
  • 博客
  • 社会- Twitter的的Flickr

服务

这就是今天的销售情况
  • 关于我们的公司
  • 褒奖
  • 联系方式
  • 博客
  • 社会- Twitter的的Flickr

联系方式

要请我们? 从这里开始...
  • 免费项目评价量表
  • 电子邮件- info@aceinfowayindia.com
  • 电话:91 11九十八亿一千〇一万八千七百八十〇

版权所有© 2009,版权所有, 王牌Infoway的印度租用王牌Infoway的印度您的下一个设计项目。 查看我们的投资组合 。