• Ev
  • Ile ilgili
  • Makaleler
  • Bize ulaşın

: 91 11 9810018780 Postaya: info@aceinfowayindia.com / Arama: 91 11 9810018780

  • Madde Yazılı
  • 02.12.2009 tarihinde
  • 06:45 AM
  • admin tarafından

Nasıl Photoshop'ta Basit Yeşil Düğme Oluşturma

Hey guys bir daha Photoshop Tutorial. Bu eğitimde size nasıl Photoshop'ta Basit Yeşil Buton oluşturma bulabilirsiniz. Bu çok öğretici ve oldukça etkili basittir. Bunu eğitim zevk umuyoruz.

Nihai Sonuç

Bu ne gitti bugün yapmak

green-button-final1

Adım # 1

Açık photoshop ve yeni bir belge oluşturmak, maden 550px × 398px beyaz bir arka plan ile.

Green-button-step1

Adım # 2

Arka tabakasında renk doldurun, benim rengim # 979.696 olduğunu.

green-button-step13

Adım # 3

Seçin Yuvarlak Dikdörtgen Aracı ve düğme oluşturmak, maden yarıçapı 5px, width: 219px ve height: 40px olduğunu..

green-button-step24

Şimdi bazı etkisi geçerli olacak

Gradient Overlay

Katman Stilleri iletişim kutusunu açmak için Katmanlar Masası'ndaki Düğme Katman küçük resminin üzerinde Düğme çift tıklatın Styling, sizin Düğme için Dikey Gradient Etkisi uygulanır. Gradient seçeneği Renk Gradient Editor açma konusunda sağ Renk Gradyan tıklatın.

Green-Button

Çift tıklayın sol-renk-durdurun ve renk değeri # 55A646 girin, ardından çift tıklatın sağ-renk-durdurun ve renk değeri girin # A5CE3F.

green-button-step4a

Drop Shadow

Sonraki Drop Shadow katman stili uygulayabilirsiniz. 120o de, Saydamlık, Mesafe ve Boyut değerleri değiştirerek daha Açısı tutun. Ben% 20, Mesafe 1px ve Boyut olarak 5px at Saydamlık ayarlamak için seçin.

green-button-step4b

İç Shadow

Sonraki İç Gölge katman stili uygulayabilirsiniz. 120o de, Saydamlık, Choke ve Boyut değerleri değiştirerek daha Açısı tutun. Ben 27 ve% Choke% 100 ve Boyut olarak 2px de Saydamlık ayarlamak için seçin.

Sonraki değiştirin Normal harmanlayan seçeneği.

green-button-step4c

Bevel Emboss

Sonra İç Konik ve Technique Düzgün için Stil değiştirme, Derinlik, Yönü, Büyüklüğü ve yumuşatır değerlerini değiştirerek daha Bevel Emboss, İlk uygulanır. Ben% 100 Derinliği ayarlamak için, Yukarı at 1px de büyüklük ve yumuşatır 0px de Yön seçin

120o at 30o de İrtifa Açısı tutun

Highlight mode: I 0% at Saydamlık ayarlamak için seçin.

Shadow mod: Ben% 14 olarak Saydamlık ayarlamak için seçin.

green-button-step4d

Darbe

Son olarak Stroke uygulanır. İlk Boyut değerlerini değiştirerek. Ben de 1px boyutunu belirlemek için seçin. Içinde de pozisyon değiştirme

Ben% 50 Saydamlık ayarlamak için seçin.

Default # 529.846 için Stroke rengini değiştirin

green-button-step4e

Bu gibi görünmelidir.

green-button-step4

Adım # 4

Seçin Yatay Tip Aracı ve ön metin yazın.

Biz metin için bazı etkili uygulanacaktır.

green-button-step5

Gradient Overlay

Katmanlar Masası'ndaki Metin tabakanın üzerlerine çift tıklayın Layer Styles iletişim kutusunu açın. Önce Gradient Overlay uygulayacak, sizin metin için Dikey Gradient Etkisi uygulanır. Gradient seçeneği .. Renk Gradient Editor açma konusunda sağ Renk Gradyan tıklayalım

green-button-step5a

Çift tıklayın sol-renk-durdurun ve renk değeri girin # DDDCDC, çift tıklatın merkez-renk-durdurun ve renk değeri girin # FFFFFF.

green-button-step5b

Drop Shadow

Son olarak Drop Shadow katman stili uygulanır. 120o de, Saydamlık, Mesafe ve Boyut değerleri değiştirerek daha Açısı tutun. Ben% 34, Mesafe 1px ve Boyut olarak 1px at Saydamlık ayarlamak için seçin.

green-button-step5bc

Nihai Sonuç

green-button-final1

Eğer işinizi kontrol etmek isterseniz, bu yazının için PSD dosyasını indirebilirsiniz

Dosya İndir [240KB]

Eğer bizden daha fazla ilham almak istiyorsanız, lütfen RSS ya da e-posta ile yaparak yem Katılınız.

Filed under: Photoshop, Tutorials by admin

Bize Reklam Verin

  • Mixx Ekle!

Etiketler: Photoshop, Tutorials

İlgili Makaleler:

Bu makaleyi aşağıdaki ilgili diğer makaleler kontrol edebilirsiniz okuma zevk:

    • Nasıl Photoshop'ta Nice Ankastre Metin Düğme Oluşturma
    • Nasıl Photoshop'ta Letterpress Tipografi Oluşturma
    • Nasıl Photoshop'ta Nice Kolay 3D Text Effect Oluşturma
    • Nasıl-Telefon Düğme Photoshop gibi Oluşturma
    • Nasıl Photoshop a Nice Zarif Dark Düğme Oluşturma
Untitled Document

4 Yorumlar

  1. designfollow yazıyor: 2 Aralık 2009 at 12:52 Said:

    öğretici, büyük teşekkür ederim.

  2. FAQPAL yazıyor: Aralık, 2009 2:24 4th Said am:

    Basit ama etkili Sonuç, paylaşım için teşekkürler.
    Aptallar için FAQPAL's son blog .. HTTP Başlıkları My ComLuv Göster

  3. ben Says: Aralık, 2009 6:48 4th Said am:

    öğretici, büyük teşekkür ederim.

  4. favSHARE yazıyor: Aralık, 2009 11:10 4th Said:

    Bu yazı favSHARE.net paylaşılan olmuştur. Gidin ve oy!
    favSHARE's son blog .. 14 En Typeface ve Yazı Kombinasyonlar Kaynakları My ComLuv Göster

Bir Yorum

XHTML: Bu etiketleri: <a href="" kullanabilirsiniz title=""> <abbr title=""> <acronym title=""> <b> <blockquote <cite> <code> < del datetime = ""> <em> <i> <q çağırmak=""> <strike> <strong>


CommentLuv Enabled daha fazlasını göster
Bana iyi CSS Bölümüne «5 Adımlar II
Developer's Paradise Siteleri Haftası 4 Aralık 2009 »için
Untitled Document

    Abone

  • Subscribe to our feed
  • Abone e-posta ile
  • Follow us on Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Aramak

      Untitled Document
  • Takvim

    Aralık 2009
    M T W T F S S
    «Kasım
    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
    • Sayfalar

      • Ev
      • Ile ilgili
      • Makaleler
      • Bize ulaşın
    • Kategoriler

    • Css (22)
    • Tasarım / Inspiration (53)
    • Freebies (37)
    • Grafik Tasarım (10)
    • Photoshop (18)
    • Kaynaklar (34)
    • Seo (1)
    • Araçlar (9)
    • Tutorials (34)
    • Tipografi (6)
    • Web geliştirme (6)
    • Wordpress (6)
    • Arşivler

    • Aralık 2009
    • Kasım 2009
    • Ekim 2009
    • Eylül 2009
    • Ağustos 2009
    • Temmuz 2009
    • Haziran 2009
    • Mayıs 2009
    • Son Mesaj

    • Css
    • Tasarım / Inspiration
    • Freebies
    • Grafik Tasarım
    • Photoshop
    • Popüler Yayınlar

    • Nasıl Nice Ölçeklenebilir CSS oluşturma Breadcrumbs Tabanlı
    • Bana iyi CSS Bölümüne 5 Adımlar II
    • Nasıl oluşturulur iyi görünüyor tablo olmadan formu
    • Maksimum Portakal 30 Websiteleri
    • İyi yazmak için 5 Adım Css
    • Nasıl Photoshop'ta Letterpress Tipografi Oluşturma
    • Beautiful photoshop bir Kutusu simgesi oluşturma
    • Tag cloud

    Css Tasarım Fontlar Freebies Grafik Tasarım Grafik Tasarım Simgeler İlham Inspitation Photoshop Kaynakları Araçlar Tutorials Tipografi Web geliştirme Wordpress

    • Arkadaşlar

      • Abduzeedo
      • Alist Apart
      • BittBox
      • CrazyLeaf Tasarım
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Yakıt Yaratıcılığınızı
      • Geliştirici Yardım
      • Sohbet Shift
      • Line25
      • Mirificampress
      • Mürekkep my blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Share Brain
      • Altı Düzenlemeler
      • Kaşık Grafikler
      • Toxel
      • Vandelay Tasarım
      • Biz fonksiyonu
      • Web Tasarımcısı Depo
      • Web Tasarımcısı Ledger
      • Web tasarımcısı Duvar
      • Sen Designer
    • Topluluk Haberleri

        • Nasıl Photoshop'ta Basit Yeşil Düğme Oluşturma

          onun çok öğretici ve oldukça etkili basittir. Bunu eğitim zevk umuyoruz.

          9 Aralık 2009
        • 11 Ücretsiz Grunge Fonts Tasarımcılar için

          Bu postayı size Tasarımcıları için 11 Bedava Grunge Fonts bulacaksınız. Bu ücretsiz yazı tiplerini tasarımlar üzücü için idealdir. I Hope bunu keyfine varacaksınız.

          9 Aralık 2009
        • 21 Büyük, Kalın Tipografi Web Sitesi Tasarımı

          Bu 21 Beautiful Big, Kalın Tipografi Web Sitesi Tasarımı bir göz ve bize yorum olarak düşüncelerinizi bildirin.

          9 Aralık 2009
    • Haber ekle

      Sen ve formu kullanarak aşağıda bağlantıları gönderebilirsiniz genellikle birkaç saat içinde onaylanır.






      Yükleniyor ...

    • Çevirmenler

      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
  • SPONSORLAR

    Check out UPrinting YouTheDesigner gör.


    Kartvizit Online

    Web Design Blog Directory

.
Untitled Document
Back to top

Genel

Bu belki biraz ilgi ve
  • Şirketimiz Hakkında
  • Testimonials
  • İletişim Bilgileri
  • Web günlüğü
  • Sosyal - Flickr

Eserler

Geçmişte proje örnekleri
  • Şirketimiz Hakkında
  • Testimonials
  • İletişim Bilgileri
  • Web günlüğü
  • Sosyal - Flickr

Hizmetler

Bunun ne olduğu bugün satmaktadır
  • Şirketimiz Hakkında
  • Testimonials
  • İletişim Bilgileri
  • Web günlüğü
  • Sosyal - Flickr

İletişim Bilgileri

Bizi işe almak ister misiniz? Buraya Başlamak ...
  • Ücretsiz Proje Değerlendirme
  • E-posta - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Tüm Hakları Saklıdır, Ace Infoway Türkiye kiralaması Ace Infoway Türkiye sonraki tasarım projesi için. View our portföyü.