Web sitemiz için bir menü yapalım

Bu dersimizde web siteleri için menü tasarlıyacağız.

Örnek;



Aşağıdaki Kriterlere uygun yeni bir sayfa açalım.



082034 bu renkle sayfamızı boyayalım.



"Custom Shape Tool" araçını seçelim.Shape Tool altında bulunan şekillerden birini seçeceğiz aşağıdaki resimde gördüğünüz biçimi yada size hangisi daha güzel hitap ediyorsa onu seçin. Yeni bir layer oluşturun ve seçtiğiniz sekli o layerda çizin.



3a70a2 renginde seçtiğimiz sekli boyuyoruz.



Layerımıza sağ tıklayıp Blending ayarlarına giriyoruz.
Aşağıda gördüğünüz ayarları Sahbe tool ile çizdiğiniz sekle uyguluyoruz.





Layerımızın bir kopyasını oluşturuyoruz ve sayfamızda yerlestiriyoruz.



Line Tool araçı ile 2 px(pixellik bir çizi ile) 3a70a2 renk kodunda bir çizgi çiziyoruz.Tüm layerlarımızı kopyasını oluşyuruyoruz.



Kopya layerları aşağıdaki gibi düzenliyoruz.



Ardından yeni bir layer oluşturun Polygonal Lasso Tool aşağıdaki alanı seçili hale getirin.



Seçili alanı 082034 bu renk koduyla boyayın.Sİmdi arka plandaki renk layerının gradient uyguluyacağız.





Simdi yazılarımızı yazalım.



Shape Tool ile Menümüzü biraz süslemek kaldı geriye.



  • Etiketler;
Çağlar Umut Tosun
Grafik Tasarım bölümü mezunu olan yazar, dört yıldır grafik tasarımla uğraşıyor. Şu sıralar desen, karakalem ve animasyon çalışmalarına da yoğunlaşmış durumdadır. <p>Çağlar Umut Tosun, Photoshop, Flash, Freehand, CorelDraw, Frontpage programlarını kullanmayı biliyor ve sitede bu programlar hakkında dersler yazıyor.
Yorum Yaz

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

teşekkür ederim hocam elinize sağlık.:kirp:
sonraki parlayan gifleri nasıl yaptın onu anlayamadık baska yerdede uygulayabilirizde
anlatım tam olmamış bazı yerlerde takılıyorum
arkadaşım bazı yerlerde takıldığını söylemissin iyi hoş güzel emeklemeden yürümeyi öğrenemezsin zaten yeni baslıyan bir kişinin düzeyinde anlatmadığım için takılıyor olaiblirsin ben bunu seviyesi ileri olanlar için anlattım her çalışmamı her yayınladııgm dersi'de yen ibaslıyanlar için anlatamam
hocam eline sağlık süper bisey olmus
Kardeşim çok sağolasın ancak ben hani şu Polygonal Lasso Tool ile orta alanı seçip orayı daha koyu hale getiriyoruz ya. Ben bir tek orasını yapamadım. Anlatırsan çok sevinirim.
Polygonal Lasso Tool araçı ile orta alanı seç ctrl + j bas orta alanın layerını oluştur.Daha sonra oluşturmus oldugun layerda oyna biraz daha koyulastır yani anlatıldıgı gibi
Hocam saq oLasın waLla .. (:
hocam gerçektende çok güzel bir ders olmuş eline saglık... cok işime yarıyacak..
keske daha acıklayıcı olsaydı Acemiler için iyi olurdu
hocam çok sagol çok işime yaradı...
!0 numara olmuş helâl olsun!!
teşekkür ederim .gerçekten güzel bir çalışma...eline emeğine salık arkadaşım..
Teşekkürler. Yeterince açıklayıcı bir yazı olmuş.
iyi günler:) çok güzel ve gösterişli bi çalışma olmuş bende bu yöntemi kullanarak farklı şeyler ortaya çıkarmak istiyorum fakat ben photoshop cs i yükledim onu kulanıyorum benim shape menümde birkaçtane seçenek alternatifleri nasıl çoğaltabilirim acaba
zehra internet'te photoshop shepes diye aratman yeterli indirdiğin shepeleri kullanmak içinde bilgisayarında adobe/photoshop/presets/custom shapes klasörüne kopyalaman gerekiyor
abi su Custom Shape Tool yerindeki senin sectigin desen bende yok cok az desen var bende nasil ötekilerini alabilirim
her şey güzel ben yapamadım orası ayrı ama bu anasayfa felan yasıyo ya bunşar buton mu yoksa sadece gösterişmi?? saol
Gösteris derken neyi kastettin tam anlıyamadım.Soruna gelelim evet buton hepsine ayrı ayrı köprü oluşturabilirsin istersen.
emeğine sağlık güzel olmuş, benim sorum şu olacak, biz bunlara nasıl link ekleyebiliriz? Web sayfasında flash butonlar değil de photoshopta rollover olan butonlardan eklemek istiyorum. Uygun bir zamanınızda açıklayabilir misiniz? Teşekkür Ederim
Teşekkürler, Seçdiyin fontun ismi ne söyleye bilirmisin?

Yukarı Git