Bu bizim Web Düğme oluşturacağız eğitimle,. Bu çok öğretici ve oldukça etkili, bu yüzden tek ihtiyacınız basit Adobe Photoshop bu etkiyi yaratmak. Bunu eğitim zevk umuyoruz.

Nasıl Photoshop Web Düğme Oluşturma

Adım # 1

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

Adım # 2

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

Adım # 3

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

Adım # 4

Ş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.

Çift tıklayın sol-renk-durdurun ve renk değeri girin # 9E4C45, çift tıklatın sağ-renk-durdurun ve renk değeri girin # EA8484.

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% 23, Mesafe 1px ve Boyut olarak 9px at Saydamlık ayarlamak için seçin.

Adım # 5

Seçin Yatay Tip Aracı ve Tip Metin ön gör.

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

Renk Yerleşimi

Katmanlar Masası'ndaki Metin tabakanın üzerlerine çift tıklayın Layer Styles iletişim kutusunu açın. Önce renk kaplaması uygulanır, i renkli # 0D0D0E seçin

Drop Shadow

Son olarak, ilk Normal harmanlayan seçeneği değiştirmek Drop Shadow uygulanır. Default # FFFFFF için Gölge Rengi değiştirin. 120o de, Saydamlık, Mesafe ve Boyut değerleri değiştirerek daha Açısı tutun. Ben 32 ve% mesafede 1px ve Boyut olarak 1px de Saydamlık ayarlamak için seçin.

Final Preview

Bize bildirin, bu eğitimin nasıl daha iyi olabilir mi? Eğer bizimle paylaşmak istediğiniz başka photoshop tutorial bulundu, bize bildirmekten çekinmeyin Yorum içinde bırakarak.

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: yönetici tarafından Freebies, Photoshop, Tutorials