APLICAII MULTIMEDIA

2/23/2013 9:47 AM

2/23/2013 9:47 AM

Plan de curs
Curs 1: Prezentarea modalitilor de evaluare a cunotinelor dobndite de studeni pe parcursul semestrului. Adobe Flash CS3: noiuni introductive. Spaiul de lucru. Proprietile unui document Flash. Structura unui document Flash: nivele i cadre. Manipularea nivelelor. Cadre i cadre cheie. Utilizarea instrumentelor de creaie grafic pentru a edita coninutul unui cadru.

2/23/2013 9:47 AM

Plan de curs
Curs 2: Elemente grafice n aplicaia FLASH. Vectori i imagini. Simboluri: utilitate, clasificare, creare, utilizare. Utilizarea textului static, dinamic i de tip input. Utilizarea timeline effects. Realizarea, utiliznd text i simboluri de tip buton, a unui model de meniu pentru navigarea unui sit i a unui ecran de autentificare, ambele cu funcionalitate limitat.
3

2/23/2013 9:47 AM

Plan de curs
Curs 3: Animaii cadru cu cadru i de tip motion tween. Realizarea unor animaii simple. Curs 4: Utilizarea elementelor audio n aplicaia FLASH. Animaii de tip motion tween complexe. Utilizarea nivelelor ghid i masc. Animaii de tip shape tween.

2/23/2013 9:47 AM

Plan de curs
Curs 5: Action Script 3.0: noiuni introductive. mbogirea funcionalitii meniului i a ecranului de autentificare, utiliznd cod Action Script. Curs 6: Crearea unui sit web simplu, cu ecran de autentificare, meniu i cteva pagini cu coninut multimedia, utiliznd cunotinele dobndite pe parcursul seminariilor anterioare. Publicarea acestui site n format .swf.

2/23/2013 9:47 AM

Plan de curs
Curs 7: Componente de interfa cu utilizatorul (I): casete i liste derulante, butoane i butoane radio. Curs 8: Componente de interfa cu utilizatorul (II). mbuntirea interactivitii sitului realizat pe parcursul seminariilor anterioare prin adugarea unor componente de interfa.
6

2/23/2013 9:47 AM

Plan de curs
Curs 9: Componente media. Import de fiiere audio i video. Includerea de sunete (asociate anumitor evenimente) i de filme n cadrul sitului i manipularea rulrii acestora. Curs 10: Utilizarea datelor dinamice. Realizarea unui preloader .
7

2/23/2013 9:47 AM

Plan de curs
Curs 11: Aplicaii FLASH pentru dispozitive mobile Curs 12: Publicarea filmului FLASH Curs 13: TST.

2/23/2013 9:47 AM

Introducere
Tipuri de Media: text, imagini, video, imagini statice, sunet i imagini dinamice. Multimedia reprezint a aplicaie cuprinznd mai multe medii, care prezint informaia sub forma sunetelor i filmelor video n forma cea mai simpla: Aplicaiile Multimedia Interactive ofer posibilitatea de comunicare cu aplicaia sau prezentarea pentru a obine informaii specifice pentru a urma o anumita cale printrun bloc de informaii.
9

2/23/2013 9:47 AM

Introducere
Macromedia Flash CS3

Instrument utilizat pentru realizarea de

animaii, n interiorul paginilor Web, cu elemente audio i video, utilizate pentru comerul electronic sau prezentri.

10

2/23/2013 9:47 AM

Introducere Welcome Screen

Macromedia Flash CS3

Instrument utilizat pentru realizarea de

animaii, n interiorul paginilor Web, cu elemente audio i video, utilizate pentru comerul electronic sau prezentri.

11

2/23/2013 9:47 AM

Etapele pentru realizarea unei aplicaii FLASH

Proiectarea aplicaiei Definirea funcionalitilor aplicaiei Adugarea elementelor media Crearea sau importarea elementelor media: imagini, sunet, text. Aranjarea elementelor. Dispunerea elementelor media n Stage i Timeline n vederea definirii momentului de apariie Aplicarea efectelor speciale Utilizarea de filtre grafice (blurs, glows) etc. Folosirea ActionScript pentru controlul comportamentului elementelor media Definirea codului ActionScript pentru controlul modului n care interacioneaz elementele media Testarea i publicarea aplicaiei

12

2/23/2013 9:47 AM

13

2/23/2013 9:47 AM

14

2/23/2013 9:47 AM

Elemente introductive
SCENA (STAGE): Spaiul n care se

deseneaza sau se importa imagini, se adauga text i sunete i alte elemente suplimentare cum ar fi butoane de navigare sau componente de interfa cu utilizatorul toate componentele documentului Flash PANOURILE: Ofer asisten n lucrul cu obiectele de pe scena, intregul document. TIMELINE: Organizeaza i controleaza coninutul filmului n timp.
15

2/23/2013 9:47 AM

16

2/23/2013 9:47 AM

Flash workspace
Panoul de instrumente Timeline Panouri

Nivele

Scena curent
Spaiul de lucru

Property inspector

17

2/23/2013 9:47 AM

Timeline
Organizarea temporal a filmului
Cadre Cap de redare

Nivele

Nr de cadre pe sec

18

2/23/2013 9:47 AM

Scena
Coninutul compus al filmului. Specificare mrimii scenei prin Modify > Document:

Pentru a introduce mrimea scenei n pixeli, se introduc valorile aferente n casetele aferente limii i lungimii Mrimea minim 1 x 1 pixel; maximum 2880 x 2880 pixeli.

19

2/23/2013 9:47 AM

CADRE (FRAME). Fiecare cadru poate avea propriul

coninut sau poate utiliza coninutul cadrului precedent NIVELE (LAYERS): Pentru a organiza coninutul Timeline este impartit in nivele. Este ca i cum ar exista mai multe folii transparente suprapuse. BIBLIOTECA (Library): Panoul Library pastreaz elementele reutilizabile, denumite simboluri. Ori de cte orise doreste reutilizarea unei imagini, clip sau sunet, simbolul memorat n bibliotec (library) este adus (drag) pe scen cnd este necesar.
20

2/23/2013 9:47 AM

Cadre i cadre cheie

Cadre: Flash mparte durata filmului n cadre

organizate de Timeline. Cadre cheie: Cadre ce definesc schimbri n modul de afiare sau alte aciuni ce conduc la modificarea filmului. La deschiderea unui nou film, acesta conine obligatoriu un cadru cheie ntr-un cadru gol.

21

2/23/2013 9:47 AM

Cadre i cadre cheie

Cadru cheie cu coninut Cadre goale

Cadru cheie gol

Spaiu pentru cadre noi

22

2/23/2013 9:47 AM

Nivele
Planuri suprapuse ale unui

film, fiecare avnd coninut diferit.

Elemente grafice Animaii Text Sunete Butoane Aciuni

23

2/23/2013 9:47 AM

24

2/23/2013 9:47 AM

Simboluri i librrii de simboluri

Simbolurile sunt elemente reutilizabile n scopul reducerii

mrimii fiierului asociat filmului Tipuri de simboluri elemente de grafic, butoane, secvene de film, sunete i text. Librria reprezint locul unde sunt pstrate i organizate aceste simboluri La adugarea unui simbol n spaiul de lucru, se creeaz o instan (o apariie) a acestui simbol.

25

2/23/2013 9:47 AM

Avantajele utilizrii simbolurilor

Editare facil: Modificrile aduse unui simbol din

librrie conduce automat la propagarea acestora n toate apariiile (instanele) sale. Micorarea dimensuinilor fiierelor: Simbolurile sunt descrcate o singur dat, indiferent de numrul de instane.

26

2/23/2013 9:47 AM

PROPERTY INSPECTOR: Afieaza cele mai

frecvent utilizate setari pentru un obiect de pe scen, cu posibilitatea de modificare a acestora. ACTION SCRIPT: (Action Script 3.0) Este un limbaj de programare incorporat (built-in) n Flash. Expert

27

2/23/2013 9:47 AM

28

2/23/2013 9:47 AM

Panoul de instrumente

Intrumente de selectare: selectare, mrire, distorsionare, rotire a obiectelor Instrumente pentru trasare: trasare, umplere culoare, creare i tergere text i obiecte Intrumente pentru vizualizare mrire i panoramic Intrumente pentru culori: Stabilirea culorii pentru fundal i margine Opiuni: Modificarea instrumentelor curente
29

2/23/2013 9:47 AM

Panouri
Meniu

Panourile ofer instrumente suplimentare pentru creare i editarea filmelor

30

2/23/2013 9:47 AM

Animaia prin cadre intermediare

Tweening: O serie de cadre care se modific discret

(inremental, finit) pentru a creea iluzia de micare

Se definesc cadrele de nceput i sfrit, restul cadrelor intermediare fiind create automat Dou tipuri: cadre intermediare asociate formelor shape tweening i deplasrilor motion tweening.

31

2/23/2013 9:47 AM

Dicretizare n funcie de form sau deplasare

Forma (shape) este un obiect vectorial, relizat prin utlizare

instrumentelor dedicate sau prin importare din alt program

shape tweening este utilizat n animaia care utilizeaz

transmare unei forme n alt form. Nu se pot anima obiecte grupate, imagini, text ce nu a fost discretizat (break apart) sau simboluri motion tweening pentru simboluri, grupuri sau blocuri de text
32

2/23/2013 9:47 AM

Dicretizare n funcie de form sau deplasare

Shape Shape Tween Motion Tween yes no Group no yes Symbol no yes Text Block no yes Brokenapart Text yes no

33

2/23/2013 9:47 AM

Sunet
Primul pas, importarea n

librrie Adugarea unei instane ntrun cadru Minimizare prin repetiie

34

2/23/2013 9:47 AM

Aciuni
Declaraiile ActionScript controleaz aciunile n

cadrul filmului. Pot fi asociate:

Cadrelor Obiectelor

35