E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale Adobe Flash

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

GRAFICA 2D  /  Adobe Flash  /  Navigare (3)

Meniu color Up & Down

19.04.2008
Meniu color Up & Down

Invata in acest tutorial cum sa realizezi un meniu color "up and down" in Flash.
Se foloseste Action Script.

Total vizualizari: 3933 3933 afisari   |   Comentarii  0   |   Rating   |   (2 voturi)   |   Timp necesar: 30 min 30 min   |   Nivel de cunostiinte necesar: Mediu  Mediu

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Download
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
« 1 2
comenteaza printeaza

Creeaza textul pentru butoane pozitionat ca in imaginea de mai jos.

Meniu color

Cu Selection Tool (V) selecteaza numai primul dreptunghi impreuna cu text (in acest exemplu "home page") si apasa tasta F8 (Convert to Symbol) pentru a transforma acest dreptunghi in Movie Clip Symbol.


Cat timp noul Movie Clip este inca selectat, mergi la Properties Panel (Ctrl+F3) de sub stage. In partea stanga, vei gasi campul pentru introducerea numelui (Instance name). Denumeste acest Movie Clip homepage_mc.

Meniu color

Dublu click pe movie clipul de pe stage cu Selection Tool (V) pentru a-l accesa.

Meniu color

Foloseste din nou Selection Tool (V), selecteaza numai textul si apasa Ctrl+X (Cut). Creeaza un nou layer cu denumirea de text si apasa Ctrl+Shift+V (paste in acelasi loc).

Mergi inapoi la layer1, dublu click pe el cu Selection Tool (V) si redenumeste-l: rectangle.

Cat timp esti inca pe layerul rectangle, apasa tasta F8 (Convert to Symbol) pentru a transforma dreptunghiul in Movie Clip Symbol.

Meniu color

Click pe frame-ul 15 din layerul rectangle si apasa tasta F6. Foloseste Free Transform Tool ( Q ), apasa si tine apasata tasta Alt pentru a micsora dreptunghiul la marimea optima.

Meniu color

Click de dreapta oriunde pe zona gri dintre cele doua key-frame-uri de pe timeline si alege Create Motion Tween din meniul care apare.

Meniu color

Selecteaza layerul text si apasa tasta F8 (Convert to Symbol) pentru a transforma acest text intr-un Movie Clip Symbol.

Meniu color

Click pe frame 15 din layerul text si apasa tasta F6 si cu tastele directionale, sau cu mouse-ul, muta textul un pic mai sus.

Meniu color

Click de dreapta din nou oriunde pe zona gri dintre cele doua key-frame-uri pe Timeline si alege Create Motion Tween.

Mergi inapoi la Scene 1 (scena principala), si creeaza un nou layer cu numele de Invisible Button. Aici vei creea un buton invizibil care va fi exact peste primul dreptunghi si text (Movie Clip).

Meniu color

Cu Selection Tool (V), click o data pe butonul invizibil pentru a-l selecta si mergi la panoul Action Script (F9), unde se va introduce urmatorul cod action script.

 on (rollOver) {
     _root.mouse_over_homepage_mc = true;
  } on (rollOut) {
     _root.mouse_over_homepage_mc = fstartlse;
  }
  
  on (release){
      getURL("http://www.e-learn.ro/");
  }

Creeaza un nou layer deasupra layerului invisible button si numeste-l action script.
Click pe primul frame al layerului action script si mergi inapoi la Action Script Panel unde se va introduce urmatorul cod.

 _root.homepage_mc.onEnterFrame = function() {
  if (mouse_over_homepage_mc) {
      _root.homepage_mc.nextFrame();
  } else {
      _root.homepage_mc.prevFrame();
  }
};

Testati meniul Ctrl+Enter

Pagina:
« 1 2
comenteaza printeaza
Alte tutoriale Adobe Flash:
Noteaza acest tutorial
Rating tutorial
 
(2 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
5030
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4985
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4830
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4805
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4605
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
HTML JSON Photoshop Flash Gimp XML Verilog SEO Excel Word Action Script Java AJAX Bridge COREL DRAW Dreamweaver Outlook Fotografie Ruby on Rails Powerpoint Swift 3D Sony Vegas XHTML Lightroom PHP Fireworks Javascript MySQL Illustrator Vista RoR StyleSheet PSD SWF CSS Python
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software