Ses Kontrol Web Sitenizde Kullanın

admin — Sun, 29 Mar 2009 13:53:02 +0000

Çalışmamızda meraklısına çok yararlı olacak bir çalışma yapacağız sanırım bu kadar detaylı bir anlatım sadece sitemizde mevcut olacaktır. Flash çalışmamız web sitelerinde sayfa açılışı ile aktif olan müziğin kontrolünü ekolayzır görünümlü olarak hazırlayacağız ilk olarak yeni bir çalışma sayfası açalım sayfa değeri size kalmış.

İlk olarak scene1 sahnemizde rectangle tool aracı ile dikdörtgen çizelim dış çizgisi olmasın (w) ve (h) değerlerini properties panelden ayarlayalım.

2-Sahnedeki çizim seçili iken movie clip yapalım name eko1 olsun.

3- Rectangle Tool aracı ile dikey dikdörtgen çizelim mask oluşturacağız ölçülendirmeyi properties kısmından ayarlayalım. Seçili durumda F8 movie clip yapalım name mask1 olsun.

4-Kütüphanede iki adet klip oluştu şimdi yeni bir klip oluşturalım Insert>new symbol Ctrl+F8 movie clip oluşturalım name mask2_mc olsun.

5-Yeni oluluşturduğumuz boş klip içinde layer1 1.framesine kütüphaneden mask1 klip alıp ekleyelim.

6-Animasyonumuzu hazırlayalım keyframeleri ekleyelim sırası ile17,36,53,69,81,96,114,129,145,169 framelere keyframe eklemiş olduk F6 framelerde örnek resimdeki şekleri oluşturalım free transform aracı ile 17 frameden 169 frameye kadar yapılan düzenleme örnek resim aralarına create motion tween uygulayalım. Ease değerini aşağıya inerken -100 yukarı çıkarken100 yapalım.

7-Insert New symbol yeni bir movie clip oluşturalım name eko2 olsun. Eko2 klip içinde çalışalım ilk olarak kütüphaneden Eko1 klipi alarak 1.frameye ekleyelim 9 frameye keyframe ekleyelim 37 frameye key ekleyelim F5 1. frameye gelelim create motion tween verelim properties panelde color penceresini açalım Advanced seçeneğini uyguluyoruz.

8- Yeni layer ekliyoruz 4 frameye keyframe ekleyelim kütüphaneden Eko1 klip tekrar alarak ekleyelim bir önce eklediğimizin biraz üstüne ayarlayalım.12 frameye keyframe ekleyelim devamında 37 frameye key ekliyoruz. Advanced seçeneğini 4 framede aynı şekilde uygulayalım create motion tween veriyoruz.
9-Yeni layer ekleyelim 7. frameye keyframe ekleyelim tekrar Eko1 klipi alarak ekleyelim 15. frameye keyframe ekleyelim 37 frameye key ekliyoruz 7.framede Advanced seçeneğini tekrar uyguluyoruz create motion tween verelim.
10-Yeni layer ekleyelim 10 frameye keyframe ekleyelim Eko1 klipi tekrar ekleyelim 18 frameye keyframe ekleyelim 37 frameye key ekliyoruz. 10. frameye gelelim Advanced seçeneğini aynen uyguluyoruz create motion tween verelim.

11-Yeni layer ekliyoruz bu layerimiz mask olacak 1 framesine kütüphaneden hazırladığımız mask2_mc klip ekliyoruz örnek resim.

12-Mask layer üzerinde sağ klik mask seçeneğini uygulayalım. En üst layere uygulanmöış oluyor fakat biz hepsine uygulansın istediğimizden diğer layerleri selection tool (mouse) ile kaydıralım.
13-Yeni layer ekleyelim layer adı actions olsun 37 frameye keyframe ekleyelim F6 actions paneli açalım stop ekleyelim
stop();
14- Insert new symbol yeni bir movie clip oluşturalım name eko3_mc olsun. Klip içinde çalışmaya başlayalım. 1.frameye kütüphaneden eko2 klipimizi 12 adet yan yana ekleyelim işlem sırasında rulers guides çizgileri kullanırsak daha kolay yaparız örnek resim.

15- 2.frame ekleyelim F6 sahnedeki eko2 klipleri delete silelim şimdi ekolayzır stop ettiğinde oluşmasını istediğimiz kısmı yapalım. Guides çizgilerimiz doğrusunda kütüphaneden eko1 klipi aynı şekilde sıralıyoruz aşağı yukarısı için kafanıza göre düzenlemede yapabilirsiniz benim örneğim resimde.

16- Yeni layer ekliyelim actions layer olsun 1.frameye stop ekleyelim.
stop();
17-Insert new symbol button yapalım name saund_buton olsun butonun aktif kısmı sadece hit alanı olacak.

18-Insert new symbol movie clip oluşturalım name kontrol olsun Rectangle Tool aracı ile dış çizgisi olan bir dikdörtgen çizelim ölçü değerini yazınıza göre ayarlayın şeklimizin olduğu layerin üzerine yeni layer ekleyelim yazımızı yazalım.

19-Genel hazırlığımızı yaptık gerekli kliplerimizi oluşturduk Insert new symbol movie clip oluşturalım name kısmına saund_menu adını verelim klip içinde çalışmaya başlayalım layer 1 adını eko yapalım kütüphaneden eko3_mc ekleyelim sahnede klip seçili instance name kısmına equalizer yazalım.
-Yeni layer ekleyelim layer adını buton yapalım kütüphaneden sound_buton ekleyelim 2.frameye keyframe ekliyoruz F6
-Yeni layer ekleyelim layer adını text yazalım 1.framede SAUND (ON) yazalım 2.frameye keyframe ekleyelim yazımızı değişelim SAUND (OFF) yazıyoruz
-Yeni layer ekleyelim layer adı kontrol olsun kütüphaneden kontrol klipi alarak 1.frameye ekliyoruz.
-Yeni layer ekleyelim layer adı actions olsun 1.frameye stop ekliyoruz.

20- Kodlarımızı ekleyelim buton layerimizin 1.framesinde butonu seçili yapalım buton üzerinde actions paneli açalım kodu ekleyelim.
on (release) { _root.soundstatus = "off"; equalizer.gotoAndStop(2); gotoAndStop(2); }
2.frameye gelelim tekrar buton seçili sağ klik actions paneli açalım kodu ekleyelim.
on (release) { _root.soundstatus = "on"; equalizer.gotoAndStop(1); gotoAndStop(1); }
21-Kontrol layer gelelim sahnedeki klipi seçili yapalım actions panelli açalım ekli kodu ekleyelim
onClipEvent(load) { _root.soundstatus="on"; _root.mySound = new Sound(_level0); _root.mySound2 = new Sound(_level1); _root.mySound3 = new Sound(_level2); _root.mySound4 = new Sound(_level3); _root.mySound5 = new Sound(_level4); maxvolume=100; minvolume=0; }
Scene1 sahnemize gelelim kütüphaneden saund_menu klipimizi layer1 1.frameye ekleyelim yeni layer açalım 1.frame seçili properties panelden saund penceresinden ekli müziği seçelim.
Yeni layer ekleyelim 1.framesine stop ekliyoruz.
Çalışmamızı sonlandırdık artık test edelim çalışmanın bir çok kullanıcıya yararlı olacağını ümit ediyorum yorumlarınız ile katkınızı eksik etmeyiniz sitemizdeki google reklamlarına bir kere tıklamayı ihmal etmeyin.

onClipEvent(enterFrame)
{
if(_root.soundstatus==”on”) {step=5}
if(_root.soundstatus==”off”) {step=-5}

maxvolume+=step;

if (maxvolume>100) {maxvolume=100;}
if (maxvolume<0) {maxvolume=0;}

_root.mySound.setVolume(maxvolume);
_root.mySound2.setVolume(maxvolume);
_root.mySound3.setVolume(maxvolume);
_root.mySound4.setVolume(maxvolume);
_root.mySound5.setVolume(maxvolume);
}

FLA indir

Bu Yazıyı Paylaşın

Ses kontrol ekolayzir

admin — Mon, 23 Feb 2009 21:46:23 +0000

Flash çalışmamızda mouse ses kontrolünü sağlarken ekolayzir efekt ekleyerek görsel olarak hoş bir çalışma yapacağız. Yeni bir çalışma sayfası açalım benim tercihim 300X200 px oldu. Ractangle tool aracı ile bir çerçeve hazırlayalım çerçevemiz daha görsel olsun istersek Gradient linear uygulayabiliriz çerçevenin içini istediğimiz renk ile dolduralım.

[Hidepost]

Sahnedeki hazırladığımız kutuyu seçili yapalım F8 graphic yapalım name kısmına arka yazalım. Arka graphic seçili durumda movie clip yapalım name kısmına Arka_klip yazalım Oval tool aracı ile dış çizgisi olmayan daire oluşturalum F8 Graphic yapalım name but_1 yazalım seçili durumda F8 button yapalım name button olsun.

Hoparlör çizimi yapalım F8 graphic yapalım name hoparlör olsun seçili durumda F8 movie clip yapalım name hoperlör_klip yazalım.

Ekolayzir hazırlayalım örnek resimdeki numara ile gösterdiğim şekilde çubuklar hazırlayalım her birini graphic yapalım daha sonra movie klip yapıyoruz.

F8 movie klip hazırlayalım resimde görüldüğü gibi klip hazırlayacağız anlatımı uzun süreceğinden ekli FLA indirip inceleyebilirsiniz.

Gerekli hazırlıklar sonrası F8 movie klip yapalım name kısmına ana_mc yazalım hazırladığımız parçaları tek tek kütüphaneden alarak klipimize yerleştireceğiz genel olarak layer görünümünü ekledim.

Anlatımının uzun olması nedeninden yaplışını ve ekli kodları elde etmeniz için ekli dosyayı indirmenizi öneriyorum.
Final

FLA İndir

[/Hidepost]

Bu Yazıyı Paylaşın

photoders » kontrol

Ses Kontrol Web Sitenizde Kullanın

Ses kontrol ekolayzir