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