Photoshop ile bir Web 2.0 sekmesi tasarlayın
Aşağıdaki takip kılavuzu Photoshop, Web 2.0 tarzı güzel bir şık sekme menüsünün nasıl tasarlanacağı hakkında bir fikir vermeye çalışır..
Aşama 1
İstediğiniz boyutta, tercihen dikdörtgen şeklindeki beyaz [#ffffff] arka plana sahip yeni bir tuval oluşturun; sekmeler çizmek için daha uygundurlar. Ardından Kanallar Sekmesi (Windows -> Kanallar), tıklayın Yeni kanal oluştur sağ altta.
Adım 2
Seçilen kanal katmanında, Polygonal Lasso aracıyla benzer şekil çizin. Beyaz renkle doldurun [#ffffff]; Poligonal bölgenin seçimini kaldırın (herhangi bir Seçim Çerçevesi aracını seçin ve ekrana bir tane basın); şekil vermek Gauss Bulanıklığı yarıçapı 6.0px.
Aşama 3
CTRL-L Level Dialog'u çağırmak ve yukarıdaki resimdeki gibi orta okla buluşmak için sol ve sağ oka basın. Bu irade “pürüzsüz” bulanıklaştırılmış biçiminizi yükseltin ve size güzel bir yuvarlak köşe şekli verin.
4. adım
Kanallar Sekmesinde, CTRL'yi tutun, tıklamak Kanal Küçük Resmi Alpha 1 katmanının görünümü, yeni şekil şimdi seçili olacak, Katmanlar Sekmesi, Yeni Katman Oluştur ve seçilen alanı siyahla doldurun [# 000000].
Adım 5
Bot alt sol ve sağ alt yuvarlatılmış köşeleri çıkarın, sola doğru hareket ettirin ve yukarıda gösterildiği gibi yerleştirin. Sonra siyah renk sekmesine odaklanacağız.
Ambar CTRL, sekmeye tıkla Katman Küçük Resmi tüm sekme görüntüsünü vurgulamak için. | |
Sekme görüntüsü hala vurgulanmış durumdayken, Dörtgen İşaretleme Aracı, ambar ALT ve kaldırmak istediğimiz bölgeye dikdörtgen çizer.. | |
Sadece seçilen üst kısmı görmelisin. seçmek -> değiştirmek -> sözleşme, 2px ile sözleşme ve soldaki resimdeki gibi bir şey almalısın.. | |
Yeni bir katman oluşturun, vurgulanan bölgeyi beyaz [#ffffff] ile doldurun. Sağ tıklayın, seçin Karıştırma seçenekleri sonra Gradiant Yerleşimi. Beyaz [#ffffff] renk durağını gri [# 616161] ile değiştirin. Sekmeniz soldaki resimdeki gibi görünmelidir. |
6. adım
Yeni bir katman oluşturun; seçmek Yuvarlatılmış dikdörtgen aracı (Radius 8px), dikdörtgen çizin ve bu katmanı siyah sekme katmanının arkasına yerleştirin. Sağ tıklayın ve seçin Karıştırma seçenekleri ve aşağıdaki ayarları ekleyin.
Düşen gölge
- Opaklık:% 31
- Mesafe: 0px
- Yayılma: 0%
- Boyut: 2px
Konik ve kabartma
- Derinlik:% 100
- Boyut: 0px
- Yumuşatır: 0px
Gradiant Yerleşimi
- İşte Renk durakları ayarları.
- Renk: #aaaaaa, Yer: 0%
- Renk: #ffffff, Yer% 100
7. adım
Genel web 2.0 görünümünü görmek için bir metin yazın. Yazı tipi Lucida Fax, yazı tipi boyutu 32pt ve 25pt kullanıyorum. Ve sekmeniz bitti! Tab'ın renk kombinasyonuyla oynamaktan çekinmeyin.
Öğreticiyi indirin