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

: 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

按鈕層的區域(按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, 教程由admin

促進美

標籤: 的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的印度您的下一個設計項目。 查看我們的投資組合 。