Pentru inceput, pentru a demonstra cat de usor este lucrul in Adobe Flash, mai ales pentru elementele simple, iata cat de simplu poate fi creata o animatie Flash, in doar cateva miscari.
Efectuati pasii urmatori:

1. Deschideti aplicatia Adobe Flash si dati click pe ActionScript 3.0, de la coloana Create New a paginii de start.
  - Daca pagina de start nu e vizibila initial, dati click pe meniul File -> New... (sau Ctrl+N) si alegeti ActionScript 3.0, apoi OK.
2. Dati click pe dreptunghiul din bara cu instrumente pentru desen (sau apasati tasta R). Se observa ca dreptunghiul din bara instrumentelor de desen devine activ, acum mouse-ul va putea desena dreptunghi-uri (sau patrate) pe suprafata de lucru.
3. In partea stanga a zonei de lucru trasati un patrat de dimensiuni medii.
4. In panoul Timeline, ce contine un sir cu mai multe celule (cadre), selectati cadrul 25 (vedeti imaginea "Select cadru"), apoi, dati click pe meniul Insert -> Timeline si Blank keyframe (sau apasati tasta F7). Va apare o scena goala (alba).
  - Panoul Timeline ar trebui sa fie vizibil sub scena alba, daca nu apare, dati click pe meniul Window -> Timeline.

Select cadru

Select cadru
5. Apasati tasta O, ceea ce va face cursorul sa poata desena fguri ovale, cercuri; si desenati un cerc de dimensiuni medii in partea dreapta a scenei.
6. Dati click pe punctul de sub numarul 1 din panoul Timeline, ceea ce va reintoarce la cadrul 1 (unde incepe animatia).
  - Acel punct reprezinta un indiciu ca exista continut in acel cadru.
7. Click meniul Insert si alegeti Shape Tween (vedeti imaginea "Insert Shape Tween"). Acum animatia e creata.
8. Pentru a vedea animatia, click pe meniul Control si Play (sau apasati tasta Enter).

Insert Shape Tween

Insert Shape Tween
- Pentru a vedea rezultatul obtinut, click pe imaginea de mai jos:

Exemplu animatie Flash

prima_animatie
- De aici -> FLa - Ex. animatie puteti descarca fisierul in format FLA al exemplului.
In tutorialele urmatoare veti putea invata mai multe despre crearea animatiei in Flash. Acesta e doar un exemplu ca sa vedeti cat de usor este crearea unei animatii simple.

Salvarea / Deschidere / Export continut Flash

Un fisier Flash se numeste in general document. Documentele Flash sunt salvate (meniul File -> Save, sau Ctrl+S) cu extensia ".fla".
Fisierele ".fla" contin toate informatiile necesare pentru ca respectivul document Flash sa poata fi deschis si modificat cu programul Adobe Flash.

- De exemplu, pentru a salva animatia facuta si prezentata mai sus, apasati Ctrl+S (sau meniul File -> Save), apoi, in fereastra care apare alegeti directorul in care sa fie salvat documentul, dati-i un nume sugestiv (ca mai tarziu sa stiti despre ce e vorba), de exemplu "prima_animatie.fla" si apasati Save. Documentul creat si elementele din el sunt salvate.

Astfel, oricand se pot efectua modiificari, adaugari la aceasta animatie prin deschiderea documentului ".fla" salvat, cu aplicatia Adobe Flash, apasand Ctrl+O (sau din meniul File -> Open).

Pentru a adauga intr-o pagina Web continutul Flash creat intr-un document (.fla), trebuie ca acesta sa fie Exportat cu extensia ".swf", din meniul File -> Export si Export Movie. Prin aceasta se va obine un fisier cu extensia ".swf" ce contine animatia, efectele sau ce a fost creat in respectivul document ".fla", si care sunt recunoscute si afisate de Flash Player-ul instalat in browser.
Continutul fisierului ".swf" poate fi inclus intr-o pagina web folosind urmatorul cod (X)HTML:

<object type="application/x-shockwave-flash" data="nume_fisier.swf" width="400" height="500">
  <param name="src" value="nume_fisier.swf" />
  <param name="bgcolor" value="#e8e8fe" />
</object>
- "nume_fisier.swf" e calea si numele fisierului SWF.
- "width" si "height" stabilesc lungimea, respectiv inaltimea, suprafetei in care va fi afisat continutul Flash in pagina.
- value="#e8e8fe" defineste culoarea de fundal a suprafetei in care e adaugat continutul Flash.

- De exemplu, pentru a include intr-o pagina HTML animatia creata mai sus, intai trebuie exportata ca fisier SWF (click pe meniul File -> Export si Export Movie), in fereastra care apare alegeti directorul in care sa fie salvat fisierul si dati un nume (de ex. "prima_animatie.swf") si apasati Save.
In pagina HTML se adauga urmatorul cod:
<object type="application/x-shockwave-flash" data="prima_animatie.swf" width="400" height="500">
  <param name="src" value="prima_animatie.swf" />
  <param name="bgcolor" value="#e8e8fe" />
</object>
- Daca directorul in care se afla pagina HTML e diferit de cel in care se gaseste fisierul SWF, la "prima_animatie.swf" trebuie adaugata si calea catre acel director.

In afara de formatul initial de salvare (Flash CS5 Document (*.fla)), documentul Flash poate fi salvat (de la File -> Save sau File -> Save As) ca:
                - Flash CS4 Document (*.fla) - Util daca acel document trebuie ulterior deschis si prelucrat cu versiunea Adobe Flash CS4
                - Flash CS5 Uncompressed Document (*.xfl) - Acest format va crea un director cu un fisier ".xfl" si alte tipuri de fisiere (JPG, XML, DAT) ce vor contine informatii despre acel document Flash, care pot fi folosite si in alte programe, precum Adobe InDesign si Adobe After Effects.
- Documentul Flash poate fi salvat si ca Template, de la meniul File -> Save as Template. Acesta va putea fi apoi deschis si folosit din libraria cu Template-uri, de la meniul File -> New, iar in fereastra care apare se alege categoria "Templates".


Pe langa optiunea de export ca fisier ".swf", exista inca o modalitate de export des utilizata, si anume Export Image. Cu aceasta se poate crea o imagine a scenei curente de lucru (cu toate desenele din cadrul ei), salvata in fisiere cu format: bmp, jpg, jpeg, gif sau png. Pentru aceasta, se alege meniul File -> Export -> Export Image, iar in fereastra care apare se poate alege directorul si tipul (extensia) fisierului cu imaginea salvata.

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag e folosit pentru a adauga liste cu definitii in element <dl>?
<dt> <dd> <li>
<dl>
 <dt>HTML</dt>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Limbaj de cod pentru pagini web</dd>
</dl>
Care proprietate CSS poate sa ascunda un element in pagina, lasand spatiu gol in locul lui?
display position visibility
#id {
  visibility: hidden;
}
Indicati evenimentul declansat cand se apasa clic pe un obiect in pagina.
onclick onmouseover onfocus
document.getElementById("id").onclick = function(){
  alert("http://www.MarPlo.net/");
}
Indicati variabila PHP ce contine datele din $_GET, $_POST si $_COOKIE.
$_SESSION $_GET $_REQUEST
if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];
}
Care din urmatoarele cuvinte reprezinta un Verb?
lighting believe path
I believe in my path.
- Eu cred in calea mea.
Care din urmatoarele cuvinte reprezinta un Verb?
creer camino iluminaciĆ³n
creer = a crede; camino = cale /drum; iluminaciĆ³n = iluminare
Simpla Animatie Flash, Save, Export

Last accessed pages

  1. Definire Variabile si Constante (1320)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (56120)
  3. Download carti electronice si programe pentru Limba Engleza (17559)
  4. Verbe modale - Modal verbs - CAN, COULD, MAY, MIGHT, MUST (27406)
  5. Prezentul simplu si continuu - Present Tense Simple and Continuous (52768)

Popular pages this month

  1. Prezentul simplu si continuu - Present Tense Simple and Continuous (3734)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (3475)
  3. Gramatica limbii engleze - Prezentare Generala (2830)
  4. Prezent perfect si Prezent perfect continuu - Present perfect and Continuous (2411)
  5. Trecutul simplu si continuu - Past Tense Simple and Continuous (2027)