Sitenize Şık Bir Menü Tasarımı

Web2,0 stilinde güzel bir menü yapımını öğretmeye çalışacağım.Yapımında Photoshop CS4'ü kullanacağım

Merhaba Arkadaşlar,

Herhangi bir boyutta sayfa açıyorsunuz. Eğer hazırladığınız bir index varsa o boyutlarda açmanızı öneririm. Arkaplanı griye boyadım. Yeni bir layer açıyorum. Rectangular marquee tool (kısaca: M) ile menümüzün boyutunu seçiyorum. İçini siyaha boyuyorum.



Boyadığım menünün layer'ine sağ tıklayım "blending options" (kısaca çift tıkla) diyorum. Drop Shadow'a (gölgeye) tıklıyorum. Aşağıdaki ayarları yapıyorum.



Yeni layer açıyorum. Rectangular Tool'u (Kısayolu: M) tekrar seçiyorum. Menümün yarısını seçip beyaza boyuyorum.



Beyaza boyadıktan sonra, beyaza boyadığım, yani yeni açtığım layer'a sağ tıklayıp "Create Clipping Mask" seçeneğine tıklıyorum.



Opacity değerini %13 yapıyorum, siz kendinize göre değerler girebilirsiniz.



İstediğiniz yazıyı yazabilirsiniz. Ben Ana Sayfa, Forum, İletişim, Üye Ol yazıyorum.



Create Clipping Mask kullanarak Ana Sayfa yazısının arkasına farklı bir renk ekledim. Yani gerisi sizin zevkinize kalmıştır.



Bir dahaki sefere bu dersimizi dilimleyip yaptığınız siteye eklemeyi anlatacağım. Bizden ayrılmayın...

İyi günler...

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

• 11 yıl önce
bana gösterdiğin ilgiden dolayı teşekkürler
• 11 yıl önce
Hocam eline emeğine sağlık bu siteyi daha yeni keşfetmiş olmama rağmen her gün yeni bir şeyler öğreniyorum,hepinize teşekkür eder,çalışmalarınızın devamını dilerim. :kirp:
• 11 yıl önce
ya ben son bölümü anLamadım..cs3 war bende türkçe olduqundan inqiLizce olan yerleri hatırlayamıyorum..Create Clipping Mask ne oLuyor söyleyebilicek olan war mı ? :)
• 11 yıl önce
walla ben hiçbirşey bilmiyordum ps hakkında şimdi ders yazıyorum :D
• 11 yıl önce
Evet katılıyorum arkadaşım sanalkurs sayesinde çok şey öğrendik ve öğrenmeye devam ediyoruz editörlerimiz sayesinde emeği gecen herkese teşekkür ederim...
• 11 yıl önce
Teşekkürler. Bunları daha ayrıntılı olarak anlatsanız aslında daha iyi olur. Bu Photoshop ile web sayfası tasarımı öğrenilmesi gereken bir olay. İyi çalışmalar.
• 11 yıl önce
guzel ders tsk ederim.
• 11 yıl önce
walla ben web tasarım programlama bölümünü okuorum ama bize bunları göstermiorlar sayenizde ögrenioruz emege saygı:kirp:
cok teşekkürler anLatım için :-dusun:
• 10 yıl önce
mstfcck birkaçkez uygulayıp denedikten sonra kendinizde rastgele uygulamalar yapıp menüyü geliştirebilirsiniz
• 10 yıl önce
süper :gul:
• 10 yıl önce
süper :gul:

Yukarı Git