• 家
  • 大約
  • 文章
  • 聯繫我們

: 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,比改變不透明度的價值觀,距離和大小。 我選擇設置不透明度為75%,在1px距離和大小的1px。

inset-button-tutorial-step3Innershadow

陰影

最後,我們將應用陰影 ,首先更改混合選項正常 。 更改陰影顏色從默認為#000000。 保持在90度角,比改變不透明的價值觀和距離。 我選擇設置不透明度為47%和距離的1px。

inset-button-tutorial-step3c

結果

inset-button-tutorial-final

如果您想檢查你的工作,你可以下載PSD文件本教程

如果您想獲得更多的靈感是來自我們,請考慮訂閱我們的飼料的RSS或電子郵件 。

提起下: 的Photoshop, 教程由admin

促進美

  • 添加到顧問:Bchen!

標籤: 的Photoshop, 教程

相關文章:

如果您喜歡閱讀這篇文章,請檢查其他有關條款如下:

    • 如何創建凸版印刷術在Photoshop
    • 如何創建尼斯輕鬆三維文字效果在Photoshop
    • 如何創建我,電話一樣扣在Photoshop
    • 如何創建一個尼斯圓滑暗扣在Photoshop
    • 如何創建平滑反光文字效果在Photoshop
無標題文檔

一個評論

  1. 三洛根 說的:2009年11月15日在下午4時09分說:

    大的影響,非常有用,看上去棒極了,感謝了有益的教程。
    三洛根最後的博客.. 非常酷Flash網站? 我ComLuv簡介

提交評論

XHTML:您可以使用這些標記:<a title="">的title=""> <acronym title="">的首字母的<b> <blockquote cite=""> <cite>的<code>“刪除日期時間=“”“<em>的<i> <q cite=""> <strike>的<strong>


CommentLuv Enabled 顯示更多
« 10令人敬畏免費手工繪製的圖標集
25令人敬畏IPhone應用網站 »
無標題文檔

    訂閱

  • 訂閱我們的飼料
  • 訂閱電子郵件
  • 按照我們的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(20)
    • 設計/啟示 (50)
    • 贈品 (35)
    • 平面設計 (10)
    • 的Photoshop(17)
    • 資源 (33)
    • 徐 (1)
    • 工具 (9)
    • 教程 (31)
    • 印刷術 (4)
    • Web開發 (5)
    • WordPress的 (6)
    • 檔案

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

    • 的CSS
    • 設計/啟示
    • 贈品
    • 平面設計
    • 的Photoshop
    • 熱門帖子

    • 如何尋找形式創造良好的無表
    • 如何創建可擴展的CSS尼斯基於麵包糠
    • 30網站的最大橙
    • 如何創建凸版印刷術在Photoshop
    • 5個步驟寫更好的CSS
    • 創建一個美麗盒圖標在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的印度您的下一個設計項目。 查看我們的投資組合 。