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 cu fotografii in Flash

12.04.2008
Meniu cu fotografii in Flash

Invata cum sa creezi un meniu fotografic in Flash utilizand movie clip-uri, butoane si functia blur din Action Script 2.

Total vizualizari: 6901 6901 afisari   |   Comentarii  6   |   Rating   |   (4 voturi)   |   Timp necesar: 25 min 25 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  www.toxiclab.org  
Autor:  Toxiclab.org
Download
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
« 1 2
comenteaza printeaza

Dublu click pe movie clipul de pe stage cu Selection Tool (V). Acuma se poate selecta numai textul (in acest exemplu "HOME") si apasa Ctrl+X (cut). Dupa aceea, creeaza un nou layer deasupra layer-ului 1 cu numele de text. Selecteaza acest layer si apasa Ctrl+Shift+V (se realizeaza paste exact in locul de unde a fost taiat).

Meniu foto

Mergi inapoi la Layer1, dublu click pe el cu Selection Tool (V) si schimba-i numele in photo.

Meniu foto

Cat timp inca esti pe layerul photo, apasa F8 (Convert to Symbol) pentru a converti aceasta fotografie din nou in Movie Clip Symbol.

Meniu foto

Dupa aceea, click pe frame 15 si apasati F6.

Apoi, mergi inapoi la primul frame, iar cu Selection Tool (V) click o data pe fotografie si deschide Properties Panel (Ctrl+F3) sub stage. Click pe tab-ul Filters din Properties Panel. Apoi, click pe icoana plus si selecteaza filtrul "Blur". Introdu urmatoarele ajustari: Blur X si Y: 8 si Quality: Medium.

Meniu foto

Rezultatul este:


Meniu foto

Click dreapta oriunde pe zona gri dintre frame-ul 1 si 15 de pe Timeline si alege Create Motion Tween.

Meniu foto

Blocheaza (lock) layerul photo si selecteaza layerul text. Apasa F8 (Convert to Symbol) pentru a transforma acest text in Movie Clip Symbol.

Meniu foto

Selecteaza primul frame si apasa F6 de 5 ori. Vezi imaginea de mai jos.

Meniu foto

Click pe frame-ul 2 si frame-ul 4 si apasa tasta Delete.

Meniu foto

Click apoi pe frame-ul 15 si apasa tasta F6. Apoi, muta textul un pic mai jos, folosind mouse-ul sau tastele directionale.
Click dreapta din nou oriunde pe zona gri dintre frame-urile 5 si 15 de pe Timeline si alege Create Motion Tween

Meniu foto

Animatia a fost realizata. Pentru introducerea script-ului trebuie sa ne intoarcem la scena principala (Scene1)

Meniu foto

Dublu click pe layer 1 pentru a-l redenumi in Photo menu. Creeaza un nou layer deasupra layerului "photo menu" si denumeste-l invisible button. Creeaza butonul invizibil exact peste prima poza.

Meniu foto

Alege Selection Tool (V), click o data pe butonul invizibil pentru a-l selecta si mergi la Action Script Panel (F9) pentru a introduce urmatorul cod Action Script.

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

Realizeaza un nou layer deasupra layerului Invisible Button si numeste-l action script.
Click pe primul frame al layerului action script, mergi inapoi la Action Script Panel (F9), si introdu urmatorul cod.

_root.photo1.onEnterFrame = function() {
if (mouse_over_photo1) {
_root.photo1.nextFrame();
} else {
_root.photo1.prevFrame();
}
};

Am terminat cu prima fotografie. Repeta acest proces pentru fiecare fotografie din meniu. Singura diferenta este ca trebuie folosit alt nume (alt instance name)


Pagina:
« 1 2
comenteaza printeaza
Alte tutoriale Adobe Flash:
Noteaza acest tutorial
Rating tutorial
 
(4 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
COMENTARII (6) spune-ti parerea
georgian1716 , Miercuri, 06 Aprilie 2011, ora 21:13
#6

@pustiu

pana la urma am reusit; multumesc oricum :)

Raporteaza acest comentariu ca injurios!
Pustiu Pustiu , Joi, 31 Martie 2011, ora 12:32
#5

@georgian1716: ce erori primesti?

Raporteaza acest comentariu ca injurios!
georgian1716 , Joi, 24 Martie 2011, ora 22:25
#4

Salut!

Ma poate ajuta si pe mine cineva cu niste informatii despre acest tutorial? Chestia e ca imi da cateva erori la action script. ms anticipat

Raporteaza acest comentariu ca injurios!
Ionut , Miercuri, 21 Ianuarie 2009
#3

Florin, presupun ca ai trecut de partea de implementare a meniului cu fotografii si vrei sa-l introduci in html.
Pentru asta (in dreamweaver) ai o optiune la meniul de sus INSERT -> MEDIA -> FLASH. In fereastra nou deschisa (de browse) cauti swf-ul tau (corespunzator meniului creat) si dai OK.
Pt ca sa poti naviga apoi prin paginile tale html, sa nu uiti sa pui linkuri butoanelor din meniu. (In flash ) "getURL("http://www.e-learn.ro/");"

Raporteaza acest comentariu ca injurios!
ungheanu florin , Miercuri, 21 Ianuarie 2009
#2

salut! cum pot introduce acest photo-menu intr-o pagina html? sunt incepator si nu stiu ce ar trebui sa fac sa pot folosi un astfel de meniu intr-o pagina html. eu folosesc dreamweaver, deci cum as putea face asta in acest program? mersi

Raporteaza acest comentariu ca injurios!
Sandokan , Luni, 02 Iunie 2008
#1

Este destul de interesant acest tutorial. Poate veti baga si alte tutoriale bazate pe filtre in Flash 8.

Codul din imagine nu e foarte clar mereu.

Raporteaza acest comentariu ca injurios!
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
4160
Tutoriale scrise de kheops
kheops Rang utilizator kheops - Mediu
4084
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4070
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4045
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
3865
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Word Fireworks PSD Swift 3D Python Action Script JSON COREL DRAW Powerpoint StyleSheet Excel Dreamweaver RoR CSS HTML Flash XML Sony Vegas Fotografie Vista Illustrator Verilog Outlook Photoshop MySQL SWF Bridge PHP XHTML AJAX SEO Ruby on Rails Java Gimp Lightroom Javascript
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