JustinLive Kişisel Blog

Paypal Tab Menü

Paypal Tab Menü

 



Çalışmamızda adından anlıyacanız gibi paypal sitesindeki tab menüyü yapmaya çalışacağız.

 

1. İlk olarak W:560xH:122 boyutlarında temiz bir çalışma sayfası açıyoruz.Daha sonra yeni bir layer oluşturuyoruz ve Marquee aracımızın Fixed Size özelliğini kullanarak 500×10 boyutlarında bir seçili alan oluşturuyoruz ve içerisini(#1a4773) kodlu renk ile boyuyoruz.Daha sonra ctrl+D tuşlarını kullanarak deselect yapıyoruz.

2. Daha sonra tekrar yeni bir layer oluşturuyoruz ve bir önceki işlemde yaptığımız şekilde Marquee aracını kullanarak 144×34 boyutlarında bir seçili alan oluşturuyoruz v içerisini beyaza boyuyoruz.

3. şimdi bu oluşturmuş oldumuz beyaz butona resimlerdeki Blending efekleri uyguluyoruz.

sonuç:

4. yeni bir layer oluşturarak çalışmamıza devam ediyoruz. tekrardan Maruqee/Fixed Size özelliğini kullanarak 500×26 boyutlarında yeni bir seçili alan oluşturuyoruz ve içini beyaza boyuyoruz. Yapmış oldumuz nesne içerisine resimdeki Belnding efeklerini uyguluyoruz.

sonuç:

5. şimdi sıra aktif olmayan sekmeleri yapmaya geldi, bunun için önce yeni bir layer oluşturuyoruz ve gene Marquee Fixed Size özelliğinden yararlanarak 114X30 boyutlarında bir seçili alan oluşturuyoruz. Oluşturduğumuz seçili alanın içini (#1a4773) kodlu renk ile boyuyoruz.

6. sıra oluşturdumuz menülere Blending efeklerini vermeye geldi bunun içinde aşadaki resimlerdeki yöntemleri izleyiniz.

sonuç:

7. şimdi aktif olmayan butonlarımıza Web2 etkisi vereceğiz bunun için yeni bir layer actıkıyoruz sonra aktif olmayan butonlardan birine ctrl+farenin sol tuşu ile basıyoruz ve secili hale getiriyoruz yeni layerı secerek içini beyaza boyuyoruz ve opacity ayarını 20 yapıyoruz.

8. şimdi aktik olan butonun olduğu layerı seciyoruz ve üstüne yeni bir layer acıyoruz burda aktif layera ufak bir eklenti yapcazğız, aktif layerı ctrl+farenin sağ tuşu ile şeçili hale getiriyoruz ve oluşturdumuz yeni boş layerı seçiliyoruz ve seçli kısmın üstüne (#e36500) bu koddaki renk ile bir çizgi geçiyoruz.

9. ve artık sona geldik şimdi sadece içeriğe göre menü başlılarını yazmak kaldı ben orjinal paypal içeri kullanarak gösterecem, kullanacamız font ve renkler şöle :

Aktif buton: Arial, Arial(Bold) 12 pn renk kodu:#333333

Aktif olmayan buton: Arial(Bold) 12 pn renk kadu:#ffffff

Not:Açılan menülerin font ayarında anti-aliasing durumları “None” olacak

Sonuç:

Bugün 9166 ziyaretçi (17209 klik) Kişi Burdaydı.
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol