Transcript Crearea butoanelor în Macromedia Flash Professional 8

Crearea butoanelor în
Macromedia Flash Professional 8
Cuprins

Crearea Butoanelor






Prima metodă
A doua metodă
Cadrele unui simbol Button
Aplicaţie - crearea unui buton simplu
Bibliografie
STOP
Crearea Butoanelor

Elementele Button Symbols (Simboluri buton) se folosesc pentru a
adăuga interactivitate în conţinutul /animaţia Flash.
Cu aceste Butoane utilizatorul poate efectua diferite acţiuni, cum ar
fi: oprirea sau pornirea unei animaţii /film, saltul la anumite scene,
încărcarea unei pagini web, şi altele.
Crearea unui Buton în Flash se face simplu, ca şi la celelalte tipuri de
Symbols, prin una din cele 2 metode: convertirea unui obiect din
scena în Buton sau prin utilizarea opţiunii New Symbol.
Prima metodă




Se selectează obiectul ce trebuie transformat în Buton.
Se dă click pe meniul Modify -> Convert to Symbol (sau
tasta F8).
În fereastra care apare (cea afişată mai jos) se poate da un
nume (la Name) şi la Type se alege opţiunea Button, apoi
se dă OK.
Simbolul creat va fi adăugat automat şi în panoul Library, de
aici poate fi în continuare editat.
A doua metodă


Pentru a doua variantă, se apelează opțiunea New Symbol,
din meniul Insert sau din opțiunile panoului Library (sau
Ctrl+F8). Se va deschide o fereastră ca în imaginea de mai
sus, pentru setarea numelui și tipul simbolului.
Cu această metodă, după ce se definește numele și tipul (în
acest caz, Button) și se dă OK, se va intra direct în pagina de
editare pentru acel Symbol, o zonă de lucru albă cu un semn
"+" în centru, unde se poate lucra ca și în Scena principală,
cu instrumentele de desen, imagini și sunete importate, etc..
Orice se crează în acea pagină va fi inclus în Butonul nou
creat, care este adăugat automat în Library.
Cadrele unui simbol Button

Simbolurile Buton au un Timeline specific, format din 4 cadre
(Frames) denumite: Up, Over, Down și Hit; după cum se vede în
imaginea următoare.
Cadrele unui simbol Button





Fiecare Frame are o funcție specifică care ajută la definirea și
controlarea butonului în 4 stări /condiții diferite:
Up - În acest cadru se definește cum să apară inițial butonul în
conținutul Flash.
Over - Această stare e declanșată când utilizatorul poziționează
mouse-ul deasupra butonului. Aici se crează butonul cum să
apară în această condiție.
Down - Această stare apare în momentul când este apăsat
butonul cu mouse-ul.
Hit - În aceast Frame se definește zona activă din buton, zona
în care trebuie plasat mouse-ul pentru a acționa butonul. El
este invizibil în afara paginii de editare.
Dacă la acest cadru nu se face nimic (nu e folosit), suprafața
activă a butonului va fi cea din ultimul Frame folosit.
- Acest Frame e util când se dorește ca doar o anumită parte
din buton să fie activatoare (de exemplu o petală sau centrul
unei flori).
Aplicaţie - crearea unui buton simplu
1.
2.
3.
Deschideți un document Flash nou, cu scena albă, alegeți
instrumentul pentru desen dreptunghi (Rectangle Tool) și
desenați pe scenă un dreptunghi.
Acesta fiind selectat, dați click pe meniul Modify -> Convert to
Symbol (sau tasta 'F8'), se va deschide fereastra pentru
covertire în Symbol.
În această fereastră alegeți la Type opțiunea Button (puteți da
și un nume la Name) și dați OK.
- Simbolul Buton e creat și adăugat în Library, iar dreptunghiul
din Scenă devine instanță a lui.
Aplicaţie - crearea unui buton simplu
4.
În panoul Library dați dublu-click pe Simbolul Buton (sau click pe el
și apoi Ctrl+E). Se va intra în pagina de editare a butonului, lucru
indicat și de numele butonului apărut lângă cel al scenei (Scene 1).
- Se observă în panoul Timeline cele 4 cadre speciale (Up, Over,
Down și Hit), doar primul, "Up", având conținut în el, restul fiind
goale.
5.
6.
Apăsați click-dreapta pe Frame-ul "Over" și alegeți opțiunea Insert
Keyframe. Se va crea o copie a cadrului anterior (Up) în Frame-ul
"Over".
În acest cadru alegeți instrumentul "Oval Tool" (din bara cu unelte
pentru desen, sau rapid, tasta 'O'), schimbați culoarea de la "Fill
Color" și desenați un cerc în dreptunghi.
Aplicaţie - crearea unui buton simplu
7.
8.
9.
Apăsați click-dreapta pe Frame-ul "Down" și alegeți opțiunea
Insert Keyframe. Se va crea o copie a cadrului anterior (Over) în
Frame-ul "Down".
Aici alegeți instrumentul "Free Transform" (din bara cu
instrumente pentru desen, sau rapid, tasta 'Q'). Dați un click pe un
loc gol din pagină, pentru a deselecta obiectele selectate, apoi
click pe cercul din dreptunghi pentru a selecta doar cercul".
Trageți cu mouse-ul de punctele de selecție, făcând din cerc un
oval, apoi schimbați-i culoarea, de la "Fill Color" (una diferită de
cea a dreptunghiului).
Acum sunt definite cele 3 stări ale butonului. Reveniți la Scena
principală de lucru (prin click pe numele "Scene 1" din colțul
stânga-sus).
- Se observă că în Scenă apare dreptunghiul (convertit în Buton)
cu starea inițială (din cadru "Up"), celelalte stări (Over și Down)
fiind ascunse.
Aplicaţie - crearea unui buton simplu
10.
11.
12.
Acum va fi testat butonul, ca să se vadă rezultatul obținut.
Pentru aceasta se dă click pe meniul Control -> Test Movie ->
in Flash Professional. Se va deschide o fereastră mai mică, cu
butonul în ea. Poziționați mouse-ul deasupra dreptunghiului și
țineți puțin apăsat click.
Se va produce efectul așteptat, la poziționarea mouse-ului pe
buton acesta se schimbă apărând starea lui din cadrul "Over",
iar la click pe el apare cum e definit în cadrul Down.
Să încercăm și efectul cadrului "Hit" din Buton. Închideți
fereastra de test și dați dublu-click pe Simbolul Buton adăugat
în Library. Se intră iar în pagina de editare a butonului.
Apăsați click-dreapta pe Frame-ul "Hit" și alegeți opțiunea
Insert Blank Keyframe. Se va crea o pagina albă în cadrul "Hit".
"Insert Keyframe" crează în cadrul respectiv o copie a celui
precedent, iar "Insert Blank Keyframe" crează o pagină goală în
acel Frame.
Aplicaţie - crearea unui buton simplu
13.
14.
În această pagină albă a cadrului "Hit", în dreptul semnului "+",
desenați un cerc mic (astfel încât să fie cuprins în zona în care
știți că se află dreptunghiul în celelalte cadre, în raport cu acel
"+"). Semnul "+" este un indiciu de reper pentru a putea desena
în pagina albă, ținând cont de cum este el poziționat în raport cu
desenele din celelalte cadre.
Acest cerculeț va reprezenta zona activă a butonului.
Acum testăm și rezultatul obținut după editarea în Frame-ul
"Hit". Dați iar click pe meniul Control -> Test Movie -> in Flash
Professional. În fereastra de test butonul apare la fel, poziționați
mouse-ul pe diferite locuri din el, dați și click, observați că efectul
de schimbare de la stările "Over" și "Down" (pentru click) apare
doar când mouse-ul se află în zona în care s-a desenat cerculețul
în cadrul "Hit", dar acesta e invizibil.
- În zona activă mouse-ul capătă aspectul unei "mânuțe cu
deget indicator".
Aplicaţie - crearea unui buton simplu
15.
Pentru a adăuga un link butonului creat, reveniți la scena
principală de lucru (prin click pe numele "Scene 1" din colțul
stânga-sus), daţi click dreapta pe buton şi alegeţi opţiunea Action.
În fereastra care apare tastaţi codul bifat cu roşu din imaginea de
mai jos.
Bibliografie

http://www.marplo.net/