Grafik - Tasarim

ActionScript 3.0 ile sayfayı tam ekran yapmak

2009-03-23T13:28:00.001-07:00

Flash animasyonumuzu tam ekran yapmak oldukça kolay.Tam ekran yapmak için ana frame'ye

fscommand("fullscreen","true");

kodunu eklememiz yeterli olacaktır.Bu sayede animasyonumuz ilk açıldığında full screen yani tam ekrada görüntülenecektir.Tam ekranı iptal etmek için ise :

fscommand("fullscreen","false");

kodunu kullanabilirsiniz ...

Hareketli Baloncuk Yapımı

2009-03-23T13:20:00.000-07:00

Hareketli baloncuk animasyonu için yeni bir sayfa açıyoruz.Boyutlarını ve arkaplan rengini istediğiniz şekilde yapabilirsiniz.Şimdi ise 1. framenin action kısmına :

var holder:Sprite = new Sprite();
addChild(holder);

for (var i:int; i<200;>
var arrayBuble:Array = new Array();
holder.y = 400;
arrayBuble[i]= new Bubels();
holder.addChild(arrayBuble[i]);
arrayBuble[i].x = Math.random()*stage.stageWidth;
arrayBuble[i].scaleX = arrayBuble[i].scaleY = Math.random();

arrayBuble[i].gotoAndPlay(Math.ceil(Math.random()*14));
}

kodlarını yapıştırın ve çalıştırın.

ÖRNEK ÇALIŞMAYI İNDİRMEK İÇİN TIKLAYINIZ

Flash ile Şifreli Girişi Yapımı

2009-03-23T13:02:00.000-07:00

Flash kullanarak bir çok özelliği bir kaç yoldan yapılabileceğini daha önceki derslerde öğrenmiştik. Mesela bir butonun üstüne fareyle geldiğimiz zaman movienin başka bir yerinde her hangi bir nesneyi ziyaretçilerimize göstermemizin bir çok yolu vardır. Bunlardan biri butonumuzun over framesine yerleştireceğimiz nesneyle diğeri ise tell target olayıyla. Daha değişik yollarda kullanabilirsiniz. Bu tamamen sizin zevkinize kalmış bir mesele.

Bu haftada sayfa tasarımı yapanlar tarafından en çok ilgi çeken konulardan birini işleyeceğiz. Sayfamızda, Flashla yapacağımız bir movieyle ziyaretçilerimizden şifre isteyeceğiz. Şifreyi bilenler istedikleri sayfaları görecekler. Yukarıda da belirttiğim gibi şifre sorma olayını çok değişik şekillerde yapabiliriz. CGI kullanabiliriz, iki Text Field'deki değerleri karşılaştırıp yapabiliriz veya şifreyi direkt olarak yazabiliriz. Biz sizler için en kolay olanı anlatacağız yani üçüncü yolu.

Flash'ı açtıktan sonra ilk önce moviemizin boyutunu, arka plan rengini ayarlayalım. Şifre moviemiz için 300x200 pixel işimizi görür sanırım. Arka planıda siyah yapın. En azından bu örneğimiz için. Sonradan istediğiniz bir renk yapabilirsiniz. Movienin boyutunu ve arka plan rengini Modify/Movie(Ctrl+M) seçeneğinden ayarlayabileceğinizi de şöyle kısaca bir hatırlatalım.

Moviemizin boyutunu ve rengini ayarladıktan sonra Text Tool(T) aracı ile moviemizin sol üst tarafının biraz altına Username yazalım. Username yazısının hemen altına Password yazalım.
Text Tool aracımız seçiliyken aktif hale gelen Text Field kutusunu tıklayalım ve Username yazısının hemen karşısına yüksekliği ve genişliği Username yazısı kadar olacak şekilde dikdörtgen bir alan çizelim. Aynı alanı Password yazısının karşısınada yerleştirelim. Böylece ziyaretçimiz Usernamesini hemen karşısındaki alana, Passwordünüde hemen karşısındaki boş alana yazabilecek. Şimdi kolaylık olması açısından Text Fieldlerimizin isimlerini değiştireceğiz.
Bunun için Text Fielde farenin sağ tuşuyla tıklayıp Properties seçeneğini kullanmamız gerekiyor. İlk önce Username yazımızın karşısındaki Text Fielde sağ tuşla tıklayıp Properites seçeneğini seçelim. Açılan Text Filed Properties penceresinde Variable yazan kutucuğa küçük harflerle username yazalım.

Şimdide Password yazımızın karşısındaki Text Fieldimizede aynısını yapalım. Sadece Variable kutucuğuna password yazalım birde yazılan harflerin yıldız biçiminde gözükmesi için Password seçeneğinide işaretleyelim. Böylelikle Text Fieldlerimizle işimiz bitmiş oldu ve her ikisininde yeni isimleri oldu. Birinin ismi username diğerinin ismi password oldu. Şimdi sıra butonumuza geldi. Butonu kolay olsun diye normal yazıyla yapalım. Bunun için Text Tool(T) aracı ile (Text Field seçili değilken) Enter yazalım ve F8 tuşuyla bu yazıyı
butona çevirelim. Butonumuza sağ tuşla tıklayıp Properties seçeneğini seçelim. Ordan Action kulakçığına geçelim ve artı işaretine basarak açılan menüden On MouseEvent seçeneğine tıklayalım. Böylelikle Action alanımıza On () ve End On diye iki yazı eklemiş olduk. On () yazısı seçili iken karşıdaki Event bölümünden Release kutucuğunu işaretleyelim. Artı işaretine tekrar basalım ve If seçeneğini seçelim. Condition bölümüne username eq "dinamit" and password eq "online" yazalım. Burdaki "xxxx" tırnak içinde yazılmış olan dinamit username, ikinci tırnakta yazan online ise passwordümüz. Buraları siz kendi isteğinize göre değiştirebilirsiniz. Artı kulakçığına tekrar tıklayın ve Go To seçeneğini seçin. Number bölümüne 2 yazın. If yazan seçeneği tekrar aktif hale getirin ve username eq "dinamit" and password eq "online" yazan yerin hemen altındaki Add Else/Else If Clause yazan düğmeye basın. Böylelikle Actions bölümüne Else diye bir yazı eklemiş olduk. Bu yazı seçiliyken artı işaretine tıklayın ve Go To seçeneğini seçip number bölümüne 3 yazın. Ok tuşuna basın. Düğmeyle işimiz bitti.
Geriye kalan işlerimizden biride moviemize 2 boş frame daha eklemek. Moviemize F7 tuşuyla 2 tane boş frame ekleyelim. Eğer username ve şifre doğruysa Flash, ziyaretçiyi 2. frameye götürecek eğer yanlışsa 3. frameye götürecek. 2. frame seçili iken Text Tool'la "Tebrikler Şifreniz Doğru" diye bir yazı yazın. 3. Frameyi seçili hale getirin ve "Şifreniz Yanlış Tekrar Denemek İçin Buraya Tıklayın" yazın. En son olarakta bütün framelere Stop değerini girin. Böylelikle moviemiz her seferinde bir frame ilerleyecektir. 3. Framedeki Buraya yazısınıda butona çevirin ve Actions bölümünden Go To yu seçerek Number bölümüne 1 yazın.

Kısaca özetlemek gerekirse; 3 tane framemiz var ve 1. framemizde 2 tane text fieldimiz var. Birinin ismi username diğerinin ismi password. Yaptığımız butonada eğer username bölümünde dinamit, password bölümünde de online yazıyorsa 2. frameye git eğer başka birşey yazıyorsa 3. frameye git demekten başka bir şey değildi. Burda illaki frameye gidilecek diye bir hususta yok. 2.frame yerine Get URL komutunu kullanarak ziyaretçiyi html sayfasınada yönlendirebiliriz. Kısaca herşey Hayal Gücünüze bağlı.

Ctrl+Enter ile yaptığımız animasyonu görebilirsiniz

Açılır menü

2008-04-22T06:57:00.001-07:00

u derste açılan menü yapımını anlatmaya çalışacağım ilk olarak flash sayfamızı açalım rectrangle(kare yapım ®)aracını seçelim tools menüsünde options un hemen altında duran set corner radius�a tıklayalım ve bu değeri 12 yapalım Sahneye dış çizgisi olmayan bir kare çizelim text aracını seçip üzerine menü yazalım ve karemizi tamamen seçip F8 diyerek movie clip yapalım Şimdi menü movie clip imize çift tıklayarak içine girelim sahnede demin oluşturmuş olduğumuz menü karesi duruyor sahnedeki layerın ismini menü olarak değiştirelim bunun üzerine 2 tane daha layer ekleyelim ve sahnedeki layerların sıralaması aşağıdaki gibi olsun Şimdi mask katmanını seçelim ve buraya biraz sonra ekleyeceğimiz ana sayfa, galeri vs.. gibi butonları koyacağımız büyüklükte bir kare çizelim rengi önemli değildir çünkü bunu maskelemek için kullanacağız bunu f8 diyerek grafik yapalım şimdi geldik butonları yerleştirmeye ne kadar buton oluşturacaksanız o kadar layer oluşturun ve bu layerları mask katmanını altına çekin ben 3 tane buton oluşturacağım ve isimleri sırasıyla ana sayfa ,linkler ve galeri olacak son olarak en alta da bir layer eleyelim ve adına fon diyelim bu butonların arkasında bulunan zemin olacak buraya kadar yapılan işlem ve layerların sıralaması aşağıdaki gibi olmalı. Şimdi fon layer�ını seçip mask layerında çizdiğimiz kareden biraz daha ufak bir kare çizelim ama menü ile uyumlu bir renge sahip olsun ve bu çizdiğimiz kareyi menü yazısının üstüne taşıyalım aşağıdaki gibi olmalı Şimdi daha öncede yapmış olduğumuz butonları sahnedeki layerlarına yani ana sayfa butonunu ana sayfa layerına, linkler butonunu linkler layırına ama fon katmanın uzerinde bir yere yerleştiriyoruz(buton yapımı için daha önceki buton yapımı ve kullanımı adlı dersi inceleyin ) aşağıdaki gibi olmalı son şekli Şimdi gizli menüyü hareketlendirmeye geldi menü layerı hariç bütün layerlara F6 deyin menü layerın da ise 10 frame F5 deyin time line aşşaıdaki gibi olmalı Şimdi mask layerına gelin ve sağ kilik yapı mask seçeneğini seçin altındaki butonların bulunduğu layerları ve fon layer ını Mouse un sol tuşuyla çift tıklayın ve karşınıza gelen menüden masked seçenegini seçin Şimdi time line dan 5. frame geliyoruz sahnedeki action, Ana sayfa ve mask katmanını kilitliyoruz ve Mouse ile sahneyi tamamen seçip klavyeden aşağı ok tuşu ile seçtiğimiz butonlar ve fon katmanını aşağı indiriyoruz bunu yaparken sahneden kaybolduğunu göreceksiniz seçtiğiniz layerların şimdi mask katmanın üzerindeki kilitli işratinin yanındaki nokta yani gizli/ göster düğmesine tıklayın bi çarpı olmalı tıkladığınızda. Ve şimdi ana sayfa layer ına gelin ve timeline da sag klikleyin karşınıza gelen menüde en bastaki create motion tween e tılatın karşınıza pembemsi bir renkte ok gelecek bu işlemi diğer linkler, galerive fon katmanında da uygulayın --------------------------------------------------------- Şimdi time line çizgisini 0 ile 5 arasında oynatınca yukardan aşağıya inen menümüzü görüyoruz şimdi 10. freme gelelim menü layer'ı hariç bütün layerlara F6 diyelim ve demin yaptığımız gibi aşağıya taşıdığımız bütün layerları tekrara menü çubuğunun üstüne taşıylaım ve hepsine birer create motion tween ekleyin Şimdi geldi actionscript eklemeye acrions paneline gelelim 1. frame e tıklayalım F9 a basalım actions paneline stop(); komutunu ekleyelim 5. frame e de stop(); ekleyelim ve 10.frame gotoAndPlay(1); komutunu ekleyelim ve secene deyip ana sahneye dönelim şimdi işlemimiz daha bitmedi sahnede öylece çalışmayı bekleyen bir movie clip imiz var şimdi menümüzün bulunduğu layer ın üzerine bir layer daha oluşturalım ve adına da buton diyelim ve bir kare çizelim ve F8 le buton yapalım şekli şemali önemli değil sadece yaptığımız movie clip'i kaplasın yeter şimdi düğmemize tıklıyoruz ve properties denetçisin den color yazan yere tıklayın ve alpha değerini 0 yapın böylece buton sahnede görünmeyecek şimdi butonumuzu menü movie clip inin üzerine koyalım movie clip i tamamen kaplasın şimdi buton seçiliyken Actions panelini açalım (F9 ile ) ve şu kodları ekleyelim bu kısımda buton ve menü movi klip ini karıştırmamaya dikkat edin anlamak için propertiesten kontrol edin evet butona şu kodları yazalım on(release){ menü_mc.gotoAndPlay(5); }şimdi menü movi clip ini seçelim ve instance name ine menü_mc yazalım bunu yapmaz isek buton bu komutu hangi moviclipe uygulayacağını bilemez ve yaptığımız menü çalışmaz Artık CTRL+Enter

guide kullanımı

2008-04-22T06:46:00.000-07:00

İlk olarak
1-) sahnemize 3tane layer oluşturalım ve başta top altında pota ve zemin olmak üzere isimlendirelim.
2-)top layer ına oval aracını seçerek (O) CTRL ye basılı tutarak dış çizgisi olmayan bir top çizelim
3-)şimdi pota layerına gelelim ve potaya benzer bir oval çizelim ve zemin layer ına da line tool ile düz bir çizgi çizelim
4-)şimdi top layer ına sağ kilik diyelim ve Add motion guide seçeneğini seçelim top layer ını üzerine guide top diyer bir layer geldi bu layer�a çizeceğimiz çigiyi takip edecek objemiz
5-)şimdi araçlar(tools)menumuzde selection aracını seçelim ve tools menusunun altında mıknatısa benzeyen snap to object seçili değilse seçelim (bunu yapmaz isek nesne çizgiyi takip etmez )ve çizgi seçeneklerinden smoot u seçelim
6-)pota ve top guide layer ların da 50 frame tıklayın ve F5 deyin sonra Top layer ında 50 frame F6 deyin
7-)en üstteki �top guide� layer ına gelin ve çizginizi potanızın içinden geçecek şeklide kalem yada fırça aracı ile çizin

8-)şimdi normal top layer ına gelin ve son frame e tıklayın ve topunuzu çizginin sonuna getirin yani: top oynadığında en son duracağı nokta ,şimdi top layer ına sağ kilik ve create motion tween i seçin ve CTRL+ENTER deyin.
bu mantıla hareket eden arabalar vs birçok degisik çalısma yapabilirsiniz

Harita Zoom

2008-02-07T10:49:00.000-08:00

Önizleme

Bu Çalışmayı Indirin

Çalışmayı(.Fla) İndir

Kalemle Çöp Adam Cizdirme Animasyonu :)

2008-02-07T10:47:00.001-08:00

Önizleme

Bu Çalışmayı Indir
(JueLz'e Tesekkurler)

Çalışmayı(.Fla) İndir

Güzel Bir Animasyon Daha

2008-02-07T10:45:00.001-08:00

Önizleme

Byu Çalışmayı Indir

Çalışmayı(.Fla) İndir

Güzel Bir Mouse Efekti

2008-02-07T10:40:00.000-08:00

Önizleme

Bu Çalışmayı Indirin

Çalışmayı(.Fla) İndir

Güzel Bir Çalışma

2008-02-07T10:35:00.000-08:00

Önizleme

Bu Çalışmayı Indirin

Çalışmayı(.Fla) İndir

XML ile Flash'a Resim Cekmek

2008-02-07T10:32:00.001-08:00

İlk olarak bir m.c oluşturun içine her hagi bir eklenti yapmadan anasayfaya dönün. Daha sonra Library den m.c nizi ana sahneye çekin ve instance name bölümüne tesi ismini verin.
Evet sıra geldi xml ile iletisim kurmaya öncelikle farklı bir layer ekleyerek içine alttaki kodları yazın.

meuXML = new XML();
meuXML.load("dosyaismi.xml");
meuXML.ignoreWhite = true;
a = 0;
meuXML.onLoad = function() {
tesi.loadMovie(meuXML.childNodes[a].firstChild.nodeValue);
};

Kodların Açıklaması :
1. Satır : Bu bölümde değişkenin xml dosyası olduğu belirtiliyor.
2. Satır : Değişken ile xml arasında bağlantı kurduğu satır. "Dosya ismi. xml" yazan bölüm xml nizin adı olmalıdır.
3. Satır : Bu bölümde açıklanmaya değer fazla bir şey yok xml ve beyaz noktalarla ilgili.
4. Satır : Bu bölümde değişkene hangi sıradaki resmin çağırılacağı belirtilir.
5. Satır : Xml nin yüklendiğini belirtmek için yazılır.
6. Satır : mc nin instace bölümdeki ismini buraya yazarak o movie nin içine yuklenmesini saglar.

Aşağıdaki kodlarda xml nin içine yazılması gereken kodlar.

img1.jpg
img2.jpg
img3.jpg
.
.
.
.
.

Burdan da anlasılacagı gibi burda resimler xml ye tanıtılmakta.

Önemli Not : Resimleri, fla dosyasını ve xml dosyasını aynı alan içine kaydetmeyi unutmayın.

Fare Ile Mask Yöntemi

2008-02-07T10:31:00.001-08:00

ilk layerda sahneye maskelemek istediğiniz bir resmi sürükleyerek koyun yada file-->import-->import to stage den koyun

layer 1 e sağ tıklayın properties e tıklayın ve ordan ismini cisim koyun

yeni layer oluşturun aynı yöntemle onun adınıda mask koyun

mask layer ına tıklayın ve sahneye çizgisi olmayan dolgusu(renk fark etmez) olan bir yuvarlak (faketmez ama en güzel görünen yuvarlaktır diye dedim)

yuvarlaya tıklayıp f8 e basın ve movie clip (kısacası mc) yapın

instance name kısmına Flash yazın

yuvarlaya 1 kere tıklayıp actions bölümünü açın ve şu kodları yazın

on (press) {
startDrag("/flash");
}
on (release) {
stopDrag();
}

sellection toll a 1 kere tıklayınız ve properties bölümünden background u siyah yapın (bu benim tercihim siz istediğinizi seçin)

son olarak mask layerına sağ tıklayın ve mask ı seçin
ve ctrl+enter le flashınızı kontrol edin

Animasyonlu Buton Yapımı

2008-02-07T10:30:00.001-08:00

1 . File - New

2 . Properties alanından arka plan yeşil ayarlanır.

3 . Timeline de yeni layer eklenir ve iki layer olmuş olur.

4 . İlk layer de çiçeğin koyulacağı bahçe şekli oluşturulur. Bunun için araç kutusundan fırça seçilir ve dolgu rengi değiştirilerek sahneye şekiller çizilir.

5 . Diğer layerde fırça yardımıyla çiçek çizilir. Seçim aracı ile seçilerek Insert � Convert to Symbol ile Buton özelliği verilir.

6 . Çiçek üzerinde çift tıklanır ve açılan pencerede Up kısmında F6 ile anahtar kare eklenir. Over kısmında da F6 ile anahtar kare eklenir ve çiçeğin boyutu ve Alpha özelliği değiştirilir.

7 . Yine Over karesindeyken Text aracı ile çiçeğin yanına bir yazı yazılır.

8 . CTRL+ENTER ile test edelim

Tekerlek Yapımı

2008-02-07T10:29:00.002-08:00

1-Layer1 -->ilk kare create motion tween-->(istediğin yere kadar) insert keyframe
3-frame1'i seç.
4-şekil seç.
5-properties'ten tween:motion seç.
6-properties'ten ease:78 (istediğiniz sayıyı seçebilirsiniz) *ease=tekerlek hızını ayarlar.
7-tekrar properties'ten rotate=cw' yi seç. *cw=saat yönüne dönmeyi sağlar.

8-sonuncu frame'i seç.
9-şekil seç.
10-properties'ten tween:motion seç.
11-properties'ten ease:78 (istediğiniz sayıyı seçebilirsiniz)
12-tekrar properties'ten rotate=cw' yi seç.

Şifreli Çalışma Yapmak

2008-02-07T10:29:00.001-08:00

Önce 2 tane ayrı ekran çizeceğiz.

1.EKRAN İÇİN;

1-TEXT TOOL'a bas.
2-properties'ten input 'a bas.
3-dikdörtgen çiz.
4-properties'ten var'a a yaz.

2.EKRAN İÇİN;

1-TEXT TOOL'a bas.
2-properties'ten input 'a bas.
3-dikdörtgen çiz.
4-properties'ten var'a s yaz.

Şimdi onay kutusu yapmalıyız.

ONAY KUTUSU İÇİN;

1-bir kare çiz.
2-f8 --> convert to symbol'den buton yap.
3-ACTION'dan --> condition/loops'a bas.
4-if'i seç.
5-Şu kodları yazın;

on(release){
if (a=="TÜRKİYE")
{ S="DOĞRU" }
else
{ s="YANLIŞ"}
a=" ";
}

Şimdi Test Edin

Hesap Makinesi Yapımı

2008-02-07T10:27:00.000-08:00

EKRAN İÇİN;
1-TEXT TOOL'a bas.
2-properties'ten input 'a bas.
3-dikdörtgen çiz.
4-properties'ten var'a x yaz.

RAKAMLAR İÇİN;
1-hesap makinasının tuşları modunda kare çizin.
2-kareyi f8_convert to symbol'den button'u seçin.
3-kareleri çoğalt.
4-bu karelerden 0'dan 9'a rakamlar,4 işlem,sil ve eşittir komudu oluşturacağız:)
5-1 nolu buton için;

1 nolu butonu seç
on (release)
{
x=x+"1";
}

Geriye kalan 2,3,4,5,6,7,8,9,0 nolu butonlar için aynı işlemi uygulayacağız yanlızca kodun yazılacağı butonu seçip,
x=x+"1"; kısmındaki 1 yerine yazılcak sayının kendisini yazacağız!!

SİL İÇİN;
1-Sil butonunu seç;
on (release)
{
x=" ";
y=0;
}

TOPLAMA (+) İÇİN;
1-TOPLAMA (+) butonunu seç;

on (release)
{
y=x;
x=" ";
k=1;
}

ÇIKARMA (-) İÇİN;
1-ÇIKARMA (-) butonunu seç;

on (release)
{
y=x;
x=" ";
k=2;
}

ÇARPMA (*) İÇİN;
1-ÇARPMA (*) butonunu seç;

on (release)
{
y=x;
x=" ";
k=3;
}

BÖLME (/) İÇİN;
1-BÖLME (/) butonunu seç;

on (release)
{
y=x;
x=" ";
k=4;
}

EŞİTTİR (=) İÇİN;
1-EŞİTTİR (=) butonunu seç;
on (release)
{
if(k==1)
{
x=int(y)+int(x);
}

on (release)
{
if(k==2)
{
x=int(y)-int(x);
}

on (release)
{
if(k==3)
{
x=int(y)*int(x);
}

on (release)
{
if(k==4)
{
x=int(y)/int(x);
}}

Flash ile Site Yapmak

2008-02-07T10:24:00.000-08:00

Bu derste flash ile site yapma mantığını anlatmaya çalışacağım görselliğe ve diğer şeylere değinmeyeceğim ilk olarak
1-)bir layer oluşturun ve adını menü deyin ve içerisine 4 adet buton yerleştirin bu layer hep en üstte duracak diğer layerların altında kalırsa görünmeye bilir
2-)bunun altına yeni bir layer daha oluşturun ve adına sayfalar deyin burada sayfaları ve içerikleri bulunacak Anasayfa ,linkler vs�
3-) sayfalar layerına bir rectlance aracı ile kenarları oval bir kare çizelim bu sayfanın bir kısmını kaplasın bu bizim fon sayfamız olacak ve üzerine istediğimiz resim yazı vs şeyleri yerleştireceğiz
4-)şimdi sayfalar layerında 2. frame e F6 diyelim ve text aracını seçip buraya bir şeyler yazalım
5-)sonra bu işlemi her buton için gerçekleştirelim yani anasayfa için bir sayfa linkler için 1 sayfa çünkü butonlara basınca bu frame lere gidecek birazda ha açıklamak gerekirse ana sayfa butonuna tıklayınca 1.frame ye gidecek linklere tıklayınca 2.frameye gidecek
6-)şimdi butonlara kod vermeye geldi Anasayfa butoununa tıklayalım ve actions panelini açalım ve şu kodu ekleyelim

on(release){
gotoAndStop(1);
}

burada parantez içinde olan sayı o frame git kodun tamamı ise parantez içindeki frame git ve orada dur demektir bunu diğer butonlarada uygulayalım hangi frame sayfa eklediysek onun numarasını girelim ve butonlarımızı o sayfalara yönledirelim
7-)şimid butonlar layer ında 1 frame e tılayıp dikkat edin butonlara değil 1.frame e tıklıoyruz actions panelinden
stop();
komutunu yazalım ki açıldığında ilk sayfada dursun diger sayfalara biz git demeden gitmesin ve 4. frame F5 diyelim çünkü altta 4 sayfa yaptık ve 4 frame kullandık butonlarında 4. frame e kadar sayfada görünmesin için 4. frame F5 yapıyoruz

alatım biraz karışık gibi görünebilir ama uygulama oldukça basittir

evet artık sayfamız hazır CTRL+ENTER diyelim ve test eldelim

Kütüphane

2007-07-13T13:55:00.001-07:00

Burada, görüp inceleyebileceğiniz, en azından size yeni ufuklar kazandıracak ve uzantısı fla olan dosyaları, animasyonlarınızda kullanacağınız birbirinden güzel sembolleri (clipart), ses dosyalarını ve çok değişik fontları bulacaksınız. Dosyaların çoğu zaten internette olan dosyalardır. Eğer sizinde elinizde paylaşmayı istediğiniz dosyalar varsa, bize gönderin hep birlikte paylaşalım.

Örnek .fla dosyaları

Flash animasyonunuzun bir köşesinde tarih ve çalışan saat. Tarih_saat.zip - [3 KB]
Basit bir araba yarışı nasıl yapılır, güzel bir animasyon. Loopracers.zip - [117 KB]
İnanılmaz bir mouse efekti. Ancak çalıştıktan bir süre sonra hata veriyor. Pointingfollowers.zip - [8 KB]
Gizli bir menü için gerekli olan animasyon. Gizlimenu.zip - [9KB]
Mouse üzerine geldiğinde aşağı yukarı hareket eden bar. Scrollbars.zip - [4 KB]
Hiyerarşik düzende bir menü örneği. Hiyerarşik menu.zip - [5 KB]
Bazı animasyonlarınızda çok gerekecek bir şey, mouse pozisyonu. Mousepositing.zip - [4 KB]
Flash'ta checkbox ve radio button nasıl hazırlanır? Checkbox.zip - [58 KB]
Random komutu ile farklı alternatifler. Bunu mutlaka öğrenmeniz gerekir. Random.zip - [21 KB]
Mouse'un açısını yerini bulup erkrana yazan bir animasyon. Mükemmel. Detectangle.zip - [5 KB]
Bu oyunu mutlaka inceleyin çok şey öğreneceksiniz. Oyun.zip - [387 KB]

Animasyonlar için Değişik semboller (clip art)

3-D Semboller. Zip file - [179 KB]
Anatomy ile ilgili çizimler. Zip file - [138 KB]
Asortik çizimler. Zip file - [1530 KB]
Kuşlar ile ilgili çizimler. Zip file - [25 KB]
Çizgi filmle ilgili çizimler. Zip file - [84 KB]
Kadın figürleri. Zip file - [558 KB]
Dişli çarklar. Zip file - [12 KB]
Halloween bayramında kullanılan nesneler. Zip file - [43 KB]
Mükemmel helikopter çizimleri. Zip file - [29 KB]
Müzik aletleri. Zip file - [71 KB]
Mistik hava veren çizimler. Zip file - [82 KB]
Ofis aletleri. Zip file - [14 KB]
Sporla ilgili çizimler. Zip file - [30 KB]
Star Wars kahramanları. Zip file - [681 KB]
Seyehatle ilgili çizimler. Zip file - [14 KB]
Ağaçlar. Zip file - [461 KB]

Flash ve Word ile 3B animasyon

2007-07-13T13:53:00.000-07:00

Flash web dünyasında hızla ilerleyen bir standart, eğer flash açık kaynak olsaydı sanırım şimdiye dek tüm web tarayıcılar için bir standart haline gelirdi. Flash ile efekt oluştururken bir çok yan program da kullanılabilir, fakat ben bugün farklı bir alternatiften bahsetmek istiyorum.

Bildiğiniz gibi normalde Lightwave, 3D Studio Max ve Autocad gibi programlar kullanılarak 3B flash animasyonları hazırlanabiliyor, az sonra Word ile Flash'ı birlikte kullanarak 3B bir nesne oluşturacak ve bunu hareketlendireceğiz. Garip geldi değil mi?

Aslında çok basit bir mantığa sahip, okuduktan sonra ne kadar kolay olduğunu siz de göreceksiniz. (Bu arada bizim için önemli olan 3D çizim çubuğu olduğu için bu yaptıklarımızı Excel, Powerpoint vs. ile de yapabiliriz)

> Öncelikle, Word'ü ve Flash'ı açalım, Word menülerinden Görünüm/Araç Çubukları/Çizim'i açalım.

> Çok büyük olmayacak bir kare çizelim.

> Şimdi kareyi seçip alttan 3D bölümünü aktifleştirelim. (Sağ altta) Burada dikkat etmeniz gereken ana unsur, çizdiğiniz şeklin kenar boyutu ile 3D'nin nokta boyutunun bir birini tutması, aksi takdirde nesne hareketlendirmede bazı sorunlar çıkabiliyor.

> Evet, şimdi tasarımınıza göre bir renk ve yüzey kaplama seçeneğini aktifleştirip görünüm için son kontrolleri yapın. İşlem tamamlandıktan sonra nesneyi seçin ve Ctrl+C ile kopyalayın.

İşin en temel kısmını tamamladık, bundan sonrası çocuk oyuncağı ;) şimdi görev çubuğundan Flash'ı tıklayın ardından ilk sahnenin ilk çerçevesini seçin.

> Ctrl+V ile nesneyi yapıştırın.

Şimdi tekrar Word'e geçiyoruz,

> Nesne'yi çift tıklayın. Boyut sekmesini tıklayın ve döndürme için animasyonunuzun hassasiyetine göre bir açı girin, örneğin ben 5 derece kullanıyorum. Unutmayın derece azaldıkça animasyonun boyutu artacaktır. Fakat kalite ve yumuşaklık yükselecektir.

Bundan sonrası ingilizcede "maintance" Türkçe'de "hammallık" diye tabir edilen kısım,

Döngü: > Word'e dön açıyı 5 derece arttır, Ctrl + C > Flash'a dön sonraki çerçeveye açısı değişmiş şekli yapıştır.

Bu işlemi animasyon istediğiniz açıyı yakalayan dek sürdürün.

Bundan sonrası sizin hayal gücünüze ve yaratıcılığınıza kalmış ;) Unutmayın sadece kare kullanma zorunluluğunuz yok. 3B yapabildiğiniz her türlü nesne üzerinde Word/Flash ikilisini kullanarak 3B basit Flash animasyonları yapabilirsiniz.

Bu teknik ile kazandığınız avantajlar,

- Render derdi yok,
- Flash ve Word hemen hemen her tasarımcının bilgisayarında yüklü programlar,
- Diğer programların fiyatları çok yüksek ve sadece bu işler için alınabilecek programlar değiller.

Dezavantajlarımız,
- Çok kaliteli değil, kalite tasarımcının yeteneğine bağlı olarak ciddi anlamda değişebiliyor.
- İşin hammallığı sıkıcı olabilir, ama sonda elde edilecek şey bu sıkıntıyı unutturabilecek nitelikte.

Flash File Menüsü

2007-06-27T05:53:00.001-07:00

New: Yeni bir proje açmaya yarar.

Open: Önceden yapılmış projeleri açmaya yarar.

Open as Library: Önceden tasarlanmış projelerde kullanılan
kütüphaneleri yeni projelerde de kullanmaya yarar.

Close: O anki projeyi kapatır.

Save: Projeyi saklamaya yarar.

Import: Projelerimize her hangi bir formatta yapılmış bir resim dosyası, daha önceden tasarlanmış bir projeyi, mov dosyalarını vb .

Export Movie: Film olarak çıktı almak için kullanılır.

Export İmage: Resim olarak çıktı almak için kullanılır.

Publish Settings: Burada Flash projemizin ekran görüntüsü için ayar yapmamızı sağlar.

Publish Preview : Yapılan ayarları test etmemizi sağlar.

Publish: Flash projemizi çalıştırır ve swf dosyası haline getirir.

Page Setup: Sayfa ayarları yapmamıza yarar.

Print Priview: Yazıcıdan çıkaracağımız belgenin ön izlenimini verir.

Print: Yazıcıya gönderme işlemine yarar.

Asistans: Çizgilerinizi düzenleştirmede,monitörünüzün çözünürlüğünü ayarlamada size yardımcı olur.

Flash Edit Menüsü

2007-06-27T05:50:00.003-07:00

Undo: Yanlışlıkla yapılan işlemi geri almamıza yarar.

Redo: Yapılan işlemi bir ileri alma işlemine yarar.

Cut: İşaretlenmiş kısmı kesmeye yarar.

Copy: İşaretlenen kısmı kopyalamaya yarar.

Paste: Daha önceden copy veya cut işlemleri ile yapılmış işlemi yapıştırmaya yarar.

Paste in Place: Pano’nun içeriğini flash dosyanıza yapıştırır ve orijinal dosyaya bir bağlantı oluşturur.

Paste Special: İletişim kutusunda göreceğiniz seçenekler, panonun içeriğine göre farklılık gösterir.

Clear: Yapıştırılan belgeyi silmeye yarar.

Duplicate: İşaretlenmiş kısmın bir kopyasını yaratır.

Select All: Sayfadaki tüm nesneleri seçebilmemizi sağlar.

Deselect All: Seçili nesnelerin seçimlerini kaldırır.

Copy Frames: Timeline'da seçili olan frame'leri kopyalamanızı sağlar.

Paste Frames: Kopyalanmış frameleri, seçili olan frame'e yapıştırır.

Flash View Menüsü

2007-06-27T05:50:00.001-07:00

Goto: İstenilen satıra gitmemize yarar.

Outlines: Çizilen karakterlerin dış çizgilerini verir.

Fast: Outlines’dan çıkmaya yarar.

Anatialias: Görünümde analitikliğini saglar.

Timeline: Timeline’ın görünüp saklanmasını sağlar.

Workarea: Çalışma alanının görünüp saklanmasını sağlar.

Rules: Cetvelini görünüp saklanmasını sağlar.

Grid: Sahnede yardımcı çizgilerin konulmasını sağlar.

Snap: Çizim yaparken bir çizgi ile diğer çizgiyi kolaylıkla birleştirmeye yarar.

Flash Control Menüsü

2007-06-27T05:49:00.001-07:00

Play: Sahnemizin oynatılmasını sağlar.

Rewind: Sahnenin ilk frame’ine dönmeye yarar.

Step Forward: Adım adım ileriye götürür.

Step backward: Adım adım geriye götürür.

Test Movie: Fliminizi tüm sahneleriyle beraber test etmenizi sağlar.

Test Scene: Seçili sahneyi test etmenizi sağlar.

Loop Playback: İşletilen harekelerin hiç durmadan devam etmesini sağlar.

Play all Scenes: Bütün sahnelerin oynatılmasını sağlar.

Enable Frame Actions: Actionları aktifleştirir.

Enable buttons: Düğmeleri etkinleştirir.

Mute Sounds: Ses dosyalarını kapatır.

Flash Window Menüsü

2007-06-27T05:48:00.002-07:00

New Window: Yeni pencere açmamıza yarar.

Arrange All: Bütün pencereleri tek pencerede gösterir.

Cascade: Pencereleri küçülterek ard arda sıralar.

Toolbar: Araç Kutusunun ayarlanmasını sağlar.

Inspector: Scenelerin müfettişliğini denetlemesini yapar onlar hakkında bilgi verir.

Controller: Kontrol tablosunun çıkmasına yarar.

Colors: Renk ayarlaması yapmaya yarar.

Output: Çıkışta verilerin alınmasına yarar.

Library: Kendi çalıştığımız penceredeki kullandığımız buton, movie vs. burada saklar.

Flashımızı Explorere Göre Ayarlamak

2007-06-27T05:48:00.001-07:00

Flash movie'nizi Publish ettiniz. Fakat o da ne . Flash movienizin boyutu örneğin 400x300 piksel. Ve tarayıcı ekranında da bu boyutta gözüküyor. Oysa siz tüm browser ekranıı kaplamasını istiyorsunuz. İki adımda bu işi nasıl yapacağımızı kolayca öğreneceğiz.
BOYUTLAR
File>Publish Settings'i açıyoruz ve burda bulunan "Dimensions" seçeneğini "Percent" yapıyoruz.

Bu şu anlama gelir. Flash movie boyutlarını %100 yap ve tarayıcıyı kapla. Flash movie'nizi Publish ettiğinizde width ve height parametrelerinin %100 olduğuna dikkat edin.

Tabi yine isterseniz sizde bu değeri HTML kodda kendiniz girebilirsiniz.

Gün Isımlerini Türkçe Göstermek

2007-06-27T05:38:00.000-07:00

Date.prototype nesnesini kullanark uzun döngü ve fonksiyonlara gerek duymadan gün isimlerini istedigmiiz dilde gösterebiliriz

sahnenin ilk frame ine su kodlari yazariz;

Date.prototype.gunisimleri = function(dizi_olustur ) {
return ["Pazar","Pazartesi","Sali","Çarsamba","Persembe","Cuma","Cumartesi"]
[dizi_olustur]
}
zaman = new Date( );
gun = zaman.getDay( );
goruntule = zaman.gunisimleri(gun );
//sahneye bir dinamik textbox koyalim. degisken degeri; var:yazi olsun
yazi = goruntule;

Buton Yapımı ve Kullanımı

2007-06-27T05:37:00.002-07:00

1)
Şimdi ilk olarak rectangle(kare yapma) aracını seçiyoruz ve tool menüsünde options un hemen altındaki raunt rectangle aracını seçip bu değeri 10 yapıyoruz.(estetik görunmesi açısından olmasa da olur:) )

2) sahneye dış çizgisi olmayan iç rengi olan bir buton şekli çiziyoruz

3)Şimdi şeklimizi seçip F8 diyoruz ya da inster menüsünden new sembol diyoruz ve burada button seçeneğini işaretliyoruz name kısmına da buton yazıyoruz.

4)karşımıza bu şekilde bir ekran geliyor

Burada ilk olarak bilmeniz gerekenler timelineda gördüğünüz:

Up= butonun ilk halini gösterir hiç bir şeyle etkileşime girmemiş hali.

Over=imleç butonun sütüne geldiğinde görüneceği şekil

Down= butona basılınca görüneceği şekil yada yapacağı hareket

Hit= imleci butonun üzerinden çektiğimizde yapacağı işlem yada görüneceği şekil

evet şimdi devam edelim timeline da layer simini buton olarak değiştirelim ve sadece over kısmında 1 keyferme (anahtar kare)olan kısmı hit kısmına kadar F6 deyip birer keyferme ekleyelim şimdi over kısmına gelelim ve şeklimize tıklayıp herhangi bir renk verelim down kısmına da aynı rengi verelim bu sefer şeklimizi yukarı ve ileri ok tuşlarıyla 3 er pixel ileri alalım (yani 3 yukarı 3ileri ye basacağız) sonra hit kısmı up ile aynı şekilde duruyor olmalı bırakın ole dursun:)
buraya kadar butona imleç geldiğinde butonun neler yapacağını belirledik şimdi butonumuza bir isim verelim

5)yeni bir layer açalım buna da text diyelim;
burada yazı aracını seçip şeklimizin içine sığacak büyüklükte ana sayfa yazalım ve hit kısmına kadar F6 diyelim burada down kısmına gelelim yazımızı yukarıda yaptığımız gibi 3 er pixel yukarı ileri alalım yazı butonla hareket ediyormuş gibi görünsün diye

6)şimdi yeni bir layer açalım ve buna da ses ismini verelim down kısmına bir F6 ekleyelim

şimdi kütüphanemize bir ses ekleyeceğiz yapacağınız işlem File>import>import to library i seçin ve buton için uygun olan dong ding gibi bir ses seçin yoksa netten edinin. evet ses kütüphanenizde duruyor simdi ses layer ındaki down kısmına tıklatın ve kütüphanenizden sesinizi mouse�unuza basılı tutarak sahnede herhangi bir yere bırakın

7)simidi time line da ses layerında hit kısmına kadar uzanan bir çizgi göreceksiniz burada hit kısmına gelin ve
sağ tıklatıp remove deyin çünkü sesin sadece butona basıldığına çıkmasını istiyorum eğer isterseniz up over kısımlarına da ayrı-ayrı sesler ekleyebilirsiniz.
şimdi sahneniz bu şekilde görünmeli

8)şimdi burada scene1 e tıklayarak ana sahneye dönelim

şu an butonumuz hazır herkese hayırlı olsun :)

8)ama işimiz daha bitmedi şimdi butonumuza action script(a.s) kodu eklemeye geldi
şimdi F9 a basarak a.s panelimizi açalım
eğer çalışmamız da butonu time line üzerinde bir yere herhangi bir frame yönlendireceksek şu kodları yazıyoruz

on(press){

_root.gotoAndPlay(fream);
}

10)eğer herhangi bir siteye yönlendireceksek

a.s kısmına;
on (release){
getURL("site adı");
}

11)eğer bilgisayarımızdaki bir asp ya da html'e yönlendireceksek a.s kısmında;
on (release){
getURL("sss.asp");
}

Umarım anlatabilmişimdir arkadaşlar benden bu kadar hepinize iyi çalışmalar.

Su Efekti

2007-06-27T05:37:00.001-07:00

Şimdi su efekti nasıl yaratılır bunu anlatmaya çalışacağım

İlk önce yeni bir documant sayfası açalım buraya aşağı da ki resmimizi (ctrl +r)diyerek import edelim ve propertiesten frame rete kısmını 13 yapalım

Sahnedeki resmimize tıklayaram F8 diyelim ve buradan movie clip butonu nu işaretleyelim

Şimdi kütüphanemizde duran movie clipimize çift tıklayalım ve karşımıza çıkan bardak resmine tıklayıp F8 diyelim name kısmını Picture_gr yapalım ve grafik butonu nu işaretleyelim sahnede yoksa kütüphane den sahneye alıp yapalım.

Şu an sahnede layer 1 isminde ve bir duruyor olmalı burada layer 1 in üstüne gelip sağ klik yapıp inster layer deyin ve 2 tane yeni layer oluşturun ve aşağıdaki gibi isimlendirin.

Şimdi main Picture yazan layer daki resmi mizi seçip ctrl+c diyelim ve üstünde bulunan Picture layerına tıklayarak 1 fream ı seçin ve buraya ctrl+v deyip yapıştırın şimdi bu kısım çok önemli bu işlemi yapmazsanız istediğimiz dalgalanma efektini veremeyiz Picture layerndaki resmimizi seçin 2 pixel ileri 2 pixel yukarı hareket ettirin(ok tuşlarına 2 ileri 2 yukarı diyerek yapabilirsiniz)

Şimdi geldik resmimizi maskelemeye water efeckt layer ına gelelim araçlardan rectangle tool aracını seçelim bununla resmimizi aşağıda ki şekilde kaplayacak uzun ince ve SIK(ne kadar sık ve ince o kadar iyi ) aralıklarla çizgiler çizeyim.

Resmimizin son hali

Şimdi bu işlemden sonra water efect katmanında 10. 20. ve 30. framelere F6 deyin

ve
1�10 arasında herhangi bir yere tıklayıp properties denetçisinden tween yazan yeri shape yapın uzayan yeşil bi ok göreceksiniz şimdi bunu 20. ve 30. framelereda uygulayın

Şimdi waterefect katmanına sağ klik yapıp mask ı seçin

Son olarak ta Picture ve mainPicture katmanlarını 30. freame gelerek F5 yapın

Ewet artık CTRL+ETER deyip çalışmamızın son halini

Açılır Menü

2007-06-27T05:36:00.001-07:00

ilk olarak flash sayfamızı açalım rectrangle(kare yapım ®)aracını seçelim tools menüsünde options un hemen altında duran set corner radius�a tıklayalım ve bu değeri 12 yapalım Sahneye dış çizgisi olmayan bir kare çizelim text aracını seçip üzerine menü yazalım ve karemizi tamamen seçip F8 diyerek movie clip yapalım Şimdi menü movie clip imize çift tıklayarak içine girelim sahnede demin oluşturmuş olduğumuz menü karesi duruyor sahnedeki layerın ismini menü olarak değiştirelim bunun üzerine 2 tane daha layer ekleyelim ve sahnedeki layerların sıralaması aşağıdaki gibi olsun Şimdi mask katmanını seçelim ve buraya biraz sonra ekleyeceğimiz ana sayfa, galeri vs.. gibi butonları koyacağımız büyüklükte bir kare çizelim rengi önemli değildir çünkü bunu maskelemek için kullanacağız bunu f8 diyerek grafik yapalım şimdi geldik butonları yerleştirmeye ne kadar buton oluşturacaksanız o kadar layer oluşturun ve bu layerları mask katmanını altına çekin ben 3 tane buton oluşturacağım ve isimleri sırasıyla ana sayfa ,linkler ve galeri olacak son olarak en alta da bir layer eleyelim ve adına fon diyelim bu butonların arkasında bulunan zemin olacak buraya kadar yapılan işlem ve layerların sıralaması aşağıdaki gibi olmalı. Şimdi fon layer�ını seçip mask layerında çizdiğimiz kareden biraz daha ufak bir kare çizelim ama menü ile uyumlu bir renge sahip olsun ve bu çizdiğimiz kareyi menü yazısının üstüne taşıyalım aşağıdaki gibi olmalı Şimdi daha öncede yapmış olduğumuz butonları sahnedeki layerlarına yani ana sayfa butonunu ana sayfa layerına, linkler butonunu linkler layırına ama fon katmanın uzerinde bir yere yerleştiriyoruz(buton yapımı için daha önceki buton yapımı ve kullanımı adlı dersi inceleyin ) aşağıdaki gibi olmalı son şekli Şimdi gizli menüyü hareketlendirmeye geldi menü layerı hariç bütün layerlara F6 deyin menü layerın da ise 10 frame F5 deyin time line aşşaıdaki gibi olmalı Şimdi mask layerına gelin ve sağ kilik yapı mask seçeneğini seçin altındaki butonların bulunduğu layerları ve fon layer ını Mouse un sol tuşuyla çift tıklayın ve karşınıza gelen menüden masked seçenegini seçin Şimdi time line dan 5. frame geliyoruz sahnedeki action, Ana sayfa ve mask katmanını kilitliyoruz ve Mouse ile sahneyi tamamen seçip klavyeden aşağı ok tuşu ile seçtiğimiz butonlar ve fon katmanını aşağı indiriyoruz bunu yaparken sahneden kaybolduğunu göreceksiniz seçtiğiniz layerların şimdi mask katmanın üzerindeki kilitli işratinin yanındaki nokta yani gizli/ göster düğmesine tıklayın bi çarpı olmalı tıkladığınızda. Ve şimdi ana sayfa layer ına gelin ve timeline da sag klikleyin karşınıza gelen menüde en bastaki create motion tween e tılatın karşınıza pembemsi bir renkte ok gelecek bu işlemi diğer linkler, galerive fon katmanında da uygulayın --------------------------------------------------------- Şimdi time line çizgisini 0 ile 5 arasında oynatınca yukardan aşağıya inen menümüzü görüyoruz şimdi 10. freme gelelim menü layer'ı hariç bütün layerlara F6 diyelim ve demin yaptığımız gibi aşağıya taşıdığımız bütün layerları tekrara menü çubuğunun üstüne taşıylaım ve hepsine birer create motion tween ekleyin Şimdi geldi actionscript eklemeye acrions paneline gelelim 1. frame e tıklayalım F9 a basalım actions paneline stop(); komutunu ekleyelim 5. frame e de stop(); ekleyelim ve 10.frame gotoAndPlay(1); komutunu ekleyelim ve secene deyip ana sahneye dönelim şimdi işlemimiz daha bitmedi sahnede öylece çalışmayı bekleyen bir movie clip imiz var şimdi menümüzün bulunduğu layer ın üzerine bir layer daha oluşturalım ve adına da buton diyelim ve bir kare çizelim ve F8 le buton yapalım şekli şemali önemli değil sadece yaptığımız movie clip'i kaplasın yeter şimdi düğmemize tıklıyoruz ve properties denetçisin den color yazan yere tıklayın ve alpha değerini 0 yapın böylece buton sahnede görünmeyecek şimdi butonumuzu menü movie clip inin üzerine koyalım movie clip i tamamen kaplasın şimdi buton seçiliyken Actions panelini açalım (F9 ile ) ve şu kodları ekleyelim bu kısımda buton ve menü movi klip ini karıştırmamaya dikkat edin anlamak için propertiesten kontrol edin evet butona şu kodları yazalım on(release){ menü_mc.gotoAndPlay(5); }şimdi menü movi clip ini seçelim ve instance name ine menü_mc yazalım bunu yapmaz isek buton bu komutu hangi moviclipe uygulayacağını bilemez ve yaptığımız menü çalışmaz

Mauseyi Takip Eden Nesne

2007-06-27T05:34:00.000-07:00

Flashta hazırlamış olduğunuz bir grafiğin,butonun veya animasyonun mouse'u takip etmesini istiyorsanız;

Macromedia Flash'ı Açın

Sonra Mouse u Takip Etmesini İstediğiniz Objeyi Çiziniz Örneğin Ben Bunu Çizdim

Çizdiğinizi Seçin Ve "F8" Tuşuna Basın.

Burda Movie Clip i Seçip "Ok" a Basın.

Sonra Movie Clipinizi Seçip "İnstance Name" Kısmına "Flash" Yazın.

Framenizi Seçin

Ve Action Script Kısmına Aşağıdaki Kodları Yazın.

function changeCursor(movieclip) {
Mouse.show();
_root.attachMovie(movieclip, "customCursor", 9999);
_root.customCursor.startDrag(true);
}
startDrag("flash", true); changeCursor("flash");

Son Olarak ; "Mouse.show();" Burdaki Kodu "Mouse.hide();" İle Değiştirdiğinizde Mouse un İmleci Yok Olur Sadece Sizin Objeniz Kalır...

Saat Yapmak

2007-06-27T05:33:00.000-07:00

Macromedia Flash'ı Açın

Text Tool u Seçin

İstediğiniz Büyüklükte Text Alanınızı Oluşturun

Text inizi Seçin

Properties Bölümünden Static Text i Dynamic Text İle Değiştirin

Sonra Var Kutusuna "Saat" yazın.

Textinizi Seçin Ve "F8" Tuşuna Basın

Burda Movie Clip i Seçip "Ok" a Basın.

Movie Clip inizi Seçip Action Script Kısmına Aşağıdaki Kodları Yazın

onClipEvent (enterFrame) {
Tarih = new Date();
FASaat = Tarih.getHours();
FADakika = Tarih.getMinutes();
FASaniye = Tarih.getSeconds();
Saat = (((((FASaat)+":" )+FADakika)+":" )+FASaniye);
}

Taşınan Nesneler

2007-06-27T05:31:00.000-07:00

Macromedia Flash'ı Açın

Sonra Nesnenizi Çiziniz Örneğin Ben Bunu Çizdim

Çizdiğinizi Seçin Ve "F8" Tuşuna Basın.

Burda Movie Clip i Seçip "Ok" a Basın.

Sonra Movie Clipinizi Seçip "İnstance Name" Kısmına "Flash" Yazın.

Movie Clip inizi Çift Tıklayıp İçine Girin Burda Çizmiş Olduğunuz Nesneyi Seçin Ve Yine "F8" Basın Burdan Yine Movie Clip i Seçip "Ok" a Basın.

Son Oluşturduğunuz Movide Clipi Seçin

Ve Action Script Kısmına Aşağıdaki Kodları Yazın.

on (press) {
startDrag("/flash");
}
on (release) {
stopDrag();
}

Drag ve hitText Kullanımı

2007-06-27T05:29:00.000-07:00

drag ve hitTest kullanımı:

daire_mc.onPress = function() {
daire_mc.startDrag();
}
daire_mc.onRelease = function() {
daire_mc.stopDrag();
if (daire_mc.hitTest(kutu_mc) == true) {
daire_mc._x = kutu_mc._x;
daire_mc._y = kutu_mc._y;
kutu_mc.gotoAndPlay("kutu1_mc " ) ;
}
}

öncelikle buradaki amaç kutu_mc içerisine daire_mc'yi mouse ile sürükleyip bırakmak.Eğer daire_mc'yi kutu içierisine bırakırsanız işleminizin doğru olduğunu belirten "içinde" yazısı çıkacaktır.Yukardaki koları ilk frame'e ekleyiniz.

şimdi sahneye daire_mc adında bir tane daire çizin ve yanında kutu_mc adında bir kare veya çizebiliyorsanız bir kutu çizin. Yalnız bunları isimlendirmeden önce F8'e basıp movie clip yapmanız gerekmektedir.Daha sonra kutu_mc içerisine girin ve bu sahneye bir tane daha layer açın daha sonra ismine actions deyin.Actions layerına 3 tane keyframe atayın ve kutunun bulunduğu layer1'ide 3 frame yani actions layerı kadar srükleyip bırakın.

Daha sonra actions layerındaki 1. ve 3. framelere gelip stop(); komutunu ekleyelim.2.frame ise kutuici diye isim verelim.Aşağıda kalan diğer layer 1'e gelelim ve ordaki 3. frame'e F6'ya basarak keyframe atayalım.

3. frame içindeyken kutunun yanına bir text açıp "içinde" yazalım. daha sonra layer1 deki 2. frame'e gelip aşağıdaki properties panelinden shape seçeneğini işaretleyelim.

Böylece daire_mc'yi kutu_mc içine sürüklediğimiz zaman "içinde" yazılı küçük texti yanında görebileceğiz.

Text Okutma İşlemi

2007-06-27T05:12:00.001-07:00

lk önce flash sayfanıza iki tane dynamic text oluşturunuz.Birinin var değerine "ust", diğerine ise "alt" yazın.ust ismini verdiğimiz texti properties panelinden singleline işlemi uygulayalım.alt ismini verdiğimiz texte de yine properties panelinden multiline yapalım.Bunları yapmamızın sebebi eğer fazla satırlı bir text yükleteceksek multiline yaparak karakterlerin uzayıp gitmesini önlemiş oluyoruz yani dynamic text kutumuz büyüklüğünde bir satır oluşturuyor olmasıdır.

Daha sonra iki textimizide seçip F8'e basalım ve bir movie clip'e çevirelim.İsminede "mc_oku" diyelim.daha sonra bu mc'nin içine girerek ilk frame'e aşağıdaki kodu ekleyelim:

loadVariables("deneme.txt", "_root.mc_oku" ) ;

Bu kodu girdikten sonra çalışmayı bir klasöre kayıt edelim ve aynı klasör içine bir tane metin dosyası oluşturup isminede "deneme.txt" ismini verelim.Bu metin dosyası içerisinede şunları ekleyelim:

&ust=Merhaba
&alt=Selam deneme calisiyor.

Bu şekilde metin dosyamızı kaydedelim.Böylece ctrl+enter yaptığımızda metin dosyası içindeki bilgilerin ust ve alt var değerleri bulunan dynaimc textlerimize yerleştiğini göreceksiniz.Burada LoadVariables komutu ile dışarıdan flash içerisine yükleme yapmış oluyoruz.

Not:Burada textlerimize aşağıdaki properties panelinden "show border around text" özelliği uygularsak daha belirgin gözükeceklerdir.

Ard Arda Resimler

2007-06-27T05:10:00.001-07:00

peş peşe resimler koyup butonlarla bunları yönetin

uzun olduğu için zor gibi görünebilir.ama deneyin arkadaşlar
HER BUTONA TIKLADIĞINIZDA BİR SONRAKİ RESMİ AÇIN

öncelikle kütüphaneye 4 tane resim almamız gerekiyor.bunu file>imort to file>resimlerim diyerek yapabilirsiniz.

kütüphaneniz açık değilse window>library'e tıklamanız gerekiyor.sağda açılacaktır böylece.attığınız 4 resim burada kayıtlı kalacaktır

şimdi butonumuzu çizelim.çi
zgisi olmayan dolgusu olan bir dikdörtgen çizin

yeni bir layer daha açın

şimdi resimleri tek tek frame lere F7 diyerek sahneye alacağız

ilk frame f7 diyin ve kütüphaneden birinci resmi mause ile sürüyerek sahneye alın

aynı işlemi 2.3. ve 4. resim içinde diğer framelere sırayla uygulayın

NOT:BİRİNCİ FRAME BOŞ KALACAK

şimdi kodları yazalım.1.frame tıklayın ve stop(); kodunu yazın

sonra butonu seçin ve

on (release){
nextFrame()
}

kodunu girin
(kodu check syntax ile kontrol etmeyi unutmayın)
İŞLEM TAMAMLANDI.BÖYLECE HER BUTONA TIKLADIĞINIZDA TEK TEK BİR SONRAKİ RESİM AÇILACAK

From Mail Hazırmak

2007-06-27T05:09:00.001-07:00

Öncelikle phpden biraz bahsedeyim.Bu çalışmayı bilgisayarınızda çalıştırabilmeniz için yani bilgisayardan kontrolünü sağlamak için php server(apache vb...) yüklü olması gereklidir.Daha sonra bu çalışmayı yüklediğiniz php server'in root klasörü içine atarak çalışıp çalışmadığını kontrol edebilirsiniz.

Dersin Başlangıcı:Şimdi flash sayfanyza 3 tane input text açın ve var değerlerine isim, e-mail ve mesaj yazın.Yalnız burada dikkat edilmesi gereken nokta şu.Mesaj olan textinizi biraz büyük tutun ve propertiesten Multiline olarak ayarlama yapın.Bu satır sonuna geldiğinizde bi alt satıra geçmeniz için yardımcı olacak.Diğerleri singleline olması gerekiyor.

Daha sonra bir tanede gönder butonu yapın. Daha sonra butona bir kere tyklayın ve actions panelini açın içerisine aşağıdaki kodları yazın:

on(release){
_root.form.loadVariables("emailformu.php","POST");
}

Yalnız buradaki form ismi şuradan geliyor.Daha önce yaptığımız 3 tane inputtextin hepsini seçin ve F8'e basarak movie clip'e çevirin.instancename'ine de form yazın.Burada gönder butonunu bu form mc'sinden ayrı tutuyoruz ki zaten _root komutunuda o yüzden ekledik.form mcsinden okuması gerekiyor.

Şimdi flashtaki işimiz bitti o yüzden çalışmayı bir klasör içerisine kayıt edin.Şimdi aynı klasör içerisine bir tane metin doyası açın ve içerisine aşağıdaki kodları yazın.

\r\n";
$headers .= "Reply-To: " . $_POST["e-mail"];
$message = "From: " . $_POST["isim"] ."\n";
$message .= "Email: " . $_POST["e-mail"] ."\n";
$message .= "Message: " . $_POST["mesaj"];
mail($sendTo, $subject, $message, $headers);
?>

Yukarıdaki php kodlarında $sendTo kısmyna kendi eposta adresinizi yazmanyz gerekiyor ki postalar size gelsin :) Daha sonra $subject kısmında ise gönderilen epostanın konusu geçiyor.Bu ayarları kendinize göre yapabilirsiniz.

Şimdi bu kodları metin dosyasına kaydedin ve çıkın.Uzantısını .txt'den .php'ye çevirin.Yapılması gereken bu.

Çalışmayı php destekleyen bir hostunuz varsa oraya atıpta bakabilirsiniz.İşlemler bu şekilde. Herkese kolay gelsin.

Butonlara Verilebilecek Komutlar

2007-06-27T05:06:00.000-07:00

Bildiginiz gibi butonlar bir işlemi bir eylemi tetiklemek için kullanılan araçlardır.Şimdi size butonlara verilebilecek komutlar hakkında işinize yarayacagını düşündügüm action script kodları ve işlevleri ile ilgili bilgi verecegim.

on (press) =
adından da anlaşılacagı gibi "press"yani baskı,basınç,temas etmek anlamına gelir bu komut:imleç bir düğmenin ya da movieclip örneginin uzerine getirilip farenin düğmesine basıldıgında belli bir script'i(olayı) tetiklemek için kullanılır.

on (release) =
buda dugmeye basma işlemini kestiginizde yani bıraktıgınızda işlem harekete geçmeye hazır olur.farenin dugmesini bırakıgınızda işlem gerçekleşir.

on (releaseOutside) =
çekme, göturme de diyebiliriz
bir masanın ustunde 1 deste kagıt oldugunu dusunun ve en üstteki kagıda parmagınızla bastırdığnızı,destenin dışına çektiginizi ve sonra parmagınızı çektiginizi düşünün.Flash'ta bu kagıt destesi;kullanıcının bastıgı,uzaga surukledigi ve sonrada bıraktıgı dugmeyi temsil eder.yani çekme ve götume işlemini taklit eder.

on (keyPress) =
bu olayı ;kullanıcı bir harf sayı,noktalama işareti,yada bir ok tuşuna kısaca klavyede bir tuşa basıldıgında bir scripti tetiklemek için kullanabilirsiniz.

on (rollOver) =
uzerinde ama dokunmuyor diyede biliriz;
bu olay işleyiciyi ayrıca,kullanıcı kendisine basmadan önce bir dugme yada movie clip örneginin yapacagı işlem hakkında bilgi göruntulemek içinde kullanabilirsiniz.bu olay işleyişi fare imlecini bir dugme yada movie clip ör uzerine geldiginde belli bir script i tetiklemek için kullanabilirsiniz.

on (rollOut) =
artık üzerinde değil.
kullanıcı fare imlecini daha önce üzerinde bulundugu bir dugme yada bir movie clip örneginden uzaklaştırdıgında belli bir scripti tetikler.

on (dragOver) =
üzerinden geçirmek ovalamak ;
bu işlem bir alan botunca bir ileri bir geri hareket ettirmeyi gerektirir.bu olay farenin dugmesi basılıyken fare imlecinin aynı dügme yada movie clip ör uzerinden her geçişinde scripti tetikleyerek filminize bu tür bir işlemi taklit etmenizi saglar.bilardo sopasını duşunebilirsiniz.

on (dragOut) =
Bu olay işleyiciyi,kullanıcı fare imlecini bir dügme yada movieclip ör uzagına suruklediginde belli bir scripti tetiklemek için kullanılır.

şimdi diyeceksiniz be kardeşim bi dügme için bukadar komut olurmu ne gerenkvar:) benim içi bi tıklasın yeter fazla bişeye gerennkk yoq ama flashta oyun yada başka işlemler daha komplike çalısmalar yapacaksanız bu ayrıntılara mutlaka ihtiyacınız olacaktır.

butonlar için kullanılan a.s kodları hakkında elimden geldigince bilgi vermeye çalıştım işinize yarayacagını duşunuyorum.İyi çalışmalar.

Yön Tuşları İle Hareket

2007-06-27T05:03:00.000-07:00

İlk başka hareket ettirmek istediğiniz cizmi çizin.

Çiziminizi seçip F8 e basarak Movie Clip yapın.

Movie Clip'inizi seçip action script kısmına aşağıdaki kodları yazın;

on(keyPress "") {
_x = (_x+5);
}
on(keyPress "") {
_x = (_x-5);
}
on(keyPress "") {
_y = (_y-5);
}
on(keyPress "") {
_y = (_y+5);
}

Burada Right sağ,Left sol,Up yukarı,Down ise aşağı tuşun görevini görüyor...Bu kısımlarda _x = (_x+5); veya _y = (_y-5); kodlarındaki 5 değerini istediğiniz gibi değiştirebilirsiniz...
x, x eksenini yani yukarı ve aşağıyı,y ise y eksenini yani sağı ve solu simgeler...

Shape Tween

2007-06-27T05:02:00.001-07:00

1. Frame'e bir dikdörtgen çizin.

15. frame'e boş bir frame koyun(sağ tıkla/insert blank keyframe) ve farklı bir şekli farklı bir konuma ekleyin

Aradaki framelerden birine gelip propertiesdeki tween seçeneğini shape yapın.

Not:Şekillerin sembol özelliği olmaması gerekmektedir.Sembol özelliğini kaldırmak için şekli seçip Ctrl+B basın.

Bitti.Artık Control/Test Movie ile test edin

Daktilo Yazı

2007-06-27T04:59:00.000-07:00

Önce Text tool ile Text alanısnızı çizin..

Textinizi seçip Properties bölümünden Dynamic Text yapın.

Yine Propersies bölümünden Var değerine deneme yazın.

1.frameinize şu kodları yazın;

y = 0;
onEnterFrame = function () {
yazilar = "Bu Bir Denemedir.";
yazdir = yazilar.slice(0, y += 1);
deneme= yazdir;
};

Burda yazilar.slice(0, y += 1);kodundaki 1 yazının yazılma hızını belirtiyor ne kadar artırırsanız o kadar hızlı yazar...

0 ise başlayacağı karakteri belirliyor..
örneğin 4 yazarsanız "Bu Bir Denemedir." yazısındaki ilk 4 karakteri atlar ve "Bu Bir Denemedir." yazar...

Maskeleme

2007-06-27T04:55:00.000-07:00

İlk Önce Yazı Adlı Bir Layer Açılır. Uygulanması İstenilen Text Eklenir.
Yeni Bir Layer Daha Açılır. Bu Layerda Yazı Büyüklüğü Kadar Top Çizilir.Topa Çift Tıklanır. Ve F8 Tuşuna Basılır.Graphic Yapılması İstenilir.
Sonra Topu Çizdiğimiz Layerda Sağ Tıklarız Ve Mask Deriz Sonra Tüm Kilitleri Kaldırırız.İki Layerdada 60. Frame Gelinir. F6 Yapılır(İnsert Keyframe)Yazı Layerindede 60.Frame F6 Yapılır.Sonra Top Layerına Tıklanır Ve Top Yazı Üstünde Sürüklenir.İki Layerdada 30.Frame Create Motion Tween Denir.Ve Ctrl Enterle Web Gözükecek Hal Çıktı Alınır.....

Flash 8 Yazılara Efekt Vermek

2007-06-27T04:53:00.000-07:00

Text tool (A) karakterini seçiniz..
yazınızı yazınız..
windows butonu tıklayınız properties bölümüne girip
filters seciyoruz ve filters açılmış durumdadır.
"+" işaretine tılayıp karsımıza şuna benzer elemanlar çıkar.
glow = yazımızı parlatır istediğimiz renkte..
blur =yazımızı bulantılı bir şekil verir
drop shadow = yazıya gölge verir
bevel = yazı rengi söndürme

bu ögeleri iptal etmek için; remove all basarsınız

Flash Çalışma Ekranı

2007-06-27T04:51:00.000-07:00

Flash uygulamaları yaparken karşımıza çıkan ekranı ayrıntılı olarak tanırsak işlemlerimizi daha kolay ve kısa sürede halletmiş oluruz.

Titlebar : alışmakta olduğumuz dosyamızın ismini gösterir.

Menubar: Flash çalışmalarımızda bize bir çok konuda yardımcı olacak olan komutların bulunduğu menü çubuğumuz.

Main Toolbar : Bir çok programda da gördüğümüz en çok kullanılan ana araçların bulunduğu ekrandır. (kes, kopyala, yapıştır, ileri al, geri al vb.)

Tools: Yine çalışmalarımızda kullanacağımız ve flash programının olmazsa olmaz araçlarının bulunduğu ekran. Araç kutusunda işlerimizi kolaylaştıracak bir çok araç bulunmaktadır.

Edit Bar: Çalışmakta olduğumuz sahneyi gösteren çubuk.

Timeline : Kısaca Zaman çizelgemiz diyebilirim. Hareketleri oluşturan şekillerin hareketlerinin sıralandırıldığı ekran.

Stage : Çalışmalarımızı oluşturan tüm grafiksel öğeleri içeren alandır. Bu sahne bizim ekranda görüntülenecek olan öğeleri içerir.

Working Area : Stage alanı dışında kalan alandır. Bu alanda bulunan hiçbir öğe flash ekranımızda görünmeyecektir. Bu alanı çalışmalarımızı özgür şekilde yapabilmek için kullanacağız. Yani bu alana istediğimiz öğe yerleştirebiliriz. Buraya yerleştirdiğimiz öğelerden istediklerimizi seçip Stage ekranına (sahnemize) taşıyarak kullanabiliriz.

Flash Araç Kutusu

2007-06-27T04:47:00.001-07:00

Tools

1. Selection tool (V) : Çalışma alanımızdaki şekilleri düzenlemek, yerini değiştirmek, değişiklikler yapmak vb. için kullanılır.

2. Subselection Tool (A) : Herhangi bir araçla oluşturduğumuz şekilleri ve şekillerin dış çizgilerini değiştirmek için kullanılır.

3. Free Transform Tool (Q) : Oluşturduğumuz şekillerin boyutlarını, duruşlarını vb. değiştirmek için kullanılır.

4. Gradient Transform Tool (F) : iki ya da daha çok renkli (geçişli renkler) şekiller oluşturduğumuzda renklerin yerlerini ayarlamak için kullanılır.

5. Line Tool (N) : Düz çizgiler çizmek için kullanılır.

6. Losso Tool (L) : Bu araçla özgürce çizim yaparak nesne üzerinde seçim oluşturabiliriz.

7. Pen Tool (Y) : Düzgün bir şekilde çizimyapmak ve tumuşak eğriler oluşturmak için kullanılır.

8. Text Tool (B) : Yazı yazmak için kullanılır.

9. Oval Tool (O) : Oval şekiller oluşturmak için kullanılır. Bu şekillerin iç dolgu ve dış çizgi renklerini colors bölümünden seçiyoruz.

10. Rectangle Tool (R) : Kare ve dikdörtgen şekiller oluşturmak için kullanılır. Bu şekillerin renklerini yine colors bölümünden seçiyoruz.

11. Pencil Tool (Y) : Kalem olarak kullanılır. İstediğimiz gibi şekil vb. çizebiliriz.

12. Brush Tool (B) : Fırça gibi kullanarak boyama ve çizim yapmamıza yardımcı olur.

13. Ink Bottle Tool (S) : Mürekkep etkisi ile boyama yapmamıza yardımcı olur.

14. Paint Bucket Tool (K) : Seçtiğimiz alanı seçtiğimiz renkle bu boya kovası yardımıyla doldurabiliriz.

15. Eyedropper Tool (I): Renk seçim aracıdır. İstediğimiz rengin üzerine bu aracı getirirsek o rengin color bölümünde seçildiğini görürüz.

16. Eraser Tool (E) : Silgi olarak istediğimiz gibi kullanabiliriz.

View

17. Hand Tool (H) : ekran boyutundan büyük olan şekilleri, yani ekranın dışına kayan bölgeleri görebilmek için kullanılır. Bu araçla ekranı tutup istediğimiz yönde gezdirebiliriz.

18. Zoom Tool (M, Z): ekrandaki şeklimizi yakınlaştırıp uzaklaştırmak için kullanırız. Zumlama yani.

Colors

19. Stroke Color: Oluşturduğumuz şekillerin dış çerçeve rengini belirlemek için kullanılır.

20. Fill Color: Oluşturduğumuz ya da oluşturacağımız şekillerin iç dolgu rengini belirlemek için kullanılır.

21. Black end White: Bu da şekillerimizin rengini siyah & beyaz yapar.

22. No Color: Seçimimize göre Fill color veya Stroce Color'a renk vermez. Renksiz bir uygulma için kullanılır. Mesela bir kare şekil çizeceksiniz ancak bu şeklin dış çerçevesi olmasın istiyorsanız stroce color aracını seçip buradan no color olarak ayarlamanız gerekecek.

23. Swap Colors: Seçtiğimiz şeklin iç dolgu ve dış çerçeve renklerinin yerini değiştirir. Yani dış çerçeve rengi iç dolgu rengi olur, iç dolgu rengi de dış çerçeve rengi olur.

24. Options: Tools bölümünden herhangi bir aracı seçtiğimizde options bölümünün değiştiğini göreceksiniz. Yani her seçtiğimiz aracın da kendi içinde özellikleri var. Bunları options bölümünden düzenleyeceğiz. Bu bölümün özelliklerini araçları kullanırken deneme yanılma yoluyla kolaylıkla öğrenebiliriz. Bu alanı ayrıntılı olarak anlatma ihtiyacı duymadım.
elimden geldiği kadar öz ve anlaşılır şekilde anlatmaya çalıştım. Faydalı olması dileğiyle..

Macromedia Flash Player ' i Nereden Indirebilirim ?

2007-06-27T04:38:00.000-07:00

http://www.adobe.com/downloads/ Adresinden Deneme Sürümlerini İndirebilirsiniz. En Son Sürümü 8 yani CS3 Professional Tercihimizdir.

Flash

2007-06-27T04:25:00.000-07:00

Flash Macromedia nın 1997 yılında Future Splash Animator firmasını satın alarak sahip olduğu arayüz programının adıdır.Bu program sayesinde çok küçük yer tutan ve kaliteli görünen vektör tabanlı animasyonlar yapılır. Ayrıca ses dosyalarını sıkıştırması ile bir çok uygulamada büyük avantajlar sağlanır.HTML içine kolay yerleştirilmesi FLASH ı internetin kaçınılmaz bir parçası haline getirmiştir.

Animasyon temel olarak canlandırma anlamına gelmektedir. Flash animasyonlarını web siteleri ve mutimedia cd lerde kullanmak için hazırlayabilirsiniz. Orneğin bir web sitesindeki düğmeleri reklam bannerlerini flash ile yaptığınızda animasyonların üzerinde kullanıcı etkileşimi cok daha fazla olucaktır.İnternet üzerinde kullanılan grafiklerin coğu jpeg yada gif tipindeki bit işlem pigzel tabanlı dosyalardır. Bu dosyaların boyutları ıle goruntulenme surelerı dogru orantılıdır. Yani büyük boyuttaki dosyaların internet üzerinden görüntülenmeside uzun sürer. Vektör tabanlı grafikler cok daha az yer kaplarlar. Görüntülemeleri daha hızlı gerçekleşir. Dosya boyutları resımlerde oldugu gibi en ve boy değişkenlerine bağlı değildir. Aksine cok yoğun grafikler içeren dosya az yer kaplayabilir. Dosya boyutunu vektor tabanlı dosyada kullanılan karmasıklık ve ıcındekı teknıkler belırler . Vertor tabanlı dosyaları kullanmak internet üzerinden görüntü transferi yapmanın en verimli yollarındandır.Flash vektör tabanlı dosyalar olusturma yeteneğine sahip popüler bir programdır . Flash cok sayıdaki aracı ile size komplex yada basit calışmalar yapma olanağı sağlar. Flashın bu nedenli yaygın kullanılmasının bir diğer nedeni ise sahip oldugu animayon araclarıdır. Animasyon aracları size flash yada başka bir grafik programı ıle hazırladıgınız grafikleri canlandırma olanagı sunar. Bunların yanındada Flash ses ekleme ve duzenleme gıbı yeteneklere sahıptır. Animasyonlarınızı ses yada müzik ekleyerek daha dikkat cekiçi bir hale getirebilirsinizİnteraktif web sayfalarının etkileşimini Flash ile oluşturmanız mümkündür. Kullanıcı sayfanız üzerinde yer alan bir öğenin üzerine geldiğinde ortaya çıkıcak olan hareket ve seslerle etkileşimi daha çekiçi hale getirebilirsiniz