| |
|  | |||||||
Photoshop Grafik Tasarımı forumunda bulunan Web 2.0 Menu Tasarımı konusunu görüntülemektesiniz. Linkleri Görebilmek İçin Üye Olmalısınız. Üye Olmak için Tıklayınız. Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya ...
 | |
 |
|
Gösterim: 243 - Cevaplar: 6
| Seçenekler |
01-12-07, 15:16
| #1 | |
| Administrator 
Üyelik tarihi: Jan 2007
Nerden: Mersin Mesajlar: 18,690 |  Web 2.0 Menu Tasarımı
Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya yorum yaparak başlayabilirsiniz. - Yorum yaptıktan sonra sayfayı yenilemeyi unutmayın.)Web 2.0 stilinde yukarıdaki gibi yansımalı bir menu tasarımı için photoshopta backgroundu siyah,400 - 150 piksel bir çalışma açalım.Aşağıdaki renge yakın köşeleri yuvarlanmış menumuz olacak kareyi çizelim. Linkleri Görebilmek İçin Üye Olmalısınız. Üye Olmak için Tıklayınız. Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya yorum yaparak başlayabilirsiniz. - Yorum yaptıktan sonra sayfayı yenilemeyi unutmayın.)Bu karenin bulunduğu layera sağ tıklayalım ve aşağıda gelen özelliklerden Blending Options kısmını seçelim. Linkleri Görebilmek İçin Üye Olmalısınız. Üye Olmak için Tıklayınız. Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya yorum yaparak başlayabilirsiniz. - Yorum yaptıktan sonra sayfayı yenilemeyi unutmayın.)Öncelikle ekranımıza gelen Blending Options kısmında alttaki ayarları verelim. Linkleri Görebilmek İçin Üye Olmalısınız. Üye Olmak için Tıklayınız. Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya yorum yaparak başlayabilirsiniz. - Yorum yaptıktan sonra sayfayı yenilemeyi unutmayın.)Sonraki adımda yandaki panelden Drop Shadow seçelim ve yine alttaki ayarları verelim.Blend Mode Multiply burada çizdiğimiz mavi kareyi backgorun rengi siyahla birleştirecektir. Linkleri Görebilmek İçin Üye Olmalısınız. Üye Olmak için Tıklayınız. Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya yorum yaparak başlayabilirsiniz. - Yorum yaptıktan sonra sayfayı yenilemeyi unutmayın.)Sol paneldeki Gradient Overlay içinde alttaki ayarları girelim ve en son olarak stroke panelinden beyaz renkte 1 piksel büyüklüğünde bir stroke yani çeper ekleyelim. Linkleri Görebilmek İçin Üye Olmalısınız. Üye Olmak için Tıklayınız. Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya yorum yaparak başlayabilirsiniz. - Yorum yaptıktan sonra sayfayı yenilemeyi unutmayın.)Çizdiğimiz karemiz verdiğimiz Blending Optionslardan sonra alttaki hale geldi. Web 2.0 stilinde yansıma özelliklerini verebilmeyeye geldi sıra. Linkleri Görebilmek İçin Üye Olmalısınız. Üye Olmak için Tıklayınız. Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya yorum yaparak başlayabilirsiniz. - Yorum yaptıktan sonra sayfayı yenilemeyi unutmayın.)Bu kareye alttaki gibi beyaz bir çizgi çizelim ve Elliptical Marquee ve feather 30 iken köşelerinden birkaç kez Delete tuşuna basarak bir kısmını kaldırdım ve opacity'sini %30 verdim. Linkleri Görebilmek İçin Üye Olmalısınız. Üye Olmak için Tıklayınız. Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya yorum yaparak başlayabilirsiniz. - Yorum yaptıktan sonra sayfayı yenilemeyi unutmayın.)Yansıma efekti için ise alttaki gibi yine bir köşeleri yuvarlanmış beyaz rengte bir kare çizdim ve opacity'sini %15 verelim. Linkleri Görebilmek İçin Üye Olmalısınız. Üye Olmak için Tıklayınız. Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya yorum yaparak başlayabilirsiniz. - Yorum yaptıktan sonra sayfayı yenilemeyi unutmayın.) En son adımda artık menünün arka planını tamamlamış olduk beyaz ve Web 2.0 fontlarından birtanesi ile menülerinizi oluştumak size kalmış. Web 2.0 stillerinde ençok kullanılan Vista ile popülerliği artan Calibri,veya benim kullandığım Trebuchet MS tavsiyemdir. Linkleri Görebilmek İçin Üye Olmalısınız. Üye Olmak için Tıklayınız. Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya yorum yaparak başlayabilirsiniz. - Yorum yaptıktan sonra sayfayı yenilemeyi unutmayın.)Artık menümüz altta göründüğü gibib hazır.İster dreamweaver'da hotspot ile , ister flash'a atıp buton yaparak linklerini verebilirsiniz. Faydalı olması dileğiyle... Linkleri Görebilmek İçin Üye Olmalısınız. Üye Olmak için Tıklayınız. Eğer üyeyseniz en az 1 tane mesajınızın bulunması gerekmektedir. (Bu konuya yorum yaparak başlayabilirsiniz. - Yorum yaptıktan sonra sayfayı yenilemeyi unutmayın.) alıntıdır... |
|
16-02-08, 09:05
| #2 |
| Ap Yeni Üye  
Üyelik tarihi: Feb 2008 Mesajlar: 1 | Cevap: Web 2.0 Menu Tasarımı tşkler |
|
30-03-08, 15:15
| #3 |
| Ap Yeni Üye
Üyelik tarihi: Mar 2008
Nerden: adana Mesajlar: 12 | Cevap: Web 2.0 Menu Tasarımı teşekkürler cok iyi |
|
04-04-08, 12:24
| #4 |
| Ap Yeni Üye
Üyelik tarihi: Apr 2008 Mesajlar: 2 | Cevap: Web 2.0 Menu Tasarımı güzel olmuş ellerine saglık |
|
23-04-08, 18:04
| #5 |
| Ap Yeni Üye
Üyelik tarihi: Apr 2008 Mesajlar: 1 | Cevap: Web 2.0 Menu Tasarımı çok Iyi |
|
22-06-08, 19:32
| #6 |
| Ap Yeni Üye
Üyelik tarihi: Jun 2008 Mesajlar: 1 | Cevap: Web 2.0 Menu Tasarımı teşekkürler.... |
|
13-07-08, 10:45
| #7 |
| Ap Yeni Üye
Üyelik tarihi: Jul 2008 Mesajlar: 1 | Cevap: Web 2.0 Menu Tasarımı tsklerr |
|
| Reklam | |
| Seçenekler | |
 Latest Threads From This Forum
| ||||||
| Konu | Yazan | Forum | Cevaplar | Son Mesaj | ||
| Brush - Sea Creatures vol.2 | saxahan | Photoshop Grafik Tasarımı | 0 | Bugün 05:02 | ||
| Brush - Sea Creatures vol.1 | saxahan | Photoshop Grafik Tasarımı | 0 | Bugün 05:02 | ||
| Brush - Old Postage Stamp Brushes | saxahan | Photoshop Grafik Tasarımı | 0 | Bugün 05:02 | ||
| Brush - Skulls and Hearts | saxahan | Photoshop Grafik Tasarımı | 0 | 28-08-08 05:00 | ||
| Brush - Messy Flora | saxahan | Photoshop Grafik Tasarımı | 0 | 28-08-08 05:00 | ||
Powered by vBulletin, Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
