UNIVERZITET U NOVOM SADU

TEHNIČ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
KREIRANJE NOVOG PSD-a

Prema propozicijama glavni prozor je veličine 1027 x 768 pixels – rezolucija 72 pihel /
inch. Možete videti na Slici 1.

Slika 1.

Posto sam kreirao prozor napravio sam novi Layer ( Layer – New – Layer .. ili Shift +
Ctrl + N ) I nazvao ga pozadina. Za pozadinu sam koristio sliku ( Slika 2.) dimenzija
1000x800. Posto je glavni prozor veličine 1024x786 morao sam da je smanjim I
prilagodim velicini glavnog prozora. To sam uradio pomocu Free Transform opcije (
Edit – Free Transform ili Shift + Ctrl + T ). Prilikom koriscenja ove opcije treba uzeti
u obzir da ova opcija moze da iduži sliku i da napravi nesrazmerne objekte na njoj, da se
to ne bi desilo drzite Shift prilikom modifikovanja slike.
 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 racunarsku
grafiku.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 meni
trebala samo grana ja sam je isekao. To sam uradio pomocu alatke Magic Wand Tool .I
zarotirao 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. Na
taj Layer ubacujem Sliku 5. prave velicine 360x360 i isecam samo karike gore
navedenom metodom. Zatim sam im smanjio velicinu na 24x93 i uklopio u rupe koje sam
napravio na Layer-u ispis teksta. Radi boljeg izgleda dodao sam i neke efekte. To sam
uradio 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 ne
uzima 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 opciju
Copy 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 (Slika
7.) ja sam je takodje isekao i modifikovao.

Slika 7.

Posto nam treba i dva kanapa i ovaj Layer sam uduplao (metodom koju sam vec koristio
za 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) u

gornjem levom uglu RADNE POVRSINE. Ispod toga istom alatkom ispisujemo tekst koji
govori 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.U
novom lejeru opcijom Rectangular Marquee Tool napravim kocku dimenzija 120x106
i filujem (Pomocu Paint Bucket Tool - a) citavu selekcuju u odabranu boju u ovom
slucaju 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. Dobijenu
selekciju filujem u belu boju (gore navedenom metodom). . Sledecim korakom ponovo iz
glavnog 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 postavim
kako novi Layer i nazovem ga u novostima. I postavljam fill i opacity na 70 % (Slika
11.).

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 na
kom 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 deo
novosti 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). Na
taj layer kopiram telefon (slika 14.)

Slika 14.
I dodajem efekte iz Blending Options palete tacnije Outer Glow. Iz Outer Glow-a
Stavljam 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 dugmici
zalepljeni. Flaste sam kreirao tako sto sam iz alata sa leve strane odabrao Rectangular
Marqee Tool i selektovao dimenzije 82x100 . Posle toga selektovanu povrsinu sam
oboijo u belo pomocu Paint Bucket Tool i smanjio Opacity na 80 %. Tako da sad dugme
izgleda ovako (slika 16.)

Slika 16.

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

Postoji josh par Layera koje sam koristio za sitne detalje na ovoj stranici. Prvo Layer sam
nazvao penkalo. Prava velicina slike je 1092x1154 i iygleda otprilike ovako ( Slika 17. )

Slika 17.

Naravno pošto su to ogromne dimenzije i posto meni treba samo penkalo i čep ja sam je
smanjio i isekao. Prvo isekao sam je tako sto sam pomocu Magic Wand Tool – a
selektovao sve oko olovke i obrisao a ovo sto je ostalo (penkalo) prebacio na pozadinu.
Posto je slika bila velika ja sam je smanjio na 363x261 i uklopio u donji levi ugao.Da bi
ona izgledala kao da stoji na necemu dodao sam senku ispod penkala. To sam uradio tako
sto sam kreirao novi layer i nazvao ga senka penkala. U tom layer-u sam pomocu alatke
Brush Tool cnom bojom presao po citavom penkalu i malo ispod čepa i stavio sam
Layer penkalo iynad Layera senka penkala da bi se po krajevima videla kao senka. Posto
je crna boja bila jako izrazajna ja sam koristeci alatku Blur Tool malo zamutio tu sliku
kako bi to izgledalo kao senka. Sto se i vidi na slici 18.
 Slika 18.

Time sam zavrsio s detaljima na samoj pozadini. Otvaram novi Layer i nazivam ga
kompas prava velicina ove slike je 131x129 ja sam je naravno smanjio i isekao sam samo
kopas (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 prvo
napisao (Kancelarijska oprema MAGMA) fontom koji sam skinuo s interneta. I onda
samo 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 izgledao
ovako ( Slika 20).

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

Slika 21.
 LITERATURA

1. http://www.hisnibs.com/BookWormYellowFilligreePenCap_small.jpg
2. http://images4.wikia.nocookie.net/__cb20061127062728/uncyclopedia/images/th
umb/f/fa/3noose-med.jpg/150px-3noose-med.jpg
3. http://caronedmunds.files.wordpress.com/2008/09/old-paper21.jpg
4. http://www.glendalehouse.co.uk/images/WhitbyCC_old-compass.jpg