Mouse Efektli Flash Saat
Çalışmamızda Mouse efekt olarak saat yapacağız saatimizde ayrıca gün ve ay ekli olacak ilk olarak yeni bir çalışma sayfası açalım. Ben 450×300 px çalışma sayfası açtım siz istediğiniz çalışma sayfasını açabilirsiniz.
1-İlk olarak text tool aracı ile dynamic text oluşturalım yazı olarak( Wednesday/ 26/ September ) yazalım instance name penceresine dates yazdıktan sonra movie klip yapalım F8 name olarak date diyelim.
2-Date movie clip seçili tekrar klip yapalım name olarak clock yazalım ana klipimiz olacak.Clock klip içinde sahnedeki dates klip seçili instance name penceresine time_mc yazalım
3-Clock klip içinde tekrar dynamic text oluşturalım yazı olarak (00:) yazalım seçili durumda movie clip yapalım name olarak hour yazalım hour klip içinde dynamic text yazımızın instance name penceresine h_time yazalım
4-Date klip içinde yeni klip hour seçili durumda instance name penceresine hour yazalım.
5-Aynı şekilde tekrar dynamic text oluşturalım yazımız ( 00: )olsun seçili durumda movie clip yapalım name minutes olsun minutes klip içine girelim dynamic text instance name penceresine m_time yazalım. Tekrar clock ana klipimize gelelim yeni eklediğimiz movie clip seçili instance name kısmına min yazalım resim eklemedim bir diğer klip ile aynı işlemleri yapıyoruz değişen sadece instance name isimleri oluyor.
6-Devam ediyoruz tekrar dynamic text oluşturup yazımızı yazalım (00) olsun seçili durumda movie clip yapalım name seconds olsun saniye klipimiz oluyor klip içine girelim dynamic text yazımızın instance name penceresine s_time yazalım. Clock klip gelerek yeni eklediğimiz klip seconds seçili instance name penceresine sec yazalım.
7-Tekrar dynamic text oluşturalım büyük harf olarak PM yazalım font rengi kırmızı olsun seçili durumda movie klip yapalım name olarak AMPM yazalım klip içine girelim dynamic text instance name penceresine ampm_time yazalım. Tekrar clock klipimize dönelim AMPM klip seçili instance name penceresine ampm2 yazalım.
8- Tek bir layerde tüm klipleri oluşturduk layer adını clock tekt olarak belirledik instance name pencerelerine tek,tek isimleri verdik şimdi kliplerin kodlarını ekleyelim. Hatırlatmak isterim kodları clock klip içinde tek,tek klipleri seçerek ekleyeceğiz ilk olarak hour klipi seçili durumda sağ klik actions paneli açıp kodu ekleyelim.
onClipEvent(load){
easeTo=function(x,y,speed){
_x+=(x-_x)/speed;
_y+=(y-_y)/speed;
}
//hour=random(360);
swapDepths(-getDepth());
}
onClipEvent(enterFrame){
easeTo(_parent._xmouse+22,_parent._ymouse+25,2)
}
Şimdi minutes klipi seçili yapalım ekli kodu ekleyelim.
onClipEvent(load){
easeTo=function(x,y,speed){
_x+=(x-_x)/speed;
_y+=(y-_y)/speed;
}
}
onClipEvent(enterFrame){
easeTo(_parent.hour._x+18,_parent.hour._y,6)
}
Sec klipi seçelim ekli kodları ekleyelim.
onClipEvent(load){
easeTo=function(x,y,speed){
_x+=(x-_x)/speed;
_y+=(y-_y)/speed;
}
}
onClipEvent(enterFrame){
easeTo(_parent.min._x+18,_parent.min._y,3)
}
AMPM klipi seçili yapalım ekli kodu ekleyelim.
onClipEvent(load){
easeTo=function(x,y,speed){
_x+=(x-_x)/speed;
_y+=(y-_y)/speed;
}
}
onClipEvent(enterFrame){
easeTo(_parent.sec._x+19,_parent.sec._y,2)
}
Son olarak date klipi seip ekli kodu ekleyelim.
onClipEvent(load){
easeTo=function(x,y,speed){
_x+=(x-_x)/speed;
_y+=(y-_y)/speed;
}
}
onClipEvent(enterFrame){
easeTo(_parent.ampm2._x+12,_parent.ampm2._y+15,2)
}
9-Klipleri bitirdik şimdi action layerleri oluşturalım yeni layer ekleyelim layer adı saatAS olsun. 1.framede actions paneli açalım ekli kodları ekleyelim.
//Saat kodu ve gün ve aylar
days=["Pazar", "Pazartesi", "Sali", "Carsamba", "Persembe", "Cuma", "Cumartesi"];
months=["Ocak", "Subat", "Mart", "Nisan", "Mayis", "Haziran", "Temmuz", "Agustos", "Eylul", "Ekim", "Kasim", "Aralik"];
onEnterFrame = function() {
date=new Date();
time_mc.dates.text=days[date.getDay()]+"/ "+date.getDate()+"/ "+months[date.getMonth()]
hours=date.getHours();
mins = date.getMinutes();
secs = date.getSeconds();
if(mins<10){mins="0"+mins;}
if(secs<10){secs="0"+secs;}
if(hours>=24){ampm="PM";
}else{ampm="AM";}
if(hours>24){hours=hours-24;}
hour.h_time.text=hours + ":";
min.m_time.text=mins + ":";
sec.s_time.text=secs;
ampm.ampm_time.text=ampm;
};
10-Yeni layer ekleyelim layer adını showAS yazalım. 1.framede actions paneli açıp ekli kodları ekleyelim.
show_time= 1;
fade_time=2
_root.clockv2._alpha=1
function showT(){
clearInterval(appear);
function setTimeOut() {
time_mc._alpha++;
}
timeOut = setInterval(setTimeOut, fade_time);
}
time_mc._alpha=0;
this.onMouseMove = function()
{
this._alpha=100
clearInterval(appear);
appear = setInterval(showT, show_time*1000);
this.time_mc._alpha=0;
Mouse.show();
clearInterval(timeOut);
}
11-Clock klip görüntümüz
12- Benim uyguladığım dynamic text yazılarda klip içinde filters panelden drop ve bevel efekt uyguladım sizde yapabilirsiniz isterseniz.
13-Scane1 sahnemize gelelim ben arka fon olarak resim ekledim görüntümüz.
14-Çalışmamızı test edebiliriz CTRL+ENTER
Merhaba.. Photoders sitesi photoshop ve flash derslerin türkçe paylaşımak amaclı kurulmuş web sitesidir. Sitede mevcut dersler tamamen ücretsizdir. Ziyaretciler üye olmadan siteyi gezebilir yararlanabilirler, destek alabilmek sorunlarını iletebilmek için tek yapmaları gereken kısa bir zaman ayırarak ücretsiz üye olmalarıdır.Site içinde eklenmiş derslere yorum ekleyerek verilen emeklere saygı göstermek olduğu unutulmamalıdır.
Yorum Yazın