V dnešním tutoriálu si uděláme Flash „I-Pod“ player. Který bude vypadat podobně.



1 krok
Otevřeme si nový dokument kde vytvoříme MC (movie clip) ktery nazveme ipod.



2 krok
Uděláme si obdélník barvu pozadi nastavíme na #FFFFFF barvu okraje nastavíme takto.



Ugumujeme rohy vybereme nástroj ink bottle tool (tlac „S“) a nastavíme barvu okraje na nějákou šedivou já mám #666666 a klikneme na obdélník.

3 krok
Uprostřed v horní části uděláme kruh který vyplníme přechodem ze světlejší šedivé do tmavší šedivé.



Uprostred tohoto kruhu udeláme další menší kruh s bílou výplní.

4 krok
Tlačítka můžete zvolit jaké tvary chcete já sem zvolil charakteristické tvary pro play, pause, stop… . potom co tvary namalujete na místo kde je chcete vezměte Selektion Tool (V) a vyberte celý tvar i s okraje. Vyberete ho tak že kliknete na míto které chcete označit pokud jich chcete označit více použíjte Shift



Potom co to vyberete stiskněte F8 a nastavte to na Button a jako jmeno napište název tlačítka – play, pause…

5 krok
Poté co kliknete na OK oběví se vám editace se zvláštní časovou osou kde máte Up – normální tlačítko Over – po najení na tlačítko Down – po klinutí na nej a držení tlačítka myši Hit – po odkliknutí niní označíme up a zmačkneme F6 tím se nám vytvoří Over což je po najetí myší a vybarvíme obsah libovolnou barvou.



6 krok
Toto provedeme u všech tlačíte a potom si otevřeme Library (Knihovnu) která by měla vypadat následovně.



Klikneme pravým tlačítkem na ipod a dáme edit tím se nám otebře MC ipod když klikneme na nějáké tlačítko bude označeno modrou selekcí to znamená že je to oběkt a niní můžeme nastavovat AS (Action Script).

7 krok
Všechny příkazy budeme zapisovat do Action Frame (F9) .



8 krok
Pro tačítko play nastavíme tohle.

on (release) {
        playMusic();
        }

Pro tačítko stop nastavíme tohle.

on (release) {
        stopMusic();
        }

Pro tačítko pause nastavíme tohle.

on (release) {
        pauseMusic();
        }

Pro tačítko fw (prev) nastavíme tohle.

on (release) {
prevMusic();
}

Pro tačítko ff (next) nastavíme tohle.

on (release) {
        nextMusic();
        }

9 krok
Teď klikneme na pozadí čímž se nám políčko pro AS znovu uvolní a tam zapíšeme toto.

skladby = new Array();
skladby[0] = "music1.mp3";
skladby[1] = "music2.mp3";
skladba = 0;

_soundbuftime = 5;


startMusic = function (music) {
  song = new Sound();
  song.loadSound(music, true);
  pozice = 0;
  paused = false;
};

pauseMusic = function () {
  if (paused) {
    song.start(pozice, 1);
    paused = false;
  } else {
    pozice = song.position;
    pozice = pozice/1000;
    song.stop();
    paused = true;
  }
};

stopMusic = function () {
  pozice = 0;
  song.stop();
};

playMusic = function () {
  song.start(pozice, 1);
  paused = false;
};

nextMusic = function () {
  skladba++;
  if (skladba>=skladby.length) {
    skladba = 0;
  }
  startMusic(skladby[skladba]);
};

prevMusic = function () {
  skladba--;
  if (skladba<=-1) {
    skladba = skladby.length-1;
  }
  startMusic(skladby[skladba]);
};

startMusic(skladby[skladba]);

9 krok
Potom se přepneme uplně spátky na scénu nad timeline (časovou osou)



10 krok
Nastavení scény výšku, šířku, barvu, pozadí, atd… nastavíme v panelu Properties



11 krok
Přetáhněte z knihovny na pracovní plochu a umístěte ho tak kam se vám líbí. A teď příde hodina pravdy jestli ste vše nastavili správně. Když zmáčknete Ctrl + Enter spustí se vám animace. Když už ste si někde soubor předtím uložili vytvoří se vám tam automaticky .swf soubor který potřebujeme.

Umístění na web (HTML)

<EMBED src="player.swf"
quality="high"
scale="noborder"
width="200"
height="600"
wmode="opaque"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</EMBED>

Výsledek zde
Výsledek swf stahnout

Hodnocení tutoriálu: 2.1 (hodnotilo 28 uživatelů)