8 Temmuz 2009
Kullanımınız için RIATMP1084-Basit Web Button, Photoshop Dersleri
Kullanımınız için RIATMP1084-Basit Web Button, Photoshop Dersleri
Bugün basit bir web düğmesi öğretici karşıya duyuyorum. Kendi web projesi için kullanabilirsiniz.
Yeni bir dosya 400/200 piksel oluşturun. Beyaz ile Arka Plan katmanı doldurun.
RECTANLE SHAPE KULLANIMI BUTONU ÇİZİM: Yeni bir katman oluşturun. Şimdi rounded dikdörtgen aracı seçin, yuvarlak köşe yarıçapı olarak 5 px girin ve dikdörtgen düğme şekli çizin. Tam o şekil üzerine tıklayın ve "Seçim Yapın" seçin. Artık istediğiniz renk ile seçim doldurun. Ben # 5c89cc aldı.
Photoshop Dersleri, Düğme
pic2
Photoshop Dersleri, Düğme
Pic3
LAYER STYLE EKLEME: tabakası damak olarak; doğru bu Düğme katmana tıklayın ve Blending Options seçin İlk eklenti DAMLA GÖLGESİNDE.. Tüm değerler için referans olarak bu resmi (pic1) alabilir. Sonraki eklenti Gradient Overlay. Şimdi Gradient Editor ilk Renk Dur tıklatın ve istediğiniz renk olarak değiştirmek için aşağıdaki Renk tıklatın. Ben # a4cee6 kullanılır. Sağa Renk Dur için de yapın. Bu durak için ben # 56add6 kullandım. Şimdi sağ ortasında degrade Aşağıda tıklayarak ortasında iki Renk durdurur ekleyin. Sen yeri alanında% 50 girerek bu pozisyonlarda düzeltebilirsiniz. Ben bu iki Renk Durak için # 468bcc & # 81b3e2 kullandım. Yukarıdaki görüntü (pic2) Bkz. Şimdi İnme katacak. Altındaki Stroke seçeneğini seçin. Boyut ve renk olarak beyaz için 1 px al; ya da arka plan rengini alabilir. (PIC3)
Photoshop Tuitorial, Düğme
pic4pic5
GLOW EKLEME: Şimdi düğmeye üst kısmına ışıma ekleyerek görünümü zenginleştirebilirsiniz. Sen Pen Tool kullanabilirsiniz. Ancak bu süreç daha basit hale getirmek sadece Seçim seçeneği ile oynamıştır. Sağ katman paleti Düğme Katman tıklayın ve "Select Layer Şeffaflık" seçeneğini seçin. Başka bir katman oluşturun ve beyaz bu seçim doldurun. Şimdi Move Tool seçin ve seçilmiş beyaz dikdörtgen 4 px aşağı olduğunu taşıyın. Şimdi Mask ekleyin. Üst kısmı tutun ve ekstra bölümünü silmek. PIC4 bakın. Şimdi metin ekleyin ve bu basit bir serin düğme var hepsi bu. PIC5.
Photoshop Dersleri, Düğme
pic1
Paylaşma ve tadını çıkarın
