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

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

  • 文章作者
  • 在09年10月14日
  • 在上午10点31分
  • 由管理员

如何创建在Photoshop一尼斯圆滑暗扣

嘿家伙多的Photoshop教程。 在本教程中我将教你如何在Photoshop中创建一尼斯圆滑暗扣。 这是非常简单而且十分有效教程。 我希望你能喜欢这个教程。

最后预览

这就是我们今天做了

final-sleek-dark-button

步骤#1

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

final-sleek-dark-button-step1

步骤#2

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

final-sleek-dark-button-step2

第三步

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

final-sleek-dark-button-step3

现在申请一些效果

渐变叠加

样式按钮双击按钮层的图层面板中点击缩略图打开层样式对话框,我们会为您的申请按钮垂直gradiant影响 。 然后点击就选择了梯度开放的颜色渐变编辑器正确的颜色渐变 。

iphone-like-buttons-step3-b

双击左色停止 ,进入颜色值#0E0E0E,双击中间偏左的色站 ,并输入颜色值#1C1C1C,双击右中心色点击停止 ,进入颜色值#262626,然后双击右键色站 ,并输入颜色值#292929。

final-sleek-dark-button-step3a

看起来应该像这样。

final-sleek-dark-button-step3b

外发光

再次申请外发光层的风格。 改变混合模式叠加 ,比改变大小的值。 我选择定为3px大小

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

更改在精密的技术 。

final-sleek-dark-button-step3c

看起来应该像这样。

final-sleek-dark-button-step3d

步骤#4

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

final-sleek-dark-button-step4

步骤#5

按钮层的面积在Button层的图层面板中的缩略图(Ctrl +单击)。

final-sleek-dark-button-step5

比创建一个新的层名称层蓝色渐变 。

造型蓝梯度双击蓝梯度层的图层面板中点击缩略图打开层样式对话框,我们会为您的应用水平gradiant按钮的效果 。 然后点击就选择了梯度开放的颜色渐变编辑器正确的颜色渐变 。

保持在180度的视角

final-sleek-dark-button-step5ab

双击左色停止 ,进入颜色值#047CA3,双击中心点击色停止 ,进入颜色值#25C4F4,然后双击右击色站 ,并输入颜色值# 047CA3。

final-sleek-dark-button-step5b

看起来应该像这样。

final-sleek-dark-button-step5a

现在取消您的选择(按Ctrl + D)。 现在进入下面的按钮,突出显示,以便触动了两个窃听向下键(按键盘)像素层。

结果

final-sleek-dark-button

下载源文件

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

圆滑的按钮(226单位:kB)

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

促进美

标签: 的Photoshop, 教程

相关文章:

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

    • 如何创建我,就像在Photoshop按钮电话
    • 如何在Photoshop中创建凸版印刷术
    • 如何在Photoshop中创建平滑反光文字效果
    • 在Photoshop中创建一个美丽盒图标
    • 复古在2分钟图:的Photoshop
无标题文档

提交评论

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


CommentLuv Enabled 显示更多
« 免费社会书签图标
无标题文档

    订阅

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

    • 搜索

      无标题文档
  • 日历

    2009年10月
    M Ť 糯 Ť F š š
    « 2008年9月
    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(18)
    • 设计/启示 (45)
    • 赠品 (26)
    • 平面设计 (10)
    • 的Photoshop(15)
    • 资源 (24)
    • 徐 (1)
    • 工具 (7)
    • 教程 (28)
    • 印刷术 (4)
    • Web开发 (5)
    • WordPress的 (6)
    • 档案

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

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

    • 如何寻找形式创造良好的无表
    • 30最大橙网站
    • 如何创建可扩展的CSS尼斯基于面包糠
    • 5个步骤写更好的CSS
    • 在Photoshop中创建一个美丽盒图标
    • 如何在Photoshop中创建凸版印刷术
    • 6令人敬畏的在线图片编辑工具
    • 标签云

    的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的印度您的下一个设计项目。 查看我们的投资组合 。