Fat_Cat
Matrix Efekt ve Yazı
 
 
Fireworks ile Matrix Yazı Oluşturmak (Photoshop kısmındakini @izon arkadşımız yapmıştı karşılaştırın bakalım nasıl hangisi daha güsel olacak ;)
 
1.Oncelikle bize bu matrix monitorde gorduğumuz o hiç bilinmedik karakterlerden lazım.Bu tarz karakterleri elde etmek için bilgisayarımızın herhangi bir yerindeki bir resmi sağ tuş ile Birlikte Aç tıklatıp Not Defterini seçmeliyiz.Boyut olarak açtığınız resim fazla büyük olmasın.Not Defterinde bir resmi açtığınız zaman Matrix teki gibi anlamsız karakterler dizileri göreceksiniz oradan tahmini olarak satır seçin ve kopyalayın.
Yandaki resimde bir resmin notepad halinede açılmış şekli durmaktadır.
 
2. Şimdi bu yazıyı kopyaladıktan sonra FireWorksumuzu açıyoruz ve 500x500 buyotunda arkaplanı siyah #000000 olan bir yeni proje başlatıyoruz.Direk olarak CTRL+V tuşları ile kopyaladığımız karakter dizisini yapıştırdığımızda FW onu direk olarak text olarak atayacaktır daha sonra text i seçip Properties penceresinden özelliklerini değiştiriyoruz.Text Color Yeşil(#00FF00) yapıyoruz.Yazı tipi Arial ve fontu 10 olarak ayarlıyoruz.Şimdi textimizin son işlemi yazı yonunu soldan sağa doğru değil yukarıdan aşağıya doğru yazdırmak.Bunun için yine Text imiz seçili iken Properties pencersindeki Vertical Left to Right seçiyoruz Bu işlemden sonra yazımızın artık daha çok Matrix e benzediğini göreceksiniz. :)
Buraya kadar eğer işlemleri doğru yaptıysanız projemiz bu görünümde olacaktır.
Burada akan yazıları texti seçerek değişik düzenlemelere gidebilirsiiiz. boylelikle sütun akışları aynı matrixteki gibi olacaktır.
 
3. Bu aşamadan sonra yapacağımız diğer bir işlem Matrix in akan yazılarının 2D (2 boyutlu değil) 3D olduğunu bilmek.On tarafta yazılar kayarken arka planda da perspektif olarak minik kayan yazılar var :).Bu görünümü vermek için biçimlendirdiğimiz textin aynısını kopyalayıp sadece yazı boyutunu 10 dan 6 ya çekmek olacak :).He birde arkaplanda biraz yeşil rengi soldurmamız lazım rengini de #00FF00 dan #009900 a çekiyoruz boylelikle perspektif açımız da vermiş olduk.
 

4.Şimdi diğer işlem şu olacak.Matrix yazımız aşağı doğru kayarken aşağıda yok olmaya başlıyordu bu işlemi gerçekleştirmek için yapmamız gerekenler uygulama boyutunda bir diktorgen çizmek ve geçen yazı dizimizden öğrendiğimiz Gradient Uygulaması nı biraz farklı şekilde uygulamak.500x500 boyutunda bir diktorgen çizelim ve projemizi tamamen ortecek şekilde yerleştirelim.İlk olarak hernagi bir renk olabilir biz zaten Gradient olayında renkleri değiştireceğiz.Paint Bucket Tool umuzun açılır menusunun hemen altında olan Gradient Tool u seçip diktorgenimizi boyuyoruz.Diktorgenin üzerinde bir ucu daire bir ucu kare olan bir çizgi belirecek o bizim uyguladığımız çift rengin yonunu belirler.Yuvarlak ucu diktrgenin alt kısımda ortalanmasını ve kare ucunda aynı hizada üst kısımda hizalamasını sağlayın.Bu işlemden sonra resmimiz bu hali acaktır.Arkadaki Matrix dururken biz bu diktorgenin renkleri ile biraz aynayalım yine Properties Penceresinden coloru editliyoruz.Bildğimizi gibi çift renk uygulandığı için iki renk seçmemiz istenir.Ben default olarak siyah beyazı uygulamıştım.Şimdi bu renklerin ikisinide arkaplana uygun olarak siyah yapın.Üst tarafın renginin sağ tarafta olduğunu goreceksiniz.Burada renk scrollunun hemen üstünde de Opacity değerlerini değiştirebileceğiniz bir scroll daha vardır.Onu tıklayıp ta 0 a çektiğinizde arka daki efectlerin meydana geldiğini göreceksiniz.Buraya kadar herşey bitti.Şayet çok alt kısım çok karanlık kalıyorsa diktorgenini bu renk yonunu değiştiren çizginin yerini değiştirerek karanlığı yavaştan istediğiniz kadar yok edebilirsiniz.Uygulamaızın son halini yan taraftan gorebilirsiniz. Artık tam bir matrix havası verdik.Ama işin en güsel kısmıda bu matrix bizim matrix olduğunu ispatlamak.İşi biraz abartıp ben internetten Matrix yazı fontu buldum ve istedigim ismi bu yazı tipi ile yazıp olayı daha da gerçekci kıldım.Dilerseniz yazı tipini sizde buradan indirebilirsiniz.Proje bitinimde gereken materyal ve uygulaman kaynak dosyasını vereceğim.Ben yazımı yazdım sizde istediğiniz yazıyı yazarak sıradaki effecti uygulamaya geçebiliriz.

Yazdıgımız matrix tipindeki yazıyı biraz daha parlak hale getirmemiz lazım.Bunun için teximizi seçiyor ve Propertiesin hemen sağında duran Effect butonunu tıklayıp listeden Shadow and Glow u seçin ve yana gelen listeden de Drop Shadow u seçin gölge rengini yeşil olarak ayarlayın ve ok leyin.Artık bir matrix yazımız var :).PS dekimi yoksa FW dekimi daha güsel siz karar verin..Uygulamamızın son şeklini aşağıda görebilirsiniz.

Kullanılar Materyaller:
Matrix Font >> indirmek için tıklayınız

Kaynak Dosya FW (matrix.png) >> indirmek için tıklayınız

Editörden Not ;
Bu uygulama daha önce Mehmet (izOn) arkadaşımız tarafındanda yazılmıştı.Fakat iki uygulama arasında değişik uygulamalar var.İki uygulamayıda yayınlamamızın sebebi ikisininde çok öğretici olmasıdır.




+ Dergi Yönetim Ekibi ( dergiden sorumlu kişiler )
+ Yazar Kayıt (online yazar olabilileceksiniz )
+ Yazar Giriş
+ Yorum Yazma ( yazılara yorum yapabilme imkanı )
+ Konuk Yazar
+ Kitaplar (türkçe , ingilizce kitaplar)
+ Kaynaklar (forumlar , siteler , programlar , dökümanlar)
+ Dergiyi Off-line Okuma İmkanı (exe)




© MaxiASP.com Tasarım Grubu 2004-2005
Tasarım: Gürel ERCEİŞ & Arman ACAR | Kodlama : Başlandı...

Blog Forum Teşekkür Künye Download Index Blog Forum Teşekkür Künye Download Index MaxiASP.com MaxiASP.net

Alan adı ve bulundurma : Radore Hosting
Donanım Sponsoru : Mavi Bilgisayar