Photoshop ile Vista stili şeffaf menü tasarımı

Question

Merhaba arkadaşlar ;

Microsoft; Vista ile yeni bir grafik motoru kullanmaya başladı : WPF (Windows Presentation Foundation) Yeni nesil bu arayüzler artık 3D objeleri birebir 3 boyutuyla anlık kullanabilecek,yüksek çözünürlüklü videoları kaliteden ve gösterimden ödün vermeden gösterebilecek. Dahası tüm bu tasarımlar XAML diye yeni bir programlama diliyle open source (açık kaynak) olarak gözükebilecek ve tasarımcı ile yazılımcı arasında kolayca paylaşılarak iş akışı hızlandırabilinecek.WPF arayüzleri tasarlamak içinde çok geçmeden Expression tasarım programlarını çıkardı.Bu tasarımlarda ise en çok göze şeffaf menüler çarpıyor. Ben size aslında böyle menülerin Photoshop ile tasarlanabilir olduğunu da göstermek istiyorum.Yukarıda gördüğünüz ise Adobe'nin Photoshop için tasarladığı yeni logo,paket programları içinde bu programın özelliği ve farklılığını göstermek üzere ona özel bir logo tasarlanmış,iyi de olmuş.Gelin şimdi uygulamamıza geçelim
Öncelikle Photoshop'ta arkaplana fotoğrafımızı açalım.Daha sonra Rounded Rectangle Tool aracı ile köşeleri 15 Radius yuvarlanmış beyaz bir kare çizelim,ölçüleri sizin projenizin uygunluğuna kalmış.

Şimdiki adımda karemizin olduğu Layera sağ tıklayarak Blending Options kısmına girelim ve altta göstermeye çalıştığım 3 filtreyi aynı değerlerle işaretleyerek verelim.

Bu filtrelerle karemize kutu izlenimini kazandırdık.Şimdi ise o layer seçiliyken alttaki gibi opacity değerini azaltarak şeffaflığını sağlayacağız.Buradaki % değeri sizin seçtiğiniz fotoğrafın canlılığı ile ilgili değişken olabilir,bende %42 yeterli gözüküyor ve şeffaflıkta atıyorum.

Geriye kalan kısımda üstüne butonlarınızı , yazılarınızı hatta Flash'a atarak orada animasyonlu menulerinizi tasarlayabilirsiniz.

Faydalı Olması Dileğiyle...

Doc.Deniz · Answer

Resimli anlatıma ne gerek var ki? Kutuyu çiz opacity düşür o kadar

BuRacK · Answer

Link Ölmüş Dostum  Yenilermisin Çok Güzel Birşey

Tyreece · Answer

BuRacK1994 adlı üyeden alıntı:						mesajı görüntüle									Link Ölmüş Dostum  Yenilermisin Çok Güzel Birşey 		*Edit: Anlatımı yapıldı beyefendi... 

						Denizalgin adlı üyeden alıntı:						mesajı görüntüle									Resimli anlatıma ne gerek var ki? Kutuyu çiz opacity düşür o kadar 		Konuyu editledim bak bakalım kutu çizip, opacity düşürerek mi yapılıyormuş. (!)

DaBuLyU · Answer

Denizalgin adlı üyeden alıntı:						mesajı görüntüle									Resimli anlatıma ne gerek var ki? Kutuyu çiz opacity düşür o kadar 		Adam teknik anlatmış hoca, hemde çok süper anlatmış, hatta +Rap'ı bile haketmiş..

Eline sağlık Tyreece, +Rap.

Liily · Answer

Güzel yapmış bence daha hoş duruyor.

Tyreece · Answer

Arkadaşlar işinize yaradıysa ne mutlu bana... 
Paylaşımlara devam.

joKer06 · Answer

Güzel anlatım olmuş teşekkürler: )

FMGraphics · Answer

Denizalgin adlı üyeden alıntı:						mesajı görüntüle									Resimli anlatıma ne gerek var ki? Kutuyu çiz opacity düşür o kadar 		Haklısın dostum sadece o  yöntemle yapılabilir uzun uzaya anlatmaya gerek yok diye düşünüyorum

joKer06 · Answer

FMGraphics adlı üyeden alıntı:						mesajı görüntüle									Haklısın dostum sadece o  yöntemle yapılabilir uzun uzaya anlatmaya gerek yok diye düşünüyorum  		Arkadaş öyle demeyin arkadas farklı bi yolla söylemiş belki bazıları o yöntemle yapmayı bilmiyor genede teşekkürler..

FMGraphics · Answer

joKer06 adlı üyeden alıntı:						mesajı görüntüle									Arkadaş öyle demeyin arkadas farklı bi yolla söylemiş belki bazıları o yöntemle yapmayı bilmiyor genede teşekkürler.. 		Tabiki sonuçta emek var ona birşey demiyorum.