Bu dersimizde Photoshop‘ta navigasyon menü yapacağız. Photoshop ile web sayfalarının vazgeçilmezi olan navigasyon menüleri kolaylıkla yapabilirsiniz.

photoshop navigasyon menu yapimi14 Photoshopta Navigasyon Menü Yapımı

Yeni bir sayfa açıyoruz. Sayfanın ve menünün boyutunu size bırakıyorum.Sonuçta bunu siteniz için kullanacaksanız,kendi ölçülerinizi belirlemelisiniz.Ben 400×400 px büyüklüğünde bir sayfa açtım.

Rectangle aracıyla bir dikdörtgen oluşturuyoruz ve yeni bir katman oluşturup(Shift+CTRL+N) #6C7279 rengi ile boyuyorum.

photoshop navigasyon menu yapimi Photoshopta Navigasyon Menü Yapımı

Katmana sağ tıklayıp Blending Options‘tan aşağıdaki değişiklikleri yapıyoruz.

photoshop navigasyon menu yapimi2 Photoshopta Navigasyon Menü Yapımı

photoshop navigasyon menu yapimi3 Photoshopta Navigasyon Menü Yapımı

photoshop navigasyon menu yapimi4 Photoshopta Navigasyon Menü Yapımı

Son şeklimiz:

photoshop navigasyon menu yapimi5 Photoshopta Navigasyon Menü Yapımı

Başlığımızı yazıyoruz. Bu yazıda AutoCADHocasi.com kullanılmıştır.

photoshop navigasyon menu yapimi6 Photoshopta Navigasyon Menü Yapımı

Yeni bir katman oluşturuyoruz. Rectangle aracıyla şekildeki gibi bir çizgi çiziyoruz ve bunu #50565E rengiyle dolduruyoruz.

photoshop navigasyon menu yapimi7 Photoshopta Navigasyon Menü Yapımı

photoshop navigasyon menu yapimi8 Photoshopta Navigasyon Menü Yapımı

Aynı yöntemle çizgimizin altına bir çizgi daha çiziyoruz ve bu sefer dolgu rengi olarak #90969E rengini kullanıyoruz.

photoshop navigasyon menu yapimi9 Photoshopta Navigasyon Menü Yapımı

Çizgimizin altına Rectangle aracıyla bir seçim alanı oluşturuyoruz ve şekildeki Gradient ile dolduruyoruz.

photoshop navigasyon menu yapimi10 Photoshopta Navigasyon Menü Yapımı

photoshop navigasyon menu yapimi11 Photoshopta Navigasyon Menü Yapımı

photoshop navigasyon menu yapimi12 Photoshopta Navigasyon Menü Yapımı

Şimdi çizgileri Duplicate Layer komutuyla çoğaltıp menünün altına taşıyoruz. Aynı şekilde oluşturduğumuz menüyü de çoğaltıyoruz.

photoshop navigasyon menu yapimi13 Photoshopta Navigasyon Menü Yapımı

Ve son olarak da menünün içerisinde geçmesini istediğiniz “AutoCAD Dersleri, Photoshop Dersleri, Illustrator Dersleri vs.” gibi ekleyerek Photoshop ile Menü tasarımını sonlandırıyoruz.

photoshop navigasyon menu yapimi14 Photoshopta Navigasyon Menü Yapımı

Bu yazıyı beğendiyseniz RSS ye abone olabilirsiniz!
sayfa içi reklam alanı

Yorumlarınız Değerlidir

“Photoshop’ta Navigasyon Menü Yapımı” için 6 yorum bulunuyor

Kullanıcı girişi yaparak ya da zorunlu olan * alanlarını doldurarak yorum yapabilirsiniz.

İsminiz *

Email adresiniz *

Web siteniz

Mesajınızı buraya yazabilirsiniz:


Toplam 6 yorum var.

  1. teknikim.com | 01 Nis 2009, 12:13
    1

    Photoshop’ta Navigasyon Menü Yapımı…

    Photoshop ile web siteleri için Navigasyon görünümlü menü yapımı anlatılmaktadır….

  2. oyyla.com | 07 Nis 2009, 13:12
    2

    Photoshop Dersleri 12…

    web sayfalarının yapı taşı navigasyon menü yapımı anlatılıyor….

  3. 100puan.com | 07 Nis 2009, 14:31
    3

    Photoshop Dersleri 12…

    web sayfalarının yapı taşı navigasyon menü yapımı anlatılıyor…

  4. 101bilge.com | 07 Nis 2009, 15:12
    4

    Photoshop Dersleri 12…

    web sayfalarnn yap ta navigasyon men yapm anlatlyor….

  5. oylabunu.com | 07 Nis 2009, 15:21
    5

    Photoshop Dersleri 12…

    web sayfalarının yapı taşı navigasyon menü yapımı anlatılıyor….

  6. imlerim.com | 07 Nis 2009, 15:30
    6

    Photoshop Dersleri 12…

    web sayfalarının yapı taşı navigasyon menü yapımı anlatılıyor….



  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • Yapılan Son Yorumlar
  • GÜLŞAH: Merhaba, Son birkaç günden beri autocad hatch...
  • herbalife ürünleri: kesinlikle bu anlatımla proje çizimi...
  • jasdef: arka plana image den reesim seçicem fakat resim...
  • nakliyat: elinize sağlık çok güzel olmuş teşekkürler
  • kazancrehberim.net: çok güzel bir eklenti tavsiye ederim
  • En Çok Yorum Alan Yazılar
  • AutoCADHocasi.com 8 GB U3 Bellek Hediye Ediyor !
  • AutoCADHocasi.com Ödüllü Yorum Yarışması
  • AutoCADHocasi.com Yarışması
  • AutoCAD 2009 Geliyor (Yeni Arayüz, Yeni Özellik ve Komutlarla AutoCAD 2009)
  • AutoCAD’de 3 Boyutlu Araba Yapmak !!!
  • AutoCAD ile Pırlanta Yapımı
  • Üye Girişi

Botacad: Hoşgeldiniz. Bana AutoCAD hakkında öğrenmek istediklerinizi sorabilirsiniz. Henüz yapım aşamasındayım, eksik veya hatalar olabilir.

Seo Hocası

AutoCAD Sözlüğü

AutoCAD indir, Dersleri, Eğitimi

Bağlantılar

AutoCAD Download photoshop tutorial Bilgisayar eğitiminin adresi Yeşersin

staricad autocad reklam alanı
AutoCADHocasi.com Kaan Gülten tarafından oluşturulmuş, Dersler veren sitedir.
Destek Ol
Seo Danışmanlığı
Önem Verilen Kelimeler
  • AutoCAD Kursu
  • indir
  • AutoCAD ironman
  • Download
  • Dersleri
Özel Yazılar
  • Kurs Projesi
  • 3 Boyutlu Araba Çizimi
  • 3 Boyutlu Havuz Çizimi
  • Sweep Komutu 3
  • Sweep Komutu 4
Özel Yazılar 2
  • Projeksiyon Görüntüsü Oluşturma
  • Buzlu Cam Yapımı
  • Anipath - Yol Animasyonu
  • Işıklı Kalem Çizimi
  • Divide ile Yol üzerinde ilerleyen yazı
Google Site Map | AutoCAD Hocası | AutoCAD | AutoCAD | Google

Powered by 2008 - 2010 AutoCADHocasi.com