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: 6609 6609 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 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.
Dreamweaver XML Illustrator Lightroom Python Javascript SEO Flash HTML Ruby on Rails PHP SWF Fotografie Powerpoint COREL DRAW XHTML AJAX Action Script Sony Vegas StyleSheet JSON Swift 3D Word Excel Verilog CSS RoR Fireworks Vista MySQL Photoshop PSD Outlook Bridge Gimp Java
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