Flash – Interfaţă şI Intrumente

Flash – interfaţă şi instrumente
Alexandru Perieţanu

Interfaţa
Timeline Tools
Bara de proprietăţi
Scena
Simboluri
Frames
Animaţii
Măşti
Guides

Interfaţa

Interfaţa
Timeline –de unde controlăm animaţiile
Tools–undegăsim intrumentele de desenare
Scena–undedesenăm, unde lucrăm cu grafică
Bara de proprietăţi –de undemodificam
elementelegrafice

Layere
Layer = Strat
Imaginaţi-vă mai multe folii transparente suprapuse.
Pe fiecare folie este desenată o figură geometrică.
Un layer este ca o folie transparentă.

Frames
Fiecare layer are maimulteframeuri
Frame = cadru
Fiecare layer are unulsaumaimulteframeuri
Tipuri de frameuri:
Playhead
Keyframe cu cevape el
Frame cu cevape el
Layer
Blank Keyframe, adicăgol
Blank frame, adică gol

Frames
Frameulcu cevape el vaprelungigrafica de peultimul
keyframe din spatelelui până la urmatorul keyframe
Frameulgol – face acelaşi lucru numai ca nu are ce
grafică sa prelungească
Taste rapide
F6 – adaugă un Keyframe
F5 – adaugă un frame
shift+F5 – stergeFrameuri
Click drepata pe timeline pentru a adauga frameuri

Frames
Fiecarekeyframe va conţine grafică diferită
Vom folosi keyframeuri pentru animaţii

Tools
De susîn jos
Selection tool
Subselection tool
Free transform tool
Gradient transform tool
Lasso tool
Pen, … tool
Text tool
Line tool
Rectangle, elipse... Tools
Pencil tool
Taste rapide
V
A
Q
F
L
P, =, -, C
T
N
R, O, R, O
Y

Tools
De susîn jos
Brush tool
Ink bottle tool
Paint bucket tool
Eyedropper tool
Eraser tool
Hand tool
Zoom Tool
Taste rapide
B
S
K
I
E
H
M, Z

Shapes
Shape
Un Shape este un obiectgraficvectorialdesenat cu
intrumentele din flash.
Vector vs Bitmap
O Imaginevectorialăesteimaginedesenată pe baza
unui algoritm la runtime, nu-şi pierde calitatea dacă
este mărită.
O imagine Bitmap este reprezentată de o matrice de
pixeli, işi pierde calitatea cand este marită.

Shapes
Vectorial
Bitmap

Shapes
Shape
Un shape este făcut din stroke şi fill.
Stroke, în exterior
Fill, în interior

Rectangle& Oval & Rectangle primitive
Rectangle
Folositpentru a desena un dreptunghi.
Oval
Folositpentru a desena un oval.
Rectangle primitive
Folositpentru a desena un dreptunghi
care are colţuri rotunde. Colţurile se
Modifică din bara de proprietăţi.

Oval & polistar
Oval primitive
Folositpentru a desenao plăcintă, un
cerc incomplet. Din bara de proprietăţi se
modifică opţiunile.
Polistar
Folositpentru a desenao stea sau un
poligon cu mai multe laturi. Se modifcă
din bara de proprietăţi.

Selection
Selection
Folosit pentru a selecta orice de pescenă.
Click pe stroke – selectează numai stroke
Click pe fill – selectează numai fill
Dublu click pe oricare – selectează ambele
Click si trag – pentru a selectamaimulteobiecte

Subselection
Subselection
Folositpentru a modificagraficavectorială
Pot selecta ancore şi modifica puncte de control
pentru ancore.
Punct de control
pentru ancoră
Ancoră

Pen
Pen
Folositpentru a desena path-uri.
Un path estedefinit de maimulteancoresimaimulte
puncte de control. (Liniiletraseîntre ancore pentru a
defini o formă).

De reţinut
Pencil – desenează cu stroke
Brush – desenează cu fill
Ink Bottle – umple un shape cu stroke,
Îi pune unui fill stroke
Bucket – Adaugă fill unei forme definite de un
stroke
Hand – Folositpentru a scrolla, când apăs “space”
Indiferent de intrumentulfolosit, selectez automat
hand şi cand iau de pe “space” revin.

Animaţii
FPS –frames per second, câte frameuri vor fi
parcurse de playhead într-o secundă.
Playhead
Keyframe cu cevape el
Frame cu cevape el
Layer
Blank Keyframe, adicăgol
Blank frame, adică gol

Animaţii
Tipuri:
- frame by frame – desenezfiecarecadrul al animaţiei
Shape tween – stabilesc un punct de început si punct
final care vor definiţi animaţia, valabil numai pentru
shapeuri
Motion Tween - stabilesc un punct de început şi
punct final care vor definiţi animaţia, valabil numai
pentru simboluri

Simboluri
Simboluri:
Nu putemcontrola din cod
Grafic– are timeline dependent de părinte
Putemcontrola din cod
Button – are numai 4 stări
Movie Clip– are propriul timeline independent

Simboluri
Pentru a creea un simbol selectăm ceva de pe scenă
şi apasăm F8

Simboluri
Toate simbolurile care le creem le găsim în Library
Apasăm F11 pentru Library
Dacămoficăm un obiect din bibliotecă moficăm
Toate instanţele sale

Animaţii
Frame by frame
Desenăm mai multe cadre cu imagini diferite,
se folosesc de obicei pentru animarea caracterelor

Animaţii
Motion Tween
Definim un punct de început şi unul de sfârşit.
Punctele de sfârşit şi început vor fi frameuri care
conţin numai o instanţă a aceluiaşi simbol
Început
Final

Animaţii
Shape Tween
Definim un punct de început şi unul de sfârşit.
Punctele de sfârşit şi început vor fi frameuri care
conţin shapeuri
Început
Final

Animaţii
Pentru a creea un tween dăm click dreapta între
frameuri si selectam tipul de tween care îl vrem

Mască
Un layer poatefimască pentru alt layer
Când aplicăm o mască se va vedea doar intersecţia
dintre layerul mască si cele de sub el
Click dreapta pe layer si avem opţiunea de mască

Guide
Un layer poatefiguide pentru alt layer
Un guide este o formă desenată din stroke
Guideurile se folosesc pentru animaţii
Pentru a face un guide dăm click dreapta pe layer şi
selectăm guide
Guideurile nu se văd când exportăm swful

Guide
Guiderile se folosescpentru animaţii
Pentru a mişca un simbol pe un guide trebuie să
îl plasăm pe primul frame al animaţiei pe path şi pe
ultimul frame tot undeva pe path

http://profs.info.uaic.ro	150
http://flash.info.uaic.ro	41
http://thor.info.uaic.ro	13

Flash – Interfaţă şI Intrumente

by alexandruperietanu on Oct 24, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 204

Statistics

Flash – Interfaţă şI Intrumente — Presentation Transcript