Visoka tehnoloka kola strukovnih studija abac Odsek:
Informacione tehnologije
DOMAI RAD IZ PREDMETA RAUNARSKA GRAFIKA Photoshop, CorelDRAW i
Flash
Student: Marko Feger, 4-83/2010 Profesor: Dr Miodrag Milievi
Asistent: Petar Pavlovi abac, maj 2012
SADRAJ:
POSTAVKA
ZADATAKA...................................................................................................
3 Prvi domai zadatak
Photoshop......................................................................................
3 Drugi domai zadatak - CorelDraw
...................................................................................
3 Trei domai zadatak Flash
............................................................................................
3
PHOTOSHOP........................................................................................................................
4 CORELDRAW
......................................................................................................................
5 Direktorijum sa nalepnicama
.............................................................................................
5 Web strana
.........................................................................................................................
6 Specijalni efekti
.................................................................................................................
7 FLASH
..................................................................................................................................
8 Kreiranje scena
..................................................................................................................
8 Maska
..............................................................................................................................
11 LITERATURA
....................................................................................................................
13
2
POSTAVKA ZADATAKA Prvi domai zadatak Photoshop1. 2. 3. 4.
uraditi kompletan dizajn stranice na slobodnu temu i snimiti u PSD
formatu izvriti optimizaciju slika koje ete koritstiti na
stranicama sajta izdeliti ablon na logike celine i snimiti ih kao
HTM and Images. na jednoj slici uraditi paragraph, gde e tekst
sadrati ime i prezime studenta i broj indeksa sa komentarom 5.
takoe uneti zvune i tekstualne napomene na proizvoljnoj slici, gde
ete opisati ukratko kako ste uradili zadatak. Na ocenjivanje
dostaviti 4 direktorijuma: jedan sa psd fajlom i iseckanim ablonom
drugi dir sa originalnim slikama dir sa optimizovanim slikama
etvrti dir sa paragrafom i napomenama.
Drugi domai zadatak - CorelDraw1. uraditi jedan direktorijum sa
nalepnicama 2. uraditi Web stranu. 3. uraditi direktorijum sa
specijalnim efektima primenjenim na objekte po slobodnom
izboru.
Trei domai zadatak Flash1. Prva scena: Kreirati grafiki simbol
sa tekstom svog imena i primeniti Motion Tween. Postaviti trajanje
scene na 2 sekunde. 2. Druga scena: Kreirati simbol sa tekstom broj
indeksa i primeniti Motion Guide. Trajanje scene 3 sekunde. 3.
Omoguiti navigaciju kroz obe scene, pomou dugmeta. 4. Kreirati u
sloju maske grafiki simbol sa primenjenim Motion Tween-om, koji
prelazi preko sloja na kome se nalazi vae ime i prezime. Trajanje
scene 4 sekunde. Na ocenjivanje doneti posebno direktorijum sa
datotekama FlA i SWF.
3
PHOTOSHOPU okruzenju photoshopa sam napravio novi fajl. Kao
pozadinu sam postavio crvenu boju. Primenio sam efekat gradient
toola na njoj. U gornjem levom uglu importovao sam logo Bayern
Munchena. U gornjem delu sam importovao banner sa oficijalnog sajta
Bayern-a. Odmah ispod sam ubacio button-e koje sam napravio pomocu
rectangle toola i izoblicio ih. Pravilno sam ih poredjao. Ispod se
nalazi slika sa sajta Bayerna a ispod nje kopirani text takodje sa
sajta koji sam ubacio pomocu text toola. Sa desne strane se nalazi
importovani banner.
Slika 1. Dizajn web stranice
Po zavretku dizajna stranice, izvrio sam njenu optimizaciju. Na
dizajnu web stranice sam dodao komentare pomocu notes-a. U u opciji
Author sam dodao svoje podatke.
4
CORELDRAW Direktorijum sa nalepnicamaKoristei Rectangle Tool
nacrtao pravounik, zaoblio mu uglove. Importovao sam grb Bayerna
Munchena. Iznad njega sam napisao text pomocu text toola, takodje i
ispod. Text je ispisan na nemackom.
Slika 2. Nalepnica
Na formatu A4 sam uvezao bitmapu. Nacrtao sam kvadrat na koji
sam primenio Transparency. Pomou 2-Point Line Tool sam iscrtala
liniju koju sam kopirao dva puta i dobijene objekte sam rasporedio.
Kao pozadinu sam iskoristio grb FK Bayerna Munchena. Nalepnicu sam
iskopirao sedam puta i pravilno ih rasporedio.
5
Slika 3. Nalepnica za svesku
Web stranaZa pozadinu slike sam uzeo crvenu boju na koju sam
primenio Uniform Fill. U gornjem delu stranice sam importovao dve
polovicne slike. Pored njih importovan grb Bayern-a. Sa leve
stranice sam napravio button-e pomocu rectangle tool-a cije sam
ivice zaoblio. U sredini se nalazi text dodat pomocu Text toola. U
donjem levom uglu sam napisao korisne linkove. Optimizovao sam
stranu File, Export For Web i konvertovao dokument u web stranice
Export HTML.
6
Slika 4. Web strana
Specijalni efektiZa pozadinu sam uzeo plavu boju na koju sam
primenio efekat Uniform Fill. Na sredini se nalazi ubacen text
pomocu text toola sa odredjenim fontom I velicinom slova na kojem
pise IT CENTAR MARKO. Pored njega se nalazi jelka koju sam napravio
pomocu beizer toola sa primenom efekata Fountain fill. Takodje je
primenjen specijalan efekat Drop Shadow.
7
Slika 5. Specijalni efekat
FLASH Kreiranje scena1. Prva scena: Izaberemo okruenje Flash-a
CS5.5, Action script 2.0. U dijalogu Document Settings izaberemo
Background color i postavimo Frame rate na 24 fps. Layer-u
promenimo naziv u ime.
8
Slika 6. Podeavanje boje pozadine U ovom layer-u nacrtamo elipsu
i u njoj ispiemo svoje ime i prezime. Selektujemo oba objekta i
desnim klikom izaberemo Convert to Symbol, damo mu naziv elipsa i
izaberemo opciju Graphic. Na 50-om frame-u (2 sekunde) dodamo u
vremenskoj osi opciju Insert Keyframe. Zatim simbol prebacimo na
drugu lokaciju na pozadini. Izaberemo sada na Timeline
pozicijuframe 1 i opciju Create Classic Tween. Pravimo novi layer
sa nazivom akcija, izaberemo poslednji frame i u panelu Actions
izaberemo Global Functions/Timeline Control i duplo kliknemo na
stop. Ovim e se animacija pokrenuti samo jednom. Napravimo tri nova
layer-a za dugmad (dugmeStop,dugmePlay i dugmeNext) i ubacimo
dugmad iz Window/Common Libraries/Buttons. Za svako dugme piemo
kod. Za dugmePlay: on (press) { play(); } Za dugmeStop: on (press)
{ stop(); } Za dugmeNext: on (press) { nextScene(); play();}
9
Slika 7. Prva scena 2. Druga scena: Izaberemo novu scenu pomou
Insert, Scene. Prvom Layer-u promenimo naziv u brojIndeksa. U ovom
layer-u nacrtamo pravougaonik i u njemu ispiemo broj indeksa.
Selektujemo oba objekta i desnim klikom izaberemo Convert to
Symbol, damo mu naziv pravougaonik i izaberemo opciju Graphic. Na
72-om frame-u (3 sekunde) dodamo u vremenskoj osi opciju Insert
Keyframe. Zatim simbol prebacimo na drugu lokaciju na pozadini.
Desnim klikom na Layer-u brojIndeksa izaberemo Add Classic Motion
Guide i nacrtamo putanju. Spojimo pravougaonik u krajnjim scenama
sa krajevima putanje. Izaberemo sada na Timeline poziciju-frame 1 i
opciju Create Classic Tween. Pravimo novi layer sa nazivom akcija,
izaberemo poslednji frame i u panelu Actions izaberemo Global
Functions/Timeline Control i duplo kliknemo na stop. Napravimo
Layer-e za dugmad i istim postupkom, kao u prethodnoj sceni,
ispiemo kod. Samo za dugmePrev piemo on (press) { prevScene();
play();}
Slika 8. Druga scena 10
Pokrenemo animaciju Control, Test Movie, Test.
Slika 9. Animacija.swf
MaskaPrvi Layer preimenujemo u ime. Na njemu ispiemo ime i
prezime. Drugi Layer preimenujemo u pravougaonik. Nacrtamo
pravougaonik, konvertujemo ga u simbol i dvoklikom uemo u njegovu
scenu u kojoj ponovo konvertujemo pravougaonik u simbol. Na 96-om
Frameu izaberemo Insert Keyframe, vratimo se na prvi Frame i
kreiramo Classic Tween. Desno, na paleti Tweening izaberemo Rotate
CW i broj obrtaja. Desnim klikom na Layer kreiramo Classic Motion
Guide i nacrtamo putanju. Vratimo se u scenu1. Desnim klikom na
Layer pravougaonik kreiramo Masku. Pokrenemo animaciju.
11
Slika 10. Maska
12
LITERATURADr Miodrag Milievi, Raunarska grafika Praktikum za
vebe, Visoka Tehnoloka kola strukovnih studija, abac, 2010
13