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

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

  • 文章作者
  • 在2009年10月11日
  • 在下午12时37分
  • 由管理员

如何在Photoshop中创建尼斯内嵌文本按钮

这是一个开端lavel设计教程。 在本文中,您会发现如何在Photoshop中创建尼斯内嵌文本按钮。 这是非常方便快捷的图形设计tutorial.I希望你喜欢本教程。

最后预览

这就是我们今天做了

inset-button-tutorial-final

步骤#1

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

inset-button-tutorial-step1

步骤#2

选择圆角矩形工具并创建按钮,矿山半径6px。

inset-button-tutorial-step2

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

渐变叠加

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

3d-bottom-layer

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

inset-button-tutorial-step2a

阴影

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

inset-button-tutorial-step2d

看起来应该像这样。

inset-button-tutorial-step2Dropshadow

敲击

下一步,我们将应用中风 。 首先改变大小的值。 我选择定为1px的大小 ,在外部位置 。 我选择设定为100%的不透明度 。 更改默认的笔触颜色为#666666

inset-button-tutorial-step2e

看起来应该像这样。

inset-button-tutorial-step2Stroke

第三步

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

inset-button-tutorial-step3

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

颜色叠加

双击文字层的图层面板中点击缩略图打开层样式对话框。 首先,我们将应用颜色叠加 ,我选择的颜色#303030

inset-button-tutorial-step3a

内阴影

下一步应用内阴影图层样式。 最重要的部分保持角度41o,比改变不透明度,距离和大小的值。 我选择定于1px和大小在1px在75%,距离不透明度 。

inset-button-tutorial-step3Innershadow

阴影

最后,我们将应用阴影 ,首先更改混合选项正常 。 更改默认的阴影颜色为#000000。 保持在90度的角度,多变化的透明度和距离的值。 我选择定为47%和距离的1px的透明度。

inset-button-tutorial-step3c

结果

inset-button-tutorial-final

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

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

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

促进美

  • 添加到顾问:Bchen!

标签: 的Photoshop, 教程

相关文章:

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

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

提交评论

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


CommentLuv Enabled 显示更多
« 10令人敬畏免费手工绘制的图标集
无标题文档

    订阅

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

    • 搜索

      无标题文档
  • 日历

    2009年11月
    M Ť 糯 Ť F š š
    « 2008年10月
    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
    • 页

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

    • 的CSS(19)
    • 设计/启示 (48)
    • 赠品 (32)
    • 平面设计 (10)
    • 的Photoshop(17)
    • 资源 (30)
    • 徐 (1)
    • 工具 (7)
    • 教程 (31)
    • 印刷术 (4)
    • Web开发 (5)
    • WordPress的 (6)
    • 档案

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