Photoshop İle Etkileyici Menü Tasarımı – 1 
- AutoCAD Kursu
- Photoshop Dersleri
- Photoshop İle Etkileyici Menü Tasarımı – 1
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”>
Yorumlarınız Değerlidir
“Photoshop İle Etkileyici Menü Tasarımı – 1” için 10 yorum bulunuyor
Toplam 10 yorum var.
- En Çok Okunan 5 Yazı
- AutoCAD'de 3 Boyutlu Araba Yapmak !
- AutoCAD 2010 Geliyor
- AutoCAD Kursu Ödevi
- AutoCAD Kursu Ödevi - 3 Boyutlu Işıklı Kalem
- AutoCAD ile 3 Boyutlu Havuz Modelleme ve Görselleştirme
- Kategoriler
- 2 Boyut
- 3 Boyut
- AutoCAD 2008
- AutoCAD 2009
- AutoCAD 2010
- AutoCAD Genel
- AutoCAD Kitabı
- AutoCAD Kursu
- Bilgisayar Teknolojileri
- Gelişmiş Teknikler
- Kategorilenmemiş
- Ölçülendirme
- Photoshop Dersleri
- Püf Noktası
- Video Eğitim
- 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ı
- Rastgele Yazı
- AutoCAD Kursu Ödevi – 3 Boyutlu Işıklı Kalem
- Forumdaki Son 5 Aktivite
- Hand Job In Public
Son Konuyu Açan: tommdah - Emailing A Job Application
Son Konuyu Açan: ludarc - Connexions Job Vancancies
Son Konuyu Açan: bicksare - Ebooks Job
Son Konuyu Açan: bartdim - Applying For Job Letter
Son Konuyu Açan: rolbev
- Hand Job In Public
- Etiket Bulutu
- 3 Boyut 3d 3ds max 2009 autocad AutoCAD 2009 AutoCAD 2010 autocad 2010 indir AutoCAD 2011 autocad array komutu autocad dersleri autocad dimension autocad eğitimi autocadhocasi.com AutoCAD Kitabı autocad komutları autocad kursları autocad kursu autocad söve autocad sözlüğü autocad çizimi break dersi google görsel dersler kurs kırma object snap ortho osnap otrack photoshop photoshop dersi Photoshop Dersleri polar proje ödevi sweep sweep komutu söve söve çizimi u3 yapımı yarışma Ölçülendirme çizim
- Üye Girişi
Seo Hocası
- 03 Feb 2012 - Fuub Teması Kullanın Android Tablet Kazanın
- 01 Feb 2012 - Firefox Seo Eklentileri
- 31 Jan 2012 - Profil Backlink Fiyaskosu
- 28 Jan 2012 - Seo Uyumlu WordPress Tema – Fuub
- 28 Jan 2012 - Seo Sektöründen Son Dakika Haberler
- 26 Jan 2012 - Blog Backlink Fiyaskosu
- 24 Jan 2012 - Asp Seo
- 20 Jan 2012 - Seo Programları
- 18 Jan 2012 - Anti Seo Tespiti
- 16 Jan 2012 - SeoHocasi 2. Yıldönümü Yarışma Sonuçları Güncellendi!
AutoCAD Sözlüğü
Bağlantılar
Photoshop Dersleri 6…
Web sitesi için en önemli etkenlerden olan iyi bir menü tasarımının nasıl yapılacağı anlatılıyor….
Photoshop Dersleri 6…
photoshop, tasarım, menü, menü yapımı, menü tasarımı…
Photoshop Dersleri 6…
Web sitesi için en önemli etkenlerden olan iyi bir menü tasarımının nasıl yapılacağı anlatılıyor….
Photoshop Dersleri 6…
Web sitesi iin en nemli etkenlerden olan iyi bir men tasarmnn nasl yaplaca anlatlyor….
Photoshop Dersleri 6…
Web sitesi için en önemli etkenlerden olan iyi bir menü tasarımının nasıl yapılacağı anlatılıyor….
Photoshop Dersleri 6…
Web sitesi için en önemli etkenlerden olan iyi bir menü tasarımının nasıl yapılacağı anlatılıyor….
[...] için kurslarına gitti,öğretti.Ayrıca gelişen internet teknolojisi sayesinde bir çok Photoshop dersleri veren siteler kuruldu.Bu siteler aracılığıyla Photoshop’un çok daha geniş kitlelere [...]
[...] için kurslarına gitti,öğretti.Ayrıca gelişen internet teknolojisi sayesinde bir çok Photoshop dersleri veren siteler kuruldu.Bu siteler aracılığıyla Photoshop’un çok daha geniş kitlelere [...]
[...] Photoshop; grafiklerinizi ve fotoğraflarınızı düzenleyebileceğiniz bir resim editörüdür. [...]
Kesinlikle çok faydalı olmuş! emeği geçenlerin ellerine sağlık