grafika, simboli i animacija

50
Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – Beograd Beograd 3D 3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Cvetković Dragan Cvetković 1 Grafika, Grafika, simboli i simboli i animacija animacija

Upload: trenton-dempsey

Post on 01-Jan-2016

109 views

Category:

Documents


6 download

DESCRIPTION

3D grafika i animacija. Grafika, simboli i animacija. Šta će se raditi?. Brisanje elemenata Rad sa slojevima ( layer -ima) Rad sa grafikom na različitim slojevima Raspored grafičkih elemenata po slojevima Rad sa simbolima Animacija kadar po kadar. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

11

Grafika, simboli Grafika, simboli i animacijai animacija

Page 2: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

22

• Brisanje elemenataBrisanje elemenata

• Rad sa slojevima (Rad sa slojevima (layerlayer-ima)-ima)

• Rad sa grafikom na različitim slojevimaRad sa grafikom na različitim slojevima

• Raspored grafičkih elemenata po slojevimaRaspored grafičkih elemenata po slojevima

• Rad sa simbolimaRad sa simbolima

• Animacija kadar po kadarAnimacija kadar po kadar

Šta će se raditi?Šta će se raditi?

Page 3: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

33

Brisanje elemenata – Brisanje elemenata – Eraser ToolEraser Tool (E) (E)

Sa aktivnom Sa aktivnom alatkom alatkom EraserEraser ToolTool ( (EE)) korisnik može korisnik može proizvoljno da proizvoljno da bribriše elemente še elemente ili delove ili delove elemenata! elemenata!

Kursor miša Kursor miša koji ima oblik koji ima oblik izabrane izabrane gumice!gumice!

Page 4: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

44

Sa aktivnom alatkom Sa aktivnom alatkom EraserEraser Tool Tool ( (EE)) korisnik može korisnik može proizvoljno da proizvoljno da bribriše še elemente ili delove elemente ili delove elemenata! elemenata!

Definisanje Definisanje načina brisanja!načina brisanja!

Eraser ShapeEraser Shape određuje veličinu određuje veličinu i oblik gumice za i oblik gumice za brisanje!brisanje!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 5: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

55

Erase NormalErase Normal briše i ispunu i briše i ispunu i kontura, tj. kontura, tj. briše sve!briše sve!

Brisanje elemenataBrisanje elemenata 02 02

OriginalOriginal

Posle Posle primenjene primenjene

komandekomande

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 6: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

66

Erase FillErase Fill briše briše samo ispunu, a samo ispunu, a kontura se kontura se obnavlja posle obnavlja posle završene završene komande!komande!

Brisanje elemenataBrisanje elemenata 03 03

Posle primenjene Posle primenjene komandekomande

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 7: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

77

Brisanje elemenataBrisanje elemenata 04 04

Erase Lines Erase Lines briše samo briše samo konturu, a konturu, a ispuna se ispuna se obnavlja posle obnavlja posle završene završene komande!komande!

Posle primenjene Posle primenjene komandekomande

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 8: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

88

Erase Selected Erase Selected FillsFills briše briše samo izabrane samo izabrane ispune, a ispune, a neizabrane neizabrane ispune i ispune i konture se konture se obnavljaju obnavljaju posle završene posle završene komande!komande!

Brisanje elemenataBrisanje elemenata 05 05

Posle primenjene Posle primenjene komandekomande

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 9: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

99

Erase InsideErase Inside briše ispunu briše ispunu iznutra, a iznutra, a kontura se kontura se obnavlja posle obnavlja posle završene završene komande!komande!

Ako krene Ako krene brisanje spolja, brisanje spolja, to nema to nema nikakvog nikakvog efekta!efekta!

Brisanje elemenataBrisanje elemenata 06 06

Posle primenjene Posle primenjene komandekomande

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 10: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

1010

FaucetFaucet omogućava brzo omogućava brzo brisanje sadržaja brisanje sadržaja zatvorene konture zatvorene konture ili celokupnu ili celokupnu liniju!liniju!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 11: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

1111

Dodavanje Dodavanje slojasloja

Brisanje Brisanje slojasloja

Ukidanje vidljivosti slojaUkidanje vidljivosti sloja

Zaključavanje slojaZaključavanje sloja

Prikazivanje konturePrikazivanje konture

Brojevi kadrovaBrojevi kadrova

Potencijalni kadroviPotencijalni kadrovi

Broj tekućeg kadraBroj tekućeg kadra

Brzina menjanja kadrovaBrzina menjanja kadrova

Meni za Meni za prikaz prikaz

kadrovakadrova

Vremenska linijaVremenska linija

Page 12: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

1212

Rad sa slojevima (Rad sa slojevima (layerimalayerima))

Flash daje prikaz Flash daje prikaz svakog sloja u obliku svakog sloja u obliku horizontalne linije! horizontalne linije!

Ima nekoliko kontrola Ima nekoliko kontrola za pregled i upravljanje za pregled i upravljanje ovim grafičkim ovim grafičkim prikazima!prikazima!

Nazivi slojeva su Nazivi slojeva su običajeni: običajeni: Layer 1Layer 1, , Layer 2Layer 2, ... , ...

Korisnik može da Korisnik može da promeni naziv promeni naziv slojeva i dovoljno je slojeva i dovoljno je da dva puta brzo da dva puta brzo levim tasterom miša levim tasterom miša klikne na postojeći klikne na postojeći naziv i da ukuca naziv i da ukuca željeni naziv!željeni naziv!

Page 13: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

1313

Aktiviranjem sloja Aktiviranjem sloja pojavljuje se pojavljuje se ikonica olovke ikonica olovke koja signalizira koja signalizira koji je sloj aktivan koji je sloj aktivan i u kome se radi!i u kome se radi!

Markiranjem Markiranjem odgovarajućeg odgovarajućeg sloja automatski sloja automatski se vrši selekcija se vrši selekcija svih objekata koji svih objekata koji su napravljeni u su napravljeni u njemu!njemu!

Page 14: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

1414

Isključivanjem vidljivost sloja Isključivanjem vidljivost sloja (poništava se ikonica sa okom) (poništava se ikonica sa okom) ne vidi se sve što je urađeno u ne vidi se sve što je urađeno u tom sloju.tom sloju.

U ovom slučaju “nestala” je U ovom slučaju “nestala” je elipsa!elipsa!

Isključivanjem prikazivanje ispune Isključivanjem prikazivanje ispune zatvorenih površina sloja, oblici se zatvorenih površina sloja, oblici se iscrtavaju samo tankim linijama.iscrtavaju samo tankim linijama.

U ovom slučaju iscrtana je samo tanka kontura U ovom slučaju iscrtana je samo tanka kontura kružnice definisanom bojom!kružnice definisanom bojom!

Page 15: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

1515

Da bi se aktivirao dijalog Da bi se aktivirao dijalog Layer PropertiesLayer Properties dovoljno je dovoljno je samo da se dva puta brzo samo da se dva puta brzo pritisne levim tasterom miša pritisne levim tasterom miša na simbol papira u spisku na simbol papira u spisku slojeva!slojeva!

Page 16: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

1616

OrgaOrganizovanje po direktorijumima (folderima) 01nizovanje po direktorijumima (folderima) 01

Korisnik može da Korisnik može da organizuje slojeve po organizuje slojeve po direktorijumima, što direktorijumima, što je izuzetno povoljno je izuzetno povoljno kada ih ima mnogo i kada ih ima mnogo i kada mogu da se kada mogu da se razvrstaju po razvrstaju po oblastima! oblastima!

Pravljenje Pravljenje direktorijuma se direktorijuma se obavlja aktiviranjem obavlja aktiviranjem tastera tastera Insert Layer Insert Layer FolderFolder!!

Korisnik može da Korisnik može da promeni i naziv promeni i naziv direktorijuma i direktorijuma i dovoljno je da dva dovoljno je da dva puta brzo levim puta brzo levim tasterom miša klikne tasterom miša klikne na postojeći naziv i na postojeći naziv i da ukuca željeni da ukuca željeni naziv!naziv!

Page 17: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

1717

OrgaOrganizovanje po direktorijumima (folderima) 02nizovanje po direktorijumima (folderima) 02

Željeni sloj treba Željeni sloj treba samo prevući u samo prevući u željeni direktorijum željeni direktorijum levim tasterom miša i levim tasterom miša i otpustiti taster miša otpustiti taster miša na kraju! na kraju!

Mali beli trougao kod Mali beli trougao kod direktorijuma okrenut direktorijuma okrenut nadole pokazuje nadole pokazuje njegovu celokupnu njegovu celokupnu sadržinu!sadržinu!

Korisnik može da Korisnik može da ukine prikazivanje ukine prikazivanje sadržaja sadržaja direktorijuma tako direktorijuma tako što će taj mali što će taj mali trougao pritisnuti trougao pritisnuti levim tasterom miša. levim tasterom miša. Trougao se rotira za Trougao se rotira za 90 stepeni i ukida 90 stepeni i ukida prikazivanje prikazivanje njegovog sadržaja.njegovog sadržaja.

Page 18: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

1818

Jednostavnim Jednostavnim prevlačenjem naziva prevlačenjem naziva sloja iz kreiranog sloja iz kreiranog direktorijuma u listu direktorijuma u listu ispod moguće je izvući ispod moguće je izvući sloj iz direktorijuma i sloj iz direktorijuma i na taj način se raskida na taj način se raskida veza sa njim!veza sa njim!

Kao što se vidi izvučen Kao što se vidi izvučen je sloj je sloj Layer 3Layer 3 u u odnosu na prethodni odnosu na prethodni slajd.slajd.

Ako korisnik hoće da Ako korisnik hoće da obriše direktorijum, obriše direktorijum, onda mora da “izvuče” onda mora da “izvuče” slojeve iz njega, inače slojeve iz njega, inače će slojevi unutar će slojevi unutar direktorijuma biti direktorijuma biti obrisani zajedno sa obrisani zajedno sa njim!njim!

Page 19: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

1919

Upravljanje slojevima preko vremenske linije 01Upravljanje slojevima preko vremenske linije 01

Najniži sloj u Najniži sloj u vremenskoj liniji je vremenskoj liniji je sloj koji je prvi sloj koji je prvi kreiran i njegov kreiran i njegov sadržaj je sadržaj je najudaljeniji od najudaljeniji od korisnika (sloj pod korisnika (sloj pod nazivom Krug 1)!nazivom Krug 1)!

Najviši sloj u Najviši sloj u vremenskoj liniji je vremenskoj liniji je sloj koji je poslednji sloj koji je poslednji kreiran i njegov kreiran i njegov sadržaj je najbliži sadržaj je najbliži korisniku (sloj pod korisniku (sloj pod nazivom Krug 3)!nazivom Krug 3)!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 20: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

2020

Upravljanje slojevima preko vremenske linije 02Upravljanje slojevima preko vremenske linije 02

Razmeštaj slojeva se Razmeštaj slojeva se obavlja levim tasterom obavlja levim tasterom miša i njehovim miša i njehovim prevlačenjem na novu prevlačenjem na novu lokaciju!lokaciju!

Razmeštanjem slojeva Razmeštanjem slojeva vrši se i preraspodela vrši se i preraspodela objakata po dubini u objakata po dubini u zavisnosti kom sloju zavisnosti kom sloju pripadaju!pripadaju!

Slojevi Slojevi Krug 1Krug 1 i i Krug 2Krug 2 su promenili mesta i su promenili mesta i objekti na pozornici se objekti na pozornici se adekvatno tome i adekvatno tome i ponašaju!ponašaju!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 21: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

2121

Kopiranje iz sloja u slojKopiranje iz sloja u sloj

Napravi se novi sloj i to je Napravi se novi sloj i to je sloj sloj CopyCopy!!

Izabere se objekat za Izabere se objekat za kopiranje, bez obzira u kopiranje, bez obzira u kom se sloju nalazi. To je kom se sloju nalazi. To je u ovom slučaju broj 2!u ovom slučaju broj 2!

Aktivira se Ctrl+C!Aktivira se Ctrl+C!

Markira se novoformirani Markira se novoformirani sloj u koji treba ubaciti sloj u koji treba ubaciti kopiju. To je u ovom kopiju. To je u ovom slučaju sloj slučaju sloj CopyCopy!!

Aktivira se Ctrl+V ili Aktivira se Ctrl+V ili komanda komanda Edit > Paste in Edit > Paste in CenterCenter..

Kopija je u centru Kopija je u centru pozornice i nalazi se pozornice i nalazi se unutar sloja unutar sloja CopyCopy!!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 22: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

2222

Rad sa grafikom na različitim slojevimaRad sa grafikom na različitim slojevima

PROMENA BOJE ISPUNEPROMENA BOJE ISPUNE

Bira se nova boja ispune!Bira se nova boja ispune!

Aktivira se kantica sa Aktivira se kantica sa bojom, tj. aktivira se bojom, tj. aktivira se komanda komanda Paint Bucket Paint Bucket ToolTool!!

Pomoću nje može da se Pomoću nje može da se oboji bilo koja ispuna, oboji bilo koja ispuna, bez obzira na kom sloju bez obzira na kom sloju se nalazi i da li je taj sloj se nalazi i da li je taj sloj aktivan!aktivan!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 23: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

2323

Rad sa grafikom na različitim slojevimaRad sa grafikom na različitim slojevima

PROMENA BOJE PROMENA BOJE KONTUREKONTURE

Bira se nova boja Bira se nova boja konture!konture!

Aktivira se flašica sa Aktivira se flašica sa mastilom, tj. aktivira se mastilom, tj. aktivira se komanda komanda Ink Bottle ToolInk Bottle Tool!!

Pomoću nje može da se Pomoću nje može da se oboji bilo koja kontura, oboji bilo koja kontura, bez obzira na kom sloju bez obzira na kom sloju se nalazi i da li je taj sloj se nalazi i da li je taj sloj aktivan!aktivan!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 24: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

2424

Raspored grafičkih elemenata po slojevimaRaspored grafičkih elemenata po slojevima

DISTRIBUCIJA DISTRIBUCIJA ELEMENATA PO ELEMENATA PO SLOJEVIMASLOJEVIMA

Na primer, nacrta se Na primer, nacrta se novi objekat!novi objekat!

Aktivira se kontekstni Aktivira se kontekstni meni desnim tasterom meni desnim tasterom miša i iz njega treba miša i iz njega treba aktivirati komandu aktivirati komandu Distribute to LayersDistribute to Layers!!

Kreira se novi sloj (u Kreira se novi sloj (u našem slučaju to je našem slučaju to je sloj sloj Layer 14Layer 14) i u ) i u njega se smešta njega se smešta novoformirani novoformirani objekat!objekat!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 25: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

2525

Raspored grafičkih elemenata po slojevimaRaspored grafičkih elemenata po slojevima

DISTRIBUCIJA ELEMENATA DISTRIBUCIJA ELEMENATA PO SLOJEVIMAPO SLOJEVIMA

Na primer, treba nacrtati Na primer, treba nacrtati nekoliko objekata!nekoliko objekata!

Komandom Komandom Selection ToolSelection Tool treba ih markirati sve.treba ih markirati sve.

Aktivira se kontekstni meni Aktivira se kontekstni meni desnim tasterom miša i iz njega desnim tasterom miša i iz njega treba aktivirati komandu treba aktivirati komandu Distribute to LayersDistribute to Layers!!

Kreira se za svaki objekat novi Kreira se za svaki objekat novi sloj (u našem slučaju to su sloj (u našem slučaju to su slojevi sa nazivima slojevi sa nazivima Layer 2, Layer 2, Layer 3 Layer 3 ii Layer 4) Layer 4)) i u njega se ) i u njega se smeštaju novoformirani objekti, smeštaju novoformirani objekti, u svaki po jedan!u svaki po jedan!

Sloj Sloj Layer 1Layer 1 je ostao je ostao nepopunjen!nepopunjen!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 26: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

2626

RAD SA SLOJEVIMA MASKIRAD SA SLOJEVIMA MASKI

Slojevi maski su posebni slojevi koji omogućavaju Slojevi maski su posebni slojevi koji omogućavaju korisniku da sakrije ili prikaže elemente na nižim korisniku da sakrije ili prikaže elemente na nižim slojevima, tj. slojevima ispod njega.slojevima, tj. slojevima ispod njega.

U konačnom filmu oblici na sloju maski su kao otvori U konačnom filmu oblici na sloju maski su kao otvori kroz koje mogu da se vide elementi na povezanim kroz koje mogu da se vide elementi na povezanim slojevima.slojevima.

Sloj maski i prateći slojevi su povezani i međusobno Sloj maski i prateći slojevi su povezani i međusobno zaključani!zaključani!

Page 27: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

2727

PRVI SLOJ KOJI PRVI SLOJ KOJI DEFINIŠE OTVOR DEFINIŠE OTVOR KROZ KOJI ĆE SE KROZ KOJI ĆE SE GLEDATIGLEDATI

U ovom slučaju to je U ovom slučaju to je krug kroz koji će se krug kroz koji će se gledati sadržina gledati sadržina povezanog sloja povezanog sloja ispod njega!ispod njega!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 28: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

2828

DRUGI SLOJ KOJI DRUGI SLOJ KOJI DEFINIŠE ŠTA ĆE SE DEFINIŠE ŠTA ĆE SE GLEDATI KROZ GLEDATI KROZ MASKUMASKU

U ovom slučaju to je U ovom slučaju to je izvestan broj jedinica izvestan broj jedinica koje su obojene koje su obojene različitim bojama!različitim bojama!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 29: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

2929

PRIKAZANA PRIKAZANA SADRŽINA OBA SADRŽINA OBA SLOJASLOJA

Na osnovu ovoga Na osnovu ovoga korisnik može da korisnik može da stekne utisak šta će stekne utisak šta će se videti i koji deo se videti i koji deo donjeg sloja kroz donjeg sloja kroz otvor u obliku kruga!otvor u obliku kruga!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 30: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

3030

Markira se prvi sloj Markira se prvi sloj koji će biti maska koji će biti maska kroz koju se gleda kroz koju se gleda (sloj sa krugom) i (sloj sa krugom) i aktivira se kontekstni aktivira se kontekstni meni.meni.

Iz kontekstnog Iz kontekstnog menija treba menija treba aktivirati komandu aktivirati komandu MaskMask!!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 31: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

3131

Evo šta se vidi kroz masku u obliku kruga!Evo šta se vidi kroz masku u obliku kruga!

Page 32: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

3232

PRE PRE aktiviranja aktiviranja maski!maski!

POSLE POSLE aktiviranja aktiviranja

maski!maski!

Page 33: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

3333

Rad sa simbolimaRad sa simbolima

Krajnji cilj je da korisnik koristi grafiku Krajnji cilj je da korisnik koristi grafiku u animiranim u animiranim filmovima, a za to je potrebno da iste elemente koristi filmovima, a za to je potrebno da iste elemente koristi više puta.više puta.

Grafički elementi mogu da se ostave za kasniju Grafički elementi mogu da se ostave za kasniju upotrebu, tako što se spreme u biblioteke; da bi to upotrebu, tako što se spreme u biblioteke; da bi to moglo da se uradi, najpre te grafičke elemente treba moglo da se uradi, najpre te grafičke elemente treba pretvoriti u SIMBOLE.pretvoriti u SIMBOLE.

Svaki Flash-ov dokument ima svoju biblioteku u koju Svaki Flash-ov dokument ima svoju biblioteku u koju može da smesti simbole.može da smesti simbole.

Page 34: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

3434

Rad sa bibliotekama 01Rad sa bibliotekama 01

Panel Panel LibraryLibrary (sa (sa bibliotekom) se bibliotekom) se automatski otvara kada automatski otvara kada se startuje Flash.se startuje Flash.

Ako nije otvoren onda Ako nije otvoren onda se otvara putem se otvara putem Window > LibraryWindow > Library ili ili pritiskom na pritiskom na Ctrl+LCtrl+L!!

Page 35: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

3535

Rad sa bibliotekama 02Rad sa bibliotekama 02

U tekući U tekući dokument dokument korisnik može korisnik može da učita da učita sadržinu sadržinu biblioteke biblioteke nekog nekog zatvorenog zatvorenog Flash Flash dokumenta!dokumenta!

File > Import > Open External LibraryFile > Import > Open External Library

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 36: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

3636

Rad sa bibliotekama 03Rad sa bibliotekama 03

Iz eksterne Iz eksterne biblioteke biblioteke simboli se simboli se ubacuju u ubacuju u tekući tekući dokument dokument jednostavnim jednostavnim prevlačenjem prevlačenjem u pozornicu!u pozornicu!

Automatski se Automatski se ubačeni ubačeni simboli simboli pojavljuju i pojavljuju i kao članovi kao članovi tekuće tekuće biblioteke biblioteke simbola!simbola!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 37: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

3737

Pretvaranje grafičkog elementa u simbolPretvaranje grafičkog elementa u simbol

Markira se Markira se grafički grafički element i element i aktivira se aktivira se kontekstni kontekstni meni desnim meni desnim tasterom tasterom miša!miša!

Iz kontekstnog Iz kontekstnog menija treba menija treba aktivirati aktivirati komandu komandu Convert to Convert to SymbolSymbol..

Specifična tačka koja može da se Specifična tačka koja može da se pronađe kao tačka na objektu posle pronađe kao tačka na objektu posle

ubacivanja simbola u scenu!ubacivanja simbola u scenu!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 38: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

3838

Simbol u biblioteciSimbol u biblioteci

Iz tekuće Iz tekuće biblioteke biblioteke simboli se simboli se ubacuju u ubacuju u tekući tekući dokument dokument jednostavnim jednostavnim prevlačenjem u prevlačenjem u pozornicu!pozornicu!

Mali krstić u Mali krstić u levom gornjem levom gornjem uglu gabaritnog uglu gabaritnog pravougaonika pravougaonika je posledica je posledica markiranja markiranja tačke tačke RegistrationRegistration (slaj 35)!(slaj 35)!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 39: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

3939

Promena sjajnosti simbola na pozorniciPromena sjajnosti simbola na pozornici

Brightness=50%Brightness=50%

Brightness=100%Brightness=100%U U Property Property InspectoruInspectoru se se u polju u polju ColorColor aktivira opcija aktivira opcija BrightnessBrightness i i podešava se podešava se po želji!po želji!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 40: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

4040

Promena boje simbola na pozorniciPromena boje simbola na pozornici

U U Property Property InspectoruInspectoru se se u polju u polju ColorColor aktivira opcija aktivira opcija TintTint i i podešavaju se podešavaju se polja R, G i B polja R, G i B kako bi se kako bi se dobila boja!dobila boja!

Kada sve tri Kada sve tri boje imaju boje imaju

vrednost vrednost 00, , onda je reč o onda je reč o CRNOJ boji!CRNOJ boji!

Kada sve tri Kada sve tri boje imaju boje imaju

vrednost vrednost 255255, , onda je reč o onda je reč o BELOJ boji!BELOJ boji!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 41: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

4141

Promena prozirnosti simbola na pozorniciPromena prozirnosti simbola na pozornici

U U Property Property InspectoruInspectoru se se u polju u polju ColorColor aktivira opcija aktivira opcija AlphaAlpha i i vrednost se vrednost se podešava po podešava po želji!želji!

Smanjivanjem Smanjivanjem vrednost vrednost Alpha Alpha povećava se povećava se prozirnost!prozirnost!

Kada je Kada je vrednost 100% vrednost 100% onda simbol onda simbol nestaje sa nestaje sa pozornice!pozornice!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 42: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

4242

Uređivanje (editovanje) simbola 01Uređivanje (editovanje) simbola 01

Ako hoće, Ako hoće, korisnik može korisnik može da dodatno da dodatno edituje simbol.edituje simbol.

Na primer, Na primer, može da može da naknadno naknadno podesi podesi lokaciju u lokaciju u odnosu na odnosu na referentnu referentnu tačku!tačku!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 43: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

4343

Uređivanje (editovanje) simbola 02Uređivanje (editovanje) simbola 02

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 44: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

4444

Uređivanje (editovanje) simbola 03Uređivanje (editovanje) simbola 03

Promenjen je Promenjen je položaj položaj strelice u strelice u odnosu na odnosu na referentnu referentnu tačku!tačku!

Aktiviranjem Aktiviranjem komande komande Edit Edit SceneScene i i biranjem biranjem naziva scene naziva scene korisnik se korisnik se vraća u vraća u “normalan” “normalan” režim rada režim rada (prikazano na (prikazano na sledećem sledećem slajdu)!slajdu)!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 45: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

4545

Uređivanje (editovanje) simbola 04Uređivanje (editovanje) simbola 04

Promenjen je Promenjen je položaj položaj strelice u strelice u odnosu na odnosu na referentnu referentnu tačku kod svih tačku kod svih unetih simbola unetih simbola u pozornicu!u pozornicu!

Promenjen je Promenjen je položaj položaj strelice u strelice u odnosu na odnosu na referentnu referentnu tačku i u tačku i u biblioteci biblioteci simbola!simbola!

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 46: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

4646

Pretvaranje simbola u grafički elementPretvaranje simbola u grafički element

Modify > Break ApartModify > Break Apart Ctrl+BCtrl+B

Identično kao kod Identično kao kod programa Flash 8!programa Flash 8!

Page 47: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

4747

Animacija kadar po kadarAnimacija kadar po kadar

U U FlashFlash-u korisnik može da napravi animaciju kadar po -u korisnik može da napravi animaciju kadar po kadar smeštanjem različitog sadržaja u različite kadar smeštanjem različitog sadržaja u različite kadrove!kadrove!

Kadrovi koji imaju nov sadržaj nazivaju se Kadrovi koji imaju nov sadržaj nazivaju se KLJUČNI KLJUČNI KADROVIKADROVI (engl. (engl. keyframeskeyframes)!)!

Međukadrovi iza ključnog kadra koji ima sadržaj Međukadrovi iza ključnog kadra koji ima sadržaj prikazuju taj sadržaj na pozornici!prikazuju taj sadržaj na pozornici!

Page 48: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

4848

Šta je koji kadar?Šta je koji kadar?

Page 49: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

4949

Ključni kadrovi i međukadrovi u vremenskoj linijiKljučni kadrovi i međukadrovi u vremenskoj liniji

Ključni kadar sa Ključni kadar sa sadržajemsadržajem

Kraj opsega Kraj opsega ključnog kadraključnog kadra

Međukadrovi Međukadrovi nemaju oznakunemaju oznaku

Trenutni kadarTrenutni kadar

Page 50: Grafika, simboli i animacija

Fakultet za informatiku i menadžment – Fakultet za informatiku i menadžment – BeogradBeograd

3D3D grafika grafika i animacija i animacija (šk.god.2008/09) (šk.god.2008/09) Dragan Dragan CvetkovićCvetković

5050

Pomoću fajla Pomoću fajla Animacija kadar po kadar – promena Animacija kadar po kadar – promena brojeva u krugu.PDFbrojeva u krugu.PDF treba napraviti animaciju. treba napraviti animaciju.

Sačuvati animaciju i kao FLA i kao SWF fajlove.Sačuvati animaciju i kao FLA i kao SWF fajlove.

Napraviti dva SWF fajla, gde će brzina promene Napraviti dva SWF fajla, gde će brzina promene frejmova biti frejmova biti 25fps25fps i i 12fps12fps..

Prokomentarisati dobijene rezultate!Prokomentarisati dobijene rezultate!

PROPRATNI FAJLOVI SU U DIREKTORIJUMU GDE PROPRATNI FAJLOVI SU U DIREKTORIJUMU GDE SE NALAZE I PREDAVANJA!SE NALAZE I PREDAVANJA!

TREBA URADITI SLEDEĆE:TREBA URADITI SLEDEĆE: