Ses Kontrol Web Sitenizde Kullanın
Ç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);
}
Çok güzel çalışma
ama bunun aynısını as3 te nasıl yapabiliriz
Sitede as3 kategorisinde ses kontrolu var işinize yararmı bilemem.
hocam bunu biz mp3 url linkine yönlendirerek download edebilirmiyiz müzik boyutu cok yüksek olduqu icin import edemiyorum mp3 ü ayni diqer calisma qibi olsun örneK ; ekolyzir qibi simdiden tsk ediyorum ellerinize yüreqinize saqLik paylasim icin .
Sizin yapmanız gereken mp3 player olursa daha iyi olur veya XML destekli olursa istediğiniz url linklerinden çağırabilirsiniz buradaki uygulama web sitesi için hazırlanmıştır.
Yorum Yazın
Photoders Hakkında
Rastgele Yazılar
Son Yorumlar
Etiketler
3D Advanced Animasyon Animation Balans Efekt Bir Objenin Yansıması Bir Resim Efekti buttons Calculator Chrome Text Colors Photoshop Tutorial cursor dancer dans day Dynamic Efekt Efekti Effect etiket fire Flash dalga effect Flash Dalga Effect-1 Flash Motion Guide Flash Resim (images) Animasyon Flash Resim Albüm Hazırlama flash site yapımı Foto manipilasyon Teknikleri Fotoğraf Gezegen Header Icon iletişim formu images_effect Kabarcık (Bubble) Brushes kontrol Lazer Liquify tool Logo Love smiley Manipulasyon manzarada renk değişimi menü Model Mouse Photo Photoders Text Efekt Photoders toolbar Photo Effect (Resim Efekti) Photo Keskinlik Efekti Photoshop Brushes Photoshop değişik bir çalışma Photoshop ile ilginç çalışma Photoshop resim çalışması Photoshop Tutorials Photo Tutorial Plazma Tv Powerful Preloader Renk Değişimleri Resim (images) effect Resim Balans Uygulamaları (Levels) Resim Efekti Ses Silüet (Silhouettes) Brushes Sis (Fog) Effect Tutorial Sound Stars Tutorials Sıra Dışı photo Border Efekti Text efekt tutorials Text Yansıma ve Gölge Efekti Wallpaper starbrust effect Web Logo Yağmur (Rain) Effect Yıldız (Star) Photo EffectBağlantılar
Son Yazılar
En Çok Yorumlananlar
Tavsiye Siteler