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

: 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,比改變不透明度的價值觀,節流和大小。 我選擇設置不透明度為27%和扼流達到100%,大小為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, 教程由admin

促進美

  • 添加到顧問:Bchen!

標籤: 的Photoshop, 教程

相關文章:

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

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

4評論

  1. designfollow 上說:09年12月2日在下午12時52分說:

    偉大的教程,謝謝你。

  2. FAQPAL 上說:2009年12月4日在上午02時24分說:

    簡單而有效的最終結果,感謝共享。
    FAQPAL最後的博客.. HTTP標頭傻瓜 我ComLuv簡介

  3. 本 上說:09年12月4日在上午06時48分說:

    偉大的教程,謝謝你。

  4. favSHARE 上說:09年12月4日在下午11時10分說:

    這篇文章已被共享favSHARE.net。 去投票吧!
    favSHARE最後的博客.. 14頂字體和字體組合資源 我ComLuv簡介

提交評論

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


CommentLuv Enabled 顯示更多
« 5個步驟來編寫更好的CSS第二部分
開發者的天堂網站的週為2009年12月4日 »
無標題文檔

    訂閱

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

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

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

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