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  /  Introducere in flash (3)

Lucrul cu simboluri in Adobe Flash CS4

02.02.2010
Lucrul cu simboluri in Adobe Flash CS4

In primul tutorial din seria Adobe Flash am prezentat pe scurt interfata CS4, pentru a putea aborda de aceasta data panoul Library, totodata discutand despre Movie Clip-uri - simboluri in libraria Flash.

Total vizualizari: 7100 7100 afisari   |   Comentarii  3   |   Rating   |   (10 voturi)   |   Timp necesar: 30 min 30 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Autor: Pustiu Expert
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
« 1 2
comenteaza printeaza

In continuare vom selecta Oval Tool din panoul de unelte (O) si apasand pe tasta Shift vom crea un cerc de culoare portocalie ca in imaginea de mai jos. Pentru ca mingea sa aiba contur va trebui sa alegem o culoare din selectorul Stroke Color pe care l-am dezactivat ceva mai sus.

Mingea desenata

Mingea desenata

Pentru a o face sa semene putin cu o minge de basketball ii vom mai desena si liniile specifice folosindu-ne de Pen Tool (P) din panoul de unelte. Ar trebui sa iasa relativ ca in imagine.

Mingea finalizata

Mingea finalizata

Avand in vedere ca o vom anima, putem sa o transformam linistiti intr-un Movie Clip, simbolul cu care cred ca va veti acomoda cel mai repede. Folosind aceeasi pasi ca mai sus o denumim repede "minge" si trecem ma departe.

De aceasta data simbolul minge apare diferit in panoul Library, lucru care este perfect normal avand in vedere tipul simbolului. Dupa iconul din dreptul numelui putem face usor distinctia intre simboluri.

In continuare vom face o operatiune pe care am invatat-o in tutorialul Interfata Adobe Flash CS4 si anume vom crea un layer nou in care vom muta simbolul proaspat salvat.

Impartirea pe layere

Impartirea pe layere

Am facut acest lucru pentru ca ne ofera putin mai multa manevrabilitate in momentul in care animam mingea, scapandu-ne de problemele ce ar fi aparut datorita prezentei podelei pe acelasi layer cu mingea.

Continuam prin a ne crea spatiul temporal necesar animatiei. Cu alte cuvinte, ne alegem o durata de timp pe care ne vom intinde cu animatia si cream un frame nou (pentru podea).

Alegem frame-ul si dand click dreapta selectam Insert frame, sau apasam pur si simplu F5 de la tastatura.

Optiunea Insert Frame

Optiunea Insert Frame

Pentru a anima mingea dam click dreapta pe frame-ul mingei si alegem Create Motion Tween.

Optiunea Create Motion Tween

Optiunea Create Motion Tween

Ne tragem mingea undeva in mijlocul scenei, in contact cu podeaua. Flash va face o treaba minunata pentru noi si anume va completa frame-urile cu restul animatiei.

Prima parte a animatiei

Prima parte a animatiei

Ii vom curba un pic traiectoria pentru a parea mai plauzibila caderea.

Modificarea traiectoriei

Modificarea traiectoriei

Reducem putin durata primei parti a animatiei si realizam a doua parte a animatiei, cea in care mingea este respinsa in partea dreapta. Asta inseamna ca facem un frame nou in continuarea ultimului din cadrul animatiei iar pe el repetam ultimii pasi. Vom roti putin mingea.

A doua parte a animatiei

A doua parte a animatiei

In acest moment animatia este completa. Nu este una foarte elaborata, insa contine in ea elementele de baza ale realizarii unei animatii simple, folosind un Movie Clip si Motion Tween in Adobe Flash CS4.

Pagina:
« 1 2
comenteaza printeaza

Cuvinte cheie:   flash cs4,   simbol,   movie clip,   graphic,   button,   motion tween,   animatie

Alte tutoriale Adobe Flash:
Noteaza acest tutorial
Rating tutorial
 
(10 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
COMENTARII (3) spune-ti parerea
Pustiu Pustiu , Miercuri, 03 Februarie 2010, ora 14:04
#3

merci ;)

Raporteaza acest comentariu ca injurios!
alext_1020 alext_1020 , Miercuri, 03 Februarie 2010, ora 13:57
#2

Interesant! imi place. Felicitari...

Raporteaza acest comentariu ca injurios!
Pustiu Pustiu , Marti, 02 Februarie 2010, ora 19:55
#1

sper sa va placa acest tutorial macar pe cat mi-a placut mie sa il fac.. :)

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 mcuemica
mcuemica Rang utilizator mcuemica - Incepator
5565
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
5540
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
5385
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
5365
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
5120
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Java Excel Fireworks XML PHP SWF Javascript MySQL Action Script Photoshop StyleSheet AJAX Lightroom Python Illustrator Dreamweaver Vista Gimp Powerpoint JSON Word Ruby on Rails Sony Vegas HTML PSD XHTML Bridge Verilog RoR SEO CSS Fotografie Swift 3D Flash Outlook COREL DRAW
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