AutoCAD Kursu

Bir web sitesi tasarlarken en önemli etkenlerden birisi de menüdür. Menüler ziyaretçilerin sitede dolaşırken en büyük yardımcılarıdır. Şimdi Photoshop ile bir menü tasarımı yapalım.

İlk önce 800*75 px boyutlarında boş bir dosya açalım. Transparent özelliği aktif olsun.

Şimdi yeni açtığımız sayfanın içini herhangi bir renk ile dolduralım. Sağ tarafta Layers panelinde bulunan Layerımıza sağ tıklayıp Blending Options seçeneğine girelim. (Eğer Layers paneli yoksa Window menüsünden aktif hale getirebilirsiniz.)

Gradient sekmesine geliyoruz ve aşağıdaki ayarları uyguluyoruz.

Ayarlarımızı yaptıktan sonra yeni bir Layer (Ctrl+Shift+N) oluşturalım. Klavyeden U tuşuna basarak Rectangle Tool girelim ve yukarıdan Rounded Rectangle Tool‘u seçelim. Alttaki gibi bir çizim yapalım.

Layers panelinde oluşan Shape1 adlı layera Sağ tıklayıp Rasterize Layer diyelim.Tekrar sağ tıklayıp Blending Options ayarlarına girelim. Aşağıdaki resimdeki ayarları uygulayacağız.

Bu ayarları uyguladıktan sonra Buradan Font indiriyoruz. Başlat –> Çalıştıra “fonts” yazın ve indirdiğiniz dosyadan çıkan Font dosyasını buraya kopyalayın.

Şimdi klavyeden T tuşuna basıp yazı yazma moduna geçelim. Yazımızı #fedcff renginde yazalım.

Layers panelinde oluşan layera sağ tıklayıp Duplicate Layer seçeneğini kullanalım. Yazımızı çoğaltmış oluyoruz. Şimdi eski layer üzerine tıklayalım. Menüden Filter–> Blur–> Motion Blur seçeneğini açalım. Aşağıdaki ayarları uygulayalım.

Şimdi mouse ile üzerine gelindiğinde  alacağı şekili tasarlayalım.

Şimdi önemli bir adımdayız. Layers panelinden Shape, Anasayfa, Anasayfa bu 3 layer oluşmuş olmalı. Bunları CTRL  basılı tutarak seçelim ve birinin üzerinde sağ tıklayıp Duplicate Layers diyelim. Şimdi hiç bir şeye basmayın. Duplicate ettiğimiz layerlar seçili iken Shift+ Ctrl basılı tutarak mouse ile aynı hizada sağ tarafa doğru sürükleyin.

Shape Copy oluşması gerekiyor. Oluşan bu layerın Blending Options seçeneğine giriyoruz. Gradient Overlay seçeneğine gelip aşağıdaki ayarları yapıyoruz.

Anasayfa yazısına uyguladığımız ayarları burada yazacak yazıyada uyguluyoruz ve işlemi dilediğimiz gibi geliştirebiliyoruz.

Bu ders ile ziyaretçilerimizi etkileyecek bir menüye sahip oluyoruz. Bunu Jquery vb. kodlama sistemleri ile zenginleştirebilirsiniz.

Photoshop ile Menü Yapımı PSD Dosyası

autocadhocasi.com/wp-content/autocad/2009/03/giris.gif”>