ActionScript Türkiye

Yıllardır grafik programlarında fotoğraflar ve çizimler üzerine uyguladığımız blur, drop shadow vb. filtreleri ActionScript ile nasıl kullanırız.

Bitmap Filters
Filtrelerle çalışırken 2 farklı filtre kullanımından bahsedebiliriz: temel ve geliÅŸmiÅŸ… Photoshop’u ele alırsak temel filtreler hızlı bir ÅŸekilde kullanabileceÄŸimiz layer stilleri, geliÅŸmiÅŸ filtreler ise Photoshop’un Filters menusünde bulunan çok daha fazla sayıdaki filtrelerdir.

Bu yazıda ise temel filtreleri ele alacağım.

Temel Filtreler
Bu gruptaki filtreleri DropShadow, Blur, Glow, Bevel, GradientGlow ve GradientBevel olarak söyleyebiliriz.

ActionScript ile bu filtreleri kullanırken ilk önce filtreyi özellikleriyle beraber tanımalamalı ve daha sonra tanımladığımız bu filtreyi istediğimiz nesneye uygulamalıyız.

İlk örneğimiz bir DropShadow filtresi olacak. Çizmiş olduğumuz kare_mc örnek isimli kare sembolüne bir gölge ekleyeceğiz.

DropShadow Filtresi
Her ne kadar benim pek sevmediğim bir filtre de olsa DropShadow filtresi en çok kullanılan filtreler arasındadır.

Bu filtreyi ActionScript ile kullanmak neredeyse grafik programlarında kullanmak kadar basittir. Yapılması gereken önce istediğimiz isimde bir filtre tanımlamak ve daha sonra bu filtreye görmek istediğimiz özellikleri eklemek.

DropShadow filtresinin tanımlayacağımız özellikleri şu şekildedir:

distance : konumu
blurX : x konumundaki fluluk deÄŸeri
blurY : y konumundaki fluluk deÄŸeri
alpha : görünürlük değeri

var ds:DropShadowFilter =
new DropShadowFilter();
ds.distance = 5;
ds.blurX = 10;
ds.blurY = 10;
ds.alpha = .6;

Filtremizi tanımladıktan sonra geriye sadece tanımladığımız bu filtreyi istediğimiz nesne de kullanmak kaldı. Bunu yapmakta son derece basittir.

kare_mc.filters = [ds];

Ä°ÅŸte hepsi bu!
Artık kare sembolümüzde bir DropShadow etkisi oluşmuş durumdadır.

Blur Filtresi
En sık kullanılan ikinci filtre olarak blur filtresini söyleyebiliriz. Hatta benim için birinci sırada gelir :)

Bu örneği yapmak için ise brush tool ile rastgele bir çizim yapın.

Daha sonra yaptığınız bu çizimi MovieClip olarak sembole dönüştürdükten sonra cizim_mc örnek ismini vererek kod yazmaya hazır hale getirin.

var blur:BlurFilter = new BlurFilter(10, 10);
cizim_mc.filters = [blur];

Blur filtresini kullanırken değer olarak x ve y konumlarındaki fluluk değerini girmemiz yeterli olacaktır.

Glow Filtresi
Nesnelerin etrafında oluşturulan ışık etkisini Glow filtresi ile elde edebilirsiniz.

Bu filtreyi kullanmak içinde yine kare_mc isimli sembolü kullanabilirsiniz.

Glow filtresinde tanımlayacağımız özellikleri  ise şu şekildedir:

color : renk ayarı 0xrenkKodu şeklinde
blurX : x konumundaki fluluk deÄŸeri
blurY : y konumundaki fluluk deÄŸeri
alpha : görünürlük değeri

var gl:GlowFilter = new GlowFilter();
gl.color = 0xFF6600;
gl.blurX = 10;
gl.blurY = 10;
gl.alpha = .5;

kare_mc.filters = [gl];

Glow filtresinin kullanımı da aynı diğer filtreler gibidir.

Bevel Filtresi
Nesneler üzerine kabartma efekti uygulamak için ise Bevel Filtresini kullanabilirsiniz.

Bu filtre içinde yine kare_mc isimli sembolü kullanacağız.

Bevel filtresinde ise hiçbir özellik tanımlamadan direk filtreyi kullanacağız. Böylece filtrenin varsayılan değerlerini kullanarak oluşan etkiden yararlanacağız.

var bevel:BevelFilter = new BevelFilter();

kare_mc.filters = [bevel];

Hiçbir değer vermediğiniz takdirde kullandığınız filtrenin varsayılan değerleri karşınıza çıkaraktır.