APLICAII MULTIMEDIA

06/02/15 15:08

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

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.

06/02/15 15:08

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.
5

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

13

06/02/15 15:08

14

06/02/15 15:08

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

06/02/15 15:08

16

06/02/15 15:08

Flash workspace
Panoul de instrumente

Timeline
Panouri

Nivele

Scena curent
Spaiul de
lucru
Property
inspector

17

06/02/15 15:08

Timeline
Organizarea temporal a filmului
Cadre

Cap de redare

Nivele

Nr de cadre pe sec

18

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

Cadre i cadre cheie

Cadru cheie cu
coninut

Cadru cheie gol

Cadre goale

Spaiu pentru cadre noi

22

06/02/15 15:08

Nivele
Planuri suprapuse ale unui

film, fiecare avnd coninut

diferit.

Elemente grafice
Animaii
Text
Sunete
Butoane
Aciuni

23

06/02/15 15:08

24

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

28

06/02/15 15:08

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

06/02/15 15:08

Panouri
Meniu

Panourile ofer instrumente

suplimentare pentru creare i
editarea filmelor

30

06/02/15 15:08

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

06/02/15 15:08

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

06/02/15 15:08

Dicretizare n funcie de form sau

deplasare
Brokenapart
Text

Shape

Group

Symbol

Text
Block

Shape
Tween

yes

no

no

no

yes

Motion
Tween

no

yes

yes

yes

no

33

06/02/15 15:08

Sunet
Primul pas, importarea n

librrie
Adugarea unei instane ntrun cadru
Minimizare prin repetiie

34

06/02/15 15:08

Aciuni
Declaraiile ActionScript controleaz aciunile n

cadrul filmului. Pot fi asociate:

Cadrelor
Obiectelor

35