stop();

//Setup////////////////////////////////////////

//toplam clip sayı - properties panelden instance name sıralaması img1,img2,img3,şeklinde
var totalClips = 6;			

//stop clip itibaren tam değişerek hareket;
var holdPosition = false; 

//max hız movie clip
var maxSpeed = false;

///////////////////////////////////////////////////

var slideSpeed 		= 0.1;
var currentMousex 	= 0;
var clipBaseName 	= 'img';
var w_clips 		= this[clipBaseName + '1']._width+2;
var totalWidth 		= (totalClips * w_clips);
var maxleft 		= img1._x;
var maxright 		= (totalWidth/2);
//--

onEnterFrame = function(){
	currentMousex = Math.floor(this._xmouse);
	if(maxSpeed != false) currentMousex = (currentMousex >= maxSpeed)? maxSpeed : -maxSpeed;

	//-----------------------------------------
	if(!holdPosition){
		for(i=0;i <= totalClips; i++){
			var tmpObj = this[clipBaseName + i];
			tmpObj._x = Math.floor(tmpObj._x-(currentMousex*slideSpeed));
			if(tmpObj._x <= maxleft){tmpObj._x += totalWidth;}
			if(tmpObj._x >= maxright){tmpObj._x -= totalWidth;}
		}
	}
}

8-Scene1 sahnemize gelip kütüphaneden “img_kayan_mc”klipi alarak layer1 1.frameye ekleyelip sahnede klipi seçerek tekrar movie clip yapalım. Name “page_mc”yazalım page_mc içine girelim merkez nokta ayarını yapalım örnek resmi inceleyin.

9-Çalışmamızın son olarak scene1 üzerindeki görünümünü vereyim.

Not: Çalımadaki resimleri buton yapmak isterseniz resimleri tek, tek klip yaptığınız klipler içine girerek yeni layer ekleyin resmi kapatacak bir kare oluşturun buton sadece hit kısmı aktif olacak unutmayalım buton üzerine gelip link verebilirsiniz.
Çalışmamızı bitirdik test edelim Ctrl+Enter

FLA İndir

Bu Yazıyı Paylaşın

2-Halkanın orta kısmını aynı seçim aracı kullanarak seçim oluşturalım delete silelim.Tekrar Rounded Retangle-Tool aracı ile zincirin enden görünüşünü yapalım.

3-Shape1 layere Layer styles seçeneklerini uygulayalım.

4-Uyguladığımız layer styles seçeneklerini halkanın yandan görünüşüne uygulayalım layer üzerinde copy layer steyle kopyalayıp diğer layer üzerinde paste layer steyle yaparsak uğraşmayız.

5-Görüntümüz

6-Zincirimizin baklalarını hazırladık şimdi istediğimiz zincir örneklerini yapabiliriz.

Bu Yazıyı Paylaşın

2-Yazımız için Dafont.com adresinden Star Jedi font indirebilirsiniz. Yazımızı yazıyoruz.

3-Yazımıza layer style seçeneklerini uygulayalım.

4-Görüntümüz.

5-Yeni layer ekleyelim Elliptical Marquee-Tool veya Pen-Tool seçim aracı ile örnek seçimi oluşturalım beyaz renk ile dolduralım.

6-Seçimi kaldıralım yazı layerimiz üzerinde Ctrl+Mouse ile tıklayıp seçili yapalım parlama layer üzerine gelelim Mask uygulayalıp layer blending mode overlay yapalım opacity değerini istersek 65% yapalım.

7-Final

Diğer Örnek

Bu Yazıyı Paylaşın

1-Arka plan resmi ekleyip yeni layer açalım Eliptical Marquee aracı ile daire oluşturalım kova aracı ile renk #468dcb dolduralım.

2-Dairemizin kenar kısmını dikdörtgen aracı ile seçili yapıp edit>copy yapalım seçili kısmı delete silelim kopya yaptığımız parçayı edit>paste yapalım.

3-Kesip eklediğimiz parçamıza Layer Style Blending Options seçeneklerini uygulayalım. İstersek çok basit olarak istediğimiz renk uygulamasını yapabiliriz group layeri kopya yapalım tek yapmamız gereken daire layer’de uyguladığımız Gradient Overlay style açıp renk tonlarını değişmek olacaktır.

4-Daire layerimize gelelim Layer Style Blending Options seçeneklerini uygulayalım.

5-Dairemize eklediğimiz parçayı ayarlayalım.

6-Daire ve parça layerleri seçili yapalım Layer>New Group From Layers group yapalım group layer seçili free transform aracı ile çalışmamızı çevirelim.

7-Group layer açalım parça layer üzerine yeni layer ekleyelim layer adı parlama olsun daire layerin orta kısmına kadar gelen yeni daire seçimi oluşturalım içini beyaz renk ile dolduralım. Daire layeri seçili yapalım parlama layere gelerek select>inverse yaparak parlama kısmındaki fazlalığı silmek için delete yapalım.

8-Parlama layerin layer mode Overlay yapalım opacity değerini %50 olarak ayarlayalım. Parlama layer mask uygulayıp gradient uygulayalım.

9-Yazımızı yazalım Layer Style Drop Shadow uygulayalım.
İstersek çok basit olarak istediğimiz renk uygulamasını yapabiliriz group layeri kopya yapalım tek yapmamız gereken daire layer’de uyguladığımız Gradient Overlay style açıp renk tonlarını değişmek olacaktır.
Final

Bu Yazıyı Paylaşın

1-Seçili resmin kenarlarını yumuşatmak için Select>Refine Edge uygulayalım.

2-Arka plan resmimizi alalım çalışma sayfamızın px değerlerine getirelim burada kullanacağımız resim herkesin zevkine kalıyor bu yüzden resmi eklemiyorum.

3-Çalışmamıza ekleyeceğimiz çiçek resmini açalım bulunduğu yerden pen tool aracı ile seçip kopya yapalım kopyaladığımız resmi sahnemize paste diyerek yapıştıralım birini bayan resminin arka tarafına diğerini ön tarafına ayarlayalım.

4-Custom Shape Tool aracı seçelim shape penceresinden kendini zevkinize göre shapes seçip uygulayalım. İstek olursa shape paketi ekleyebilirim. Paketi İndir

5-Shape layere Outer Glow efekti verelim. Yeni layer ekleyelim layer adı yaprak olsun. Brush tool fırça aracını seçelim brush panelden yaprak fırçayı seçelim brush panelden ayarları yapalım.

6-Yaprak layer mode screen yapalım resmin üzerinde olan kısımları yumuşak silgi ile biraz temizleyelim. Yeni layer ekleyeklim layer adı yaprak2 olsun fırça ayarımızı yapmıştık şimdi fırçamızı px olarak küçültüp uygulayalım layer mode Hard Mix yapalım.

7-Yeni layer ekleyelim layer adı yaprak 3 olsun tekrar yaprak fırçamızın px değerini küçültüp uygulayalım layer mode Pin Light yapalım.
8-Layerleri group layer yapalım group layeri kopya yapalım (duplicate goup layer) açalım Ungroup Layers seçili durumdaki layerlerimizi birleştirelim Merge Layers group layerimizdeki çalışmayı tek layerde toplamış olduk layer adını group kopya yapalım bir kopya oluşturalım. Yeni layer ekleyelim layer adı Gradient olsun Gradient Editörden Medium Spectrum seçip layer üzerine uygulayalım.

9-Gradient layer mode screen yapalım group kopya copy layer ile birleştirelim (Merge Down) Filter>Sharpen>Smart Sharpen uygulayalım.

10-Layeri çoğaltalım Duplicate Layer layere Filter>Blur>Gaussian Blur radius 2.5 pixels uygulayıp layer mode Multiply yapalım.
11-Layeri tekrar kopya yapalım layer mode Multiply yapalım Opacity değerini 50% yapalım.

Çalışma 1024×668 px olarak yapıldı daha güzel görünüyor diyebilirim ekleme sırasında küçük olarak ekledim.
Final

Bu Yazıyı Paylaşın

2-Kar klip secili tekrar F8 Movie Clip yapalım name kar_mc olsun kar_mc içine girelim sahnedeki Kar klipi biraz yana kaydıralım Rectangle Tool aracı ile bir dikdörtgen oluşturalım sadece dış çizgisi olacak unutmayalım properties panelden sahnemizin değerleri kadar W ve H değerleri girersek daha kolay olur.

3-Dikdörtgen secili durumda Drawing Object yapalım Menüden Modify>Combine Objects>Union seçeneğini kullanalım. Properties panelden çizgilerin alpa değerini 0 yapalım ekli resimlerde iki uygulamayı ekledim.

4-Kar klipi şimdi hazırladığımız çerçevenin kenarına ayarlayalım. Örnek resim.

5-Layer1 çerçevemiz ve Kar klipi ekledik aynı framede sağ klik actions paneli açarak ekli kodu ekleyelim.

var kar:Array = new Array();
var karPrs:Dictionary= new Dictionary(true);
var max_karsize:Number = .04;
// pixels
var kartane:Number = 150;
var oheight:Number;
var owidth:Number;
init();
function init():void {

	owidth = width;
	oheight = height;
	// quantity
	for (var i:int=0; i<kartane; i++) {

		var t:MovieClip = new Kar();//
		t.name = "kar"+i;

		t.alpha = 20+Math.random()*60;
		t.x = -(owidth/2)+Math.random()*(1.5*owidth);
		t.y = -(oheight/2)+Math.random()*(1.5*oheight);
		t.scaleX = t.scaleY=.5+Math.random()*(max_karsize*10);
		var o:Object = new Object();
		o.k = 1+Math.random()*2;
		o.wind = -1.5+Math.random()*(1.4*3);

		karPrs[t] = o;

		addChild(t);
		kar.push(t);
	}
	addEventListener(Event.ENTER_FRAME, karMov);
}
function taneUp():void{
	for (var i:int=0; i<kar.length; i++) {
		var t:MovieClip = kar[i] as MovieClip;
		t.x = -(owidth/2)+Math.random()*(1.5*owidth);
		t.y = -(oheight/2)+Math.random()*(1.5*oheight);
	}
}
function karMov(evt:Event):void {
	var dO:MovieClip;
	var o :Object;
	if(visible && parent.visible){
	for (var i:int = 0; i < kar.length; i++) {
		dO = kar[i] as MovieClip;
		o = karPrs[dO];
		dO.y += o.k;
		dO.x += o.wind;
		if (dO.y>oheight+10) {

			dO.y = -20;

		}
		if (dO.x>owidth+20) {

			dO.x = -(owidth/2)+Math.random()*(1.5*owidth);
			dO.y = -20;

		} else if (dO.x<-20) {

			dO.x= -(owidth/2)+Math.random()*(1.5*owidth);
			dO.y = -20;
		}

	}
	}
}

6-Scene 1 sahnemize gelelim Kütüphanede (Library) Kar klip üzerinde sağ klik Linkage seçeneğini seçelim açılan panelde Class penceresine Kar yazalım.

7-Kütüphaneden kar_mc sahnemize alalım instance name penceresine kar_mc yazalım.

8-Çalışmamızı test edelim.

FLA İndir

Bu Yazıyı Paylaşın

2-Sahnedki klip seçili durumda instance name penceresine kar yazalım.

3-Sahnedeki klipi seçili yapalım sağ klik actions paneli açıp F9 ekli kodu ekleyelim.

onClipEvent (load) {
	//çalışma sayfamızın px değerleri
	movieWidth = 400;
	movieHeight = 300;

	//değişken kar hızı
	i = 1+Math.random()*2;
	k = -Math.PI+Math.random()*Math.PI;

	//kar tanesi özellikleri
	this._xscale = this._yscale=30+Math.random()*75;
	this._alpha = 75+Math.random()*100;
	this._x = -10+Math.random()*movieWidth;
	this._y = -10+Math.random()*movieHeight;
}
onClipEvent (enterFrame) {
	rad += (k/180)*Math.PI;
	this._x -= Math.cos(rad);
	this._y += i;
	if (this._y>=movieHeight) {
		this._y = -5;
	}
	if ((this._x>=movieWidth) || (this._x<=0)) {
		this._x = -10+Math.random()*movieWidth;
		this._y = -5;
	}
}

4-Yeni layer ekleyelim layer adı action olsun 1.framede actions paneli açalım ekli kodu ekleyelim.

for (k=0; k<75; k++) {
	duplicateMovieClip(this.kar, "kar"+k, k);
}

5-Çalışmayı test edelim Ctrl+Enter

FLA İndir

Bu Yazıyı Paylaşın

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

FLA İndir

Bu Yazıyı Paylaşın

 

2-Rectangle Tool aracı ile bir dikdörtgen oluşturalım dış çizgisi olmasın F8 movie clip yapalım name loader olsun.

3-Layer1 adını değişelim loader_bar olsun efekt vermek için properties panelden filters penceresini açalım drop,blur,glow efektleri verelim. İnstance name penceresine load_mc yazalım.

4-Yeni layer ekleyelim layer adı yazı olsun Text Tool aracı ile dynamic text oluşturalım. İnstance name penceresine load_txt yazalım.

5-Yeni layer ekleyelim layer adı sayfa olsun 1.frameyi boş bırakıp 2.frameye keyframe ekleyelim loading sonunda açılacak olan resmi ekleyelim.
6-Yeni layer ekleyelim layer adı action olsun 1.framede action penceresini açalım F9 ekli kodu ekleyelim.

//flash loader uygulama kodları www.photoders.com
stop();

this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgress);
this.loaderInfo.addEventListener(Event.COMPLETE, onComplete);

function onProgress(e:ProgressEvent):void
{
	var loaded:Number = e.target.bytesLoaded;
	var total:Number = e.target.bytesTotal;
	var pct:Number = loaded/total;
	load_mc.scaleX = pct;
	load_txt.text =(Math.round(pct * 100)) + "%";
}

function onComplete(e:Event):void
{
	nextFrame();
}

7-Çalışmamızı test edelim Ctrl+Enter
Çalışmayı tekrar,tekrar izlemek için test sayfası açık durumda view>simulate download veya Ctrl+Enter yaparak tekrar izleyebilirsiniz.

Bu Yazıyı Paylaşın

 

2-Arka plan beyaz olsun px değerleri size kalmış ilk olarak layer1 üzerinde rectangle tool aracı ile sahnemizin büyüklüğünde bir dikdörtgen hazırlayalım gradient uygulayalım. Arka alan oluşturmuş olacağız. Layer adını saat glow yapalım.

3-Text Tool aracı ile dynamic text seçimi yaparak yazımızı yazalım instance name kısmına clockGlow yazalım. Sahnedeki yazıyı kopya yapalım.

4-Yeni layer ekleyelim layer adını zaman olarak değişelim kopya yaptığımız yazıyı paste ederek sahneye ekleyelim instance name penceresindeki yazımyı değişip clock yazalım.

5-SaatGlow layeri seçelim properties panelden Filters Glow uygulayalım.

6-Ana sahnemizde Properties panelde Publish panelde Class penceresine temeli yazalım hazırlayacağımız ActionScript dosyamızın adı olacak.

7-File>New ActionScript File açalım.

8-Açılan action penceresine kodlarımızı ekleyip farklı kaydet dosya ismi olarak temeli olarak isimlendirelim.

/* saat temeli */
package {
	import flash.display.MovieClip;
	import flash.utils.Timer;
	import flash.events.TimerEvent;

	public class temeli extends MovieClip {
		/* değişken */

		var date:Date=new Date  ;

		var day:int=date.day;

		var hours:int=date.hours;
		var minutes:* =date.minutes;
		var seconds:* =date.seconds;

		var timer:Timer=new Timer(1000);

		public function temeli():void {

			updateClock();

			timer.addEventListener(TimerEvent.TIMER,startClock);
			timer.start();
		}

		/* Clock function */

		private function updateClock():void {

			/* 24 saat gösterge */

			if (String(minutes).length<2) {
				minutes="0"+minutes;
			}

			if (String(seconds).length<2) {
				seconds="0"+seconds;
			}

			/* Set Text  */

			clock.text=hours+":"+minutes+":"+seconds;
			clockGlow.text=hours+":"+minutes+":"+seconds;
		}

		private function hideObjects(... targets) {
			for (var i:int=0; i<targets.length; i++) {
				targets[i].visible=false;
			}
		}

		/* Start Clock function */

		private function startClock(e:TimerEvent):void {
			date=new Date  ;

			hours=date.hours;
			minutes=date.minutes;
			seconds=date.seconds;

			updateClock();
		}
	}
}

8-Çalışmamızı test edelim.

Bu Yazıyı Paylaşın

2-Yeni layer ekleyelim Paint Bucket Tool (Kova)aracını seçelim renk olarak #001A35 seçip layeri dolduralım. Blending mode-Multiply yapalım.

3-Elliptical Marquee Tool aracı ile elips oluşturalım. Yeni layer ekliyoruz aynı renk seçimi yapalım kova aracı ile dolduruyoruz.

4-Tekrar Multiply uyguladığımız layere gelelim Add Layer Mask uygulayalım Brush Tool 300px fırça seçelim renk siyah olsun örnek resimdeki şekilde uygulayalım arka kısımda parlama olsun.

5-Elips layer üzerinde Mouse+Ctrl tıklayıp elipsi seçili yapalım yeni layer ekleyip renk #FBAF5D ile dolduralım. Seçimi kaldıralım Ctrl+D elips layerin altına alalım Filter>Blur>Gaussian blur radius 70 pixels uygulayalım. Blending mode>Hard Light yapalım.

6-Elips layere gelelim Blending Options>Drop Shadow uygulayalım.

7-Blending Options>Inner Shadow uygulayalım.

8-Tekrar bir texture kullanacağız döşeme tahtası textureyi buradan indirin indirdiğimiz textureyi çalışmamızın üzerine taşıyalım free transform aracı ile elips kaplayacak şekilde ayarlayalım texture layer üzerinde sağ klik Create Clipping Mask uygulayalım.

9-Elips layer üzerine Ctrl+Mouse klik seçili yapalım en üstte yeni layer ekleyelim renk 001a35 dolduralım free transform aracı ile biraz küçültelim.

10-layere Blending Options>Drop Shadow uygulayalım.

11-Tekrar yeni bir döşeme texture buradan indirin. Çalışmamızın en üstüne ekleyelim free transform aracı ile küçültelim layer üzerinde sağ klik Create Clipping Mask uygulayalım.

12-Yeni layer ekleyelim ip yapalım Elliptical Marquee Tool aracı ile elipsi çevreleyen bir seçim oluşturalım Edit>Stroke uygulayalım.

13-Stroke layere Blending Options>Bevel and Emboss uygulayalım.

14-Görüntümüz.

15-Yeni layer ekleyelim renk olarak #EBD29F seçelim fırçamızı seçelim elips üzerine uygulayalım. Layer opacity %60 yapalım.

16-Layer Blending mode-Multiply yapalım.

17-Yazımızı yazalım font seçimi size kalmış çalışmadaki font olarak (OldLondon)kullandım.

18-Yazı layerin Fill 0 yapalım. Blending Options>Drop Shadow uyguluyoruz.

Blending Options>Inner Shadow

Blending Options>Color Overlay

19-Görüntümüz.

20Yeni layer ekleyelim zincir halkası yapmaya başlayalım. Elliptical Marquee Tool aracı ile küçük bir daire yapalım. Edit>Stroke 3px uygulayalım. Devamında Blending Options>Bevel and Emboss uyguluyoruz.

21-Halkayı kopya yapalım diğer tarafa kaydıralım.

22-Yeni bir çalışma sayfası açalım 100×100 72 dpi olsun Elipse Tool aracı ile elips yapalım renk siyah orta kısmını silerek içi boş elips yapalım.

Blending Options>Inner Glow

Blending Options>Bevel and Emboss

Blending Options>Satin

Blending Options>Gradient Overlay

23-Görüntümüz.

24- Rounded Rectangle Tool radius 15 px renk siyah dik kısmı hazırlayalım kopya yapalım üst tarafada kaydıralım elde ettiğimiz görünüm.

25-Halkaya uyarladığımız layer style seçeneklerini layer üzerinden copy layer style kopyalayım diğer yan halka layerlere paste layer style yapalım elde ettiğimiz görünüm.

26-Zinciri hazırladığımız layerleri birleştirelim tek layer olsun devamında hazırladığımız çalışmamının üzerine taşıyalım free transform aracı ile küçültelim halkaya ayar yapıp layeri kopya yapıp paste edelim up tuşu ile kaydırma ile ayarlayalım bu yöntem ile yukarı doğru tamamlayalım zincir layerleri birleştirelim tek layer yaptıktan sonra layeri tekrar kopya yaparak diğer tarafa kaydıralım devamında her iki zincir layeri tek layer yapalım örnek görüntümüz.

27-Zincir layerlere Blending Options>Drop Shadow uygulayalım.

28-Çalışmamızın renk tonunu değişelim Layer>New adjustment layer>Hue/Saturation uygulayalım.

29-Hue uyguladığımız en üsteki layer üzerinde sağ klik Create Clipping Mask yapalım.
30-Yeni layer ekleyelim fırça seçelim renk siyah olsun zincirlerin üzerinde iz yapalım layer opacity değerini %20 yapalım layer üzerinde sağ klik Create Clipping Mask yapalım layer görünüm.

Final

FULL İZLE

Bu Yazıyı Paylaşın

2-Gerekli işlemleri tamamladık şimdi 1.frameye örnek kodları girelim. Dilerseniz sözleri değişebilir ekleyebilirsiniz örnekte gördüğünüz gibi başlarına tırnak eklemeyi unutmayın.

var gununsozu:Array=new Array("hayat biz onu planlarken başımızdan gelip geçenlerdir.", "Hiçbir şey için geç değil ve geç değil bir şey için hiç birşey", "dünyanın en centilmen insanı, karanlıkta bile esnerken ağzını kapatan insandır", "Hiç kimse duymak istemeyen biri kadar sağır olamaz",
"Sorularını yürekten sorarsan, cevaplarını da yürekten alırsın","ak akçe kara kedi içindir","Her zaman doğru söyle, ne dediğini hatırlamak zorunda kalmazsın");

rasgele=random(gununsozu.length);
laf_txt.text=gununsozu[rasgele];

FLA İndir

Bu Yazıyı Paylaşın

1-Çalışmamıza başlarken ilk olarak Mouse ucunu hazırlayalım. İlk olarak resimdeki örnek şekli hazırlayalım. Seçili durumda symbol yapalım F8 graphic name olarak (cusor_normal )olarak adlandıralım. Properties panelden Rotate CW yapalım.

2-Tekrar seçili durumda F8 Movie Clip yapalım name olarak (cursor_mc) yazalım. Cursor_mc içinde animasyon yapalım şimdi 30 frameye keyframe ekleyelim frame arasına create motion tween verelim.

3-İkinci şeklimizi yapalım örnek resimdeki çizimi yapalım seçili durumda F8 graphic yapalım name (cursor_over)yazalım. Şimdi tekrar F8 movie clip yapalım name (cusorover_mc )yazalım. Klipimiz cusorover_mc içinde animasyonu oluşturalım 40 frameye keyframe ekleyip frame aralarına create motion tween verelim 1 framede properties panelde Rotate CW yapalım.

4-İki klip hazırlandı şimdi Mouse animasyonumuzu hazırlayalım. İlk olarak cursor_mc klipi saheye alıp seçili durumda F8 movie klip yapalım name (cursor_klip)yazalım Layer1 10 frameye gelelim keyframe ekleyelim sahnedeki şeklimizi delete silelim kütüphaneden cusorover_mc klipi alarak ekleyelim. 30 frameye key ekleyelim.

5-Yeni layer ekleyelim layer adı Label olsun 1.framede instance name kutusuna (normal)yazalım 10 frameye keyframe ekleylip tekrar instance name kutusuna (over)yazalım. Yeni layer ekleyip layer adını action yapalım 1 frameye stop eklemek için F9 actions paneli açalım. 10 frameye keyframe ekleyelim actions paneli açıp stop ekleyelim.

6-Mouse ucu animasyonumuzu hazırladık şimdi buton yapalım. Buton hazırlamak için örnek resimdekine benzer çizim yapabilirsiniz.

7-Çizimi bitirdikten sonra seçili durumda F8 Button yapalım name(logo_button)yazalım buton içine girelim Up kısmında şeklimiz aynı kalıyor Over kısmında biraz büyültelim Down kısmında küçültelim hit kısmına çizimi kapatacak şekilde mask yapalım.

8-Butonumuz tamamlandı şimdi scene 1 sayfamıza gelelim örnek resimde görüldüğü şekilde bir header düzenledim üst kısma bar alt kısmada bar ekledim arka renk için #333333 renk verdim örnek resim. Bu kısmı kendinize göre uyarlayabilirsiniz tek, tek anlatmaya gerek görmedim eğer isterseniz ekli dosyadan inceleyebilirsiniz.

9-Çalışmamızı genel olarak tamamladık şimdi yaptığımız buton,klipleri yazıları yerleştirelim. Yeni layer ekleyelim layer adı action olsun.

10-Resimde görülen Mouse_mc klipi sahnede seçelim instance name kutusuna (newKlip)yazalım.
11-sahnedeki butonları tek tek seçili yaparak actions paneli açıp ekli kodu ekleyelim.

on (rollOver) {
	with (newKlip) {
		gotoAndStop("over");
	}
}
on (rollOut) {
	with (newKlip) {
		gotoAndStop("normal");
	}

12-Son olarak en üst action layer 1.framede actions paneli açıp ekli kodu ekleyelim.

Mouse.hide();
startDrag("newKlip", true);

Çalışmamızı artık test edebiliriz. Ctrl+Enter

FLA İndir

Bu Yazıyı Paylaşın