18 Aralık Pazartesi 2017
Ana Sayfa / Dersler / Uygulamalar / Web siteleri için menü yapalım

Web siteleri için menü yapalım

Menüler bir web sitesinin en çok dikkat edilmesi gereken yeridir. O yüzden ona gereken önemi vermeli ve ona göre renk ayrımını yaparak ön plana çıkarmalıyız. Bu makale de Photoshop kullanarak bir web menüsü nasıl yapılır onu uygulamaya dökeceğiz.

‘,’

Adım 1

Sitenizin boyutlarına uygun yeni bir tuval açın kendinize, örneğimizde 900 px X 300 px ve 72 ppi ebatlarında bir tuval açtım.

web menüsü

Adım 2

Tuvalimizin kenarlarından 50 şer piksel içeride olacak şekilde kılavuz çizgilerimizi ayarlayalım. Bunun için tuvalin sol ve üst kısmında görünen cetvel üzerine tıklayıp (cetveli göremiyorsanız kısayolu Ctrl + R )  basılı tutarak ve de tuvalin içine doğru sürükleyerek kılavuz çizgilerimizi aşağıdaki resimdeki gibi ayarlıyoruz.  Daha sonra kılavyemizden U ya basıp ardından Shift+U ya basıp Rounded Rectangle Tool ile köşeleri kıvrımlı bir dikdötrgen çiziyoruz(bu cümledeki kısayollar sadece diktörgeni seçmeye yarar). Örneğimizde 2e2ef1 renk kodu ile oluşturulmuş bir diktdörtgen var. Siz tasarımınıza uygun bir renk belirleyebilirsiniz.

web menüsü2

Adım 3

Ctrl + T kısayolu ile Transform aracını aktif hale getirip ardından, aşağıdaki resimde görülen ayarlamaları yapıyoruz. Tabii ki bu ayarlarda da istediğiniz gibi davranmakta özgürsünüz. web_menü

Adım 4

Aşağıdakine benzer bir görüntü oluşmuş olmalı. web_menü

Adım 5

Şimdi menümüzü tuvalin üstünden dışarı çıkacak şekilde aşağıdakine benzer bir şekilde taşıyalım. web_menü5

Adım 6

Şimdi Layer Style > Stroke ile çalışmamızın kenarlarına kontur atmak diye ifade edilen işlemi yapalım. Yine tasarımınıza uygun olarak renk uyumunuza göre istediğiniz rengi ve kalınlığı seçebilirsiniz. menü5

Adım 7

Şimdi menümüz üzerine bağlantılarımızı yerleştirelim.

web menüsü6

Menü üzerine bağlantılarıda yerleştirdikten sonra menümüz hazırdır. Bu aşamadan sonra Photoshop içerisindeki efekleri kullanarak farklı etkiler oluşturabilirsiniz. Burada çalışmamız tamamlanmıştır, isterseniz bir kaç efekt ile çok farklı sonuçlar oluşturabilirsiniz.

Hepinize mutluluk dolu sağlıklı günler dilerim.  

PhotoShopDersleri Hakkında

İlginizi Çekebilir

Photoshop Planet

Photoshop ile “Gezegen Yapımı”

Photoshop aracılığı ile bir gezegen ve arka planda yıldızlardan oluşan bir uzay resmini nasıl yaparız …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir