seminar ski iz racunarske grafike1

8/6/2019 Seminar Ski Iz Racunarske Grafike1

http://slidepdf.com/reader/full/seminar-ski-iz-racunarske-grafike1 1/13

UNIVERZITET U NOVOM SADUTEHNIČKI FAKULTET

”MIHAJLO PUPIN”ZRENJANIN

SEMINARSKI RAD:RAČUNARSKA GRAFIKA

Profesor: Student:

Prof. Ivana Berković Kozić Bojan Asistent: br.indeksa:

Višnja Ognjenović 9/08-03

Zrenjanin, januar 2011.IZRADA GLAVNOG PROZORA



Slika 2.

KREIRANJE RADNOG DELA PROZORA

Posto sam zavrsio izgled pozadine prelazim na sledeci deo. Ponovo pravim novi Layer (Shift + Ctrl + N ) i dajem mu ime ispis teksta. U taj Layer sam ubacio sliku ( Slika 3.)koju cu kasnije koristiti da na njoj ispisujem informacije vezane za racunarskugrafiku.Prava velicina ove slike je 1000x878 a ja sam je smanjio na 538x611.

Slika 3.



I napravio 2 rupe da bi tuda mogao da provucem karike (ime Layer-a) koji cu kasnije

koristiti. Rupe sam pravio alatkom Eraser Tool . Posle toga sam napravio novi Layer i nazvao ga grana. Prava velicina je 300x300 sa belom pozadinom Slika 4. Posto je menitrebala samo grana ja sam je isekao. To sam uradio pomocu alatke Magic Wand Tool .Izarotirao pomocu alatke Free Transform . Kasnije sam je i produzio na 486x48 da bi se

fino uklopila iznad Layer-a ispis teksta.

Slika 4.

Posto sam zavrsio ovaj s radom na ovom Layer-u kreiram novi i nazivam ga karike. Nataj Layer ubacujem Sliku 5. prave velicine 360x360 i isecam samo karike gorenavedenom metodom. Zatim sam im smanjio velicinu na 24x93 i uklopio u rupe koje samnapravio na Layer-u ispis teksta. Radi boljeg izgleda dodao sam i neke efekte. To samuradio desnim klikom na Layer karike i tu sam iyabrao opciju Blending Options...

Slika 5.

Tu sam odabrao samo Drop Shadow sa default podesavanjima sto se vidi na Slici 6.Layer karike sam iskopirao josh jednom ( desni klik na layer karike pa Duplicate layer ) posto nam treba 2 zbog rupa koje smo gore napravili. Posto prilikom kopiranja Layer neuzima i stil od kopiranog leyer-a moramo uraditi isti stil i na drugom layer-u (karike 2).



Da ne bi ste radili sve ponovo kliknete na Layer karike desnim klikom i izaberete opcijuCopy Layer Style a onda na drugi Layer (karike 2) Paste Layer Style.

Slika 6.

Sada ponovo kreiram novi Layer i nazivam ga kanap. Prava velicina slike 535x800 (Slika7.) ja sam je takodje isekao i modifikovao.

Slika 7.

Posto nam treba i dva kanapa i ovaj Layer sam uduplao (metodom koju sam vec koristioza layer karike) i nazvao kanap 2.



POPUNJAVANJE RADNE POVRSINE

Posto smo zavrsili sa postavljanjem radne povrsine mozemo polako da je popunjavamo.(Izgled onoga sto smo do sad uradili Slika 8.)

Slika 8.

Pomocu alatke Horizontal Type Tool napisace tekst (Dobrodošli / Welcome) ugornjem levom uglu RADNE POVRSINE . Ispod toga istom alatkom ispisujemo tekst kojigovori o predmetu. Ispod tog teksta u desnom uglu istom alatkom ispisujemo read more i podvlačimo taj tekst (sto bi izgledalo kao na slici 9).

Slika 9.



Posto smo zavrsili sa uvodnim tekstom pravim novi layer i nazivam ga ram za sliku.Unovom lejeru opcijom Rectangular Marquee Tool napravim kocku dimenzija 120x106

i filujem (Pomocu Paint Bucket Tool - a) citavu selekcuju u odabranu boju u ovomslucaju braon boja (#a96a35) posle toga izaberem iz glavnog menija opciju Select –

Modify – Contract i postavim vrednost 4. Posto smo to završili idemo na delete da bi

obrisali svu boju iz sredine posto nam to ne treba. U dobijeni ram ubacimo sliku 10. I to bi izgledalo ovako.

Slika 10.

Pored slike ubacujem tekst o profesorici i s time završavam prvi deo RADNE POVRSINE . Na dugom delu pravim novi tekst Layer pomocu gor navedene alatke i upisujem (Novosti/ News). Pravim novi Layer i nazivam ga novosti. Pomocu alatke Rectangular Mrquee

Tool pravim selekciju dimenzija 433x341 i koristim opciju iz glavnog menija Select –

Modify – Smooth i postavljam vrednost na 4 da bi mi bili krajevi zaobljeni. Dobijenuselekciju filujem u belu boju (gore navedenom metodom). . Sledecim korakom ponovo izglavnog menija biram Select – Modify – Contract i postavljam vrednost na 4 pa pritisnem Ctrl + X da bi isekao selektovani deo Layera. I potom ga sa Ctrl + V postavimkako novi Layer i nazovem ga u novostima. I postavljam fill i opacity na 70 % (Slika11.).

Slika 11.

U dobijeni prostor layera u novostima upisujem tekst pomocu alatke Horizontal Type

Tool . I time smo završili popunjavanje RADNE POVRSINE . Kreirao sam i novi Layer nakom sam pomocu Rectangular Marquee Tool – a selektovao povrsinu 80x78 i filovao u belo. Posle cega sam smanjio Opacity na 80 % i podesio takod a izgleda kao da je deonovosti nalepljen na radnu povrsinu. Ovaj Layer sam iskopirao tako da dobijem 2 flastera

i dobijena slika izgleda ovako (slika 12.)



PRAVLJENJE DUGMICA

Otvaram novi Layer i dajem mu ime dugme. U tom layer-u izaberemo alatku

Rectangular Marquee Tool selektujem površinu dimenzija 153x158 i pomocu Paint Bucket Tool obojim selektovanu površinu u zuto (#e1bb08). Pomocu alatke Free

Transform zarotiram novonastalo dugme kak na slici 13.

Slika 13.

Posle toga sam dodao malo efekata dugletu desnim klikom na layer i izborom opcije Blending Options iz pale te izaberem Drop Shadow sa Default podešavanjima.Sada ponovo pravim novi Layer i dajem mu ime telefon (zato sto je to slika telefona). Nataj layer kopiram telefon (slika 14.)

Slika 14.

I dodajem efekte iz Blending Options palete tacnije Outer Glow . Iz Outer Glow -aStavljam Spread na 15 %, Size na 65 px Range na 50 %. Posle toga telefon centriram preko dugmeta i ispod telefona na dugmetu pišem tekst (u ovom slucaju KONTAKT ).Ovim zavrsavam dugme kontakt (Slika 15.).



Slika 15.

Kreirao sam josh jedan layer koji sam nazvao flaster. Da bi izgledalo kako da su dugmicizalepljeni. Flaste sam kreirao tako sto sam iz alata sa leve strane odabrao Rectangular

Marqee Tool i selektovao dimenzije 82x100 . Posle toga selektovanu povrsinu samoboijo u belo pomocu Paint Bucket Tool i smanjio Opacity na 80 %. Tako da sad dugmeizgleda ovako (slika 16.)

Slika 16.

Sve ove korake kod dugmica sam ponovio josh 4 puta za svako dugme isto samo sarazlicitim tekstom. I drugacije su zarotirani dugmici.



Slika 18.

Time sam zavrsio s detaljima na samoj pozadini. Otvaram novi Layer i nazivam gakompas prava velicina ove slike je 131x129 ja sam je naravno smanjio i isekao sam samokopas (slika 19.)

Slika 19.

Taj kompas sam uklopio u desni donji cosak radne povrsine.I zadnja stvar koju sam uradio je tekst (ime predmeta). Tekst sam radio tako sto sam prvonapisao ( Kancelarijska oprema MAGMA) fontom koji sam skinuo s interneta. I ondasamo taj isti tekst prebacio u obican layer kako bi mogao da ga bojim pomocu Gradient

Tool opcije. Ja sam izabrao da ide iz narandzaste u zutu. I na kraju teskt je izgledaoovako ( Slika 20).

Slika 20.



Sve slike koje sam koristio možete naci u folderu Slike koji ce biti dostavljen uzseminarski rad. Takodje i fontove koji nisu standardni i oni ce biti dostavlejni i nalaze seu folderu fontovi. Izgled gotovog rada mozete videti na slici 21.

Slika 21.



LITERATURA

1. http://www.hisnibs.com/BookWormYellowFilligreePenCap_small.jpg2. http://images4.wikia.nocookie.net/__cb20061127062728/uncyclopedia/images/th

umb/f/fa/3noose-med.jpg/150px-3noose-med.jpg

3. https://reader009.{domain}/reader009/html5/0519/5affdfc2528d5/5affdfc98d5cf.jpg4. http://www.glendalehouse.co.uk/images/WhitbyCC_old-compass.jpg

http://www.hisnibs.com/BookWormYellowFilligreePenCap_small.jpg

http://images4.wikia.nocookie.net/__cb20061127062728/uncyclopedia/images/thumb/f/fa/3noose-med.jpg/150px-3noose-med.jpg


http://caronedmunds.files.wordpress.com/2008/09/old-paper21.jpg

http://www.glendalehouse.co.uk/images/WhitbyCC_old-compass.jpg

http://www.hisnibs.com/BookWormYellowFilligreePenCap_small.jpg



http://caronedmunds.files.wordpress.com/2008/09/old-paper21.jpg

http://www.glendalehouse.co.uk/images/WhitbyCC_old-compass.jpg

seminar ski iz racunarske grafike1

Documents