Treća gimnazija Sarajevo

MATURSKI RAD IZ INFORMATIKE

Tema: Photoshop

Predmetni profesor: Učenik:

Aida Ražanica, prof. Haris Brulić, IV-4

Sarajevo, 2019.
 Photoshop

Sadržaj:

2
 Photoshop

1. Uvod
U današnje vrijeme, računari imaju veliku primjenu u čuvanju i obradi slika u raznim
formatima. Padom cijena digitalnih fotoaparata i skenera, sve više fotografija se čuva u
digitalnom obliku, najčešće na računaru, cloudu, ili na nekoj prenosivoj memoriji. Web je
nezamisliv bez slikovnog sadržaja i takav sadržaj zauzima značajno mjesto u prezentovanju i
oglašavanju. Slike koje se prezentuju na Web-u, potrebno je obraditi i sačuvati u formatu
prikladnom za prikaz i prijenos preko interneta.

Tako dolazimo do programa „Adobe Photoshop“ , najrasprostanjenijeg i najmoćnijeg

programa za obradu slika. Raznovrsna priroda programa čini ga korisnim za veliki raspon
zadataka obrade slika, a Photoshop se koristi u raznim područjima kao što su arhitektura,
astronomija, animacija, forenzika, web dizajn i medicina.

Priča je započela 1987. godine, kada je Tom Knoll napisao grafičku aplikaciju u Machintosh-
u. Softver je korišten za prikazivanje slika na sivoj skali, na crnom-bijelom zaslonu. Knoll je
to nazvao „Display“ (Zaslon).
Njegov brat, John, koji je volio fotografije, nagovorio je svog brata da pretvori u pretvori u
softver za uređivanje slika. Uzeli smo pauzu od studija i pokušavali napraviti novi program.
1988. godine, Tom mijenja ime programa u „ImagePro“, ali to je već ime bilo zauzeto, te mu
daje novi naziv „Photoshop“. 1990. godine, svoj kod su prodali kompaniji Adobe, da bi u
septembru te iste godine izašla prva verzija ovog programa.

Ovaj rad će se baviti i pokazat će na koji način možemo obraditi fotografije. Rad se sastoji iz
8 dijelova. Prvi dio se bavi općenito o Photoshopu, njegovoj primjeni i preuzimanju. Drugi
dio se bavi objašnjavanjem vrsta digitalnih slika i formatu. Treći dio opisuje radnu cijelinu i
alate Photoshopa (uz primjere). Četvrti i peti dio opisuje Layere (slojeve) i Filters (Filtere)
kao najmoćnije pribore u PS1. Šesti i sedmi dio opisuje naprednije primjere i korištenje u
svakodnevnom poslu.

1
PS je uobičajna skraćenica za Adobe Photoshop.

3
 Photoshop

2. Šta je Adobe Photoshop?

Adobe Photoshop je grafički program, razvijen i objavljen od strane američke kompanije
Adobe Inc. Prva verzija je objavljena 1990. godine za Macintosh računare, dok je 1992.
godine objavljena verzija za Windows platformu. Od tada, Photoshop postaje najkorišteniji
softverski program za uređivanje i obradu slika i retuširanje za brojne formate slikovnih
datoteka.
Adobe Photoshop je ključni alat za dizajnere, web-programere, grafičke umjetnike, fotografe i
kreativne profesionalce. Korisniku je omogućeno stvaranje, poboljšanje i uređivanje
fotografije. Mijenjanje pozadine, simulacije stvarnog slikanja i stvaranje specijalnih efekata;
sve je to moguće uraditi u ovom programu. Kao takav moćan program sa nevjerovatnim
podešavanjima i velikim mogućnostima, veoma je teško ga temeljno proučiti, pa ćemo se
bazirati na opis rada s osnovnim priborom, a i na primjerima objasniti neke naprednije alate.
Također, treba imati na umu da često trebamo korisiti i više različitih alata da bismo stvorili
željene efekte. A mnogi od tih alata, da bi ih se uspješno korisitlo, zahtjevaju vježbanje i
upotrebu mašte.

2.2. Preuzimanje i instalacija

Preuzimanje se može izvršiti sa oficijelne stranice Adobe Inc2., kao dio Creative Cloud (CC)
platforme, koja uključuje dodatne plug-inove i dodatne programe, koji omogućavaju rad sa
grafičkim i video dizajnom. Demo-verzija je besplatna i može se koristiti 15 dana, nakon čega
je potrebno kupiti licencu. Instalacija je jednostavna.

2
https://creative.adobe.com/products/download/creative-cloud

4
 Photoshop

3. Razumijevanje digitalnih slika

Postoje dvije vrste digitalnih slika: vektor i bitmap ili raster. Vektor slike se dekodiraju
pomoću matematičkih formula a bitmap ili raster slike su sastavljene od piksela. U
praktičnom smislu, ovo znači da vektor slike možemo da povećamo ili smanjujemo bez
ikakvog gubitku u kvalitetu. Primjer: Kada nacrtamo liniju, dužine 5 cm, mi u stvari govorimo
programu da postavi tačke poredane jedna do druge u toj dužini. Kada smanjujemo
dimenzije odnosno dužinu linije mi mijenjamo instrukcije i program postavlja tačke u manjoj
dužini. Tačke su iste kakve su i bile, samo je smanjen broj i nema nikavog gubitka kvalitete.

Bitmap ili raster slike su sastavljene od piksela, svaki piksel u sebi sadrži informacije o boji i
poziciji. Kada smanjujemo sliku, mi smanjujemo broj piksela i slika će izgubiti od svog
kvaliteta ali pošto je smanjena, gubici neće biti primjetni. Kada povećavamo sliku tu nastaje
problem i slika će izgubiti od svog kvaliteta i što je više povećavamo više će izgledati
razvučena i mutna.

Photoshop je prvenstveno napravljen da radi sa Bitmap (raster) slikama ali to ne znači da ne

podržava vektorski bazirane objekte. Alat za tekst i crtanje kao što su olovka (Pen Tool) i
figure (Shapes) omogućavaju crtanje vektorski baziranih objekata koje možemo mijenjati i
prilagođavati kad god je to potrebno.

Photoshop podržava rad u sa velikim brojem formata slika: BMP, PICT, TIFF, EPS, JPEG,
GIF, PNG, i PSD koji je Photoshop Dokument. Osim što podržava rad sa ovim formatima on
daje i mogućnost Možemo mijenjati dimenzije, rezoluciju, veličinu i prilagoditi sliku za svaku
potrebu.

Slika 1.: Razlika između Raster i Vektor slike

5
 Photoshop

4. Radno okruženje
Kada pokrenemo Photoshop, dobit ćemo sljedeći prozor:

Slika 2. : Početni prozor sa njegovim osnovnim djelovima

Vidimo se da se u početnom prozoru odvajaju tri bitna dijela, a to su: Izborna traka (Menu
bar), Palete (Palettes) i Alati (Toolbox).

1.1. Izborna traka (Menu Bar)

Izborna traka se nalazi na samome vrhu prozora programa i služi za otvaranje i sačuvanje
podataka, prilagođavanje veličine slike, omogućava pristup nekim složenijim alatima i više.
Sastoji se od 10 kartica (tabs): File, Edit, Image, Layer, Select, Filter, Analysis, View,
Window i Help. (u nekim verzijama je moguća kartica 3D)

Slika 3. : Izborna traka

6
 Photoshop

 File
Primarna metoda stvaranja novih podataka (New), otvaranje već postojećih (Open), sačuvanje
podataka (Save i Save as) i printanje (Print). Sve ove akcije, mogu se naći u opcijama u
kartici File.

Opcija New dopušta stvaranje novog

„platna“ (canvas3). Korisnik može
unijeti željenu veličinu, rezoluciju, boje,
pozadinu i slično.

Slika 4. : Izgled prozora opcije New

Opcija Open dopušta otvaranje već

postojećih projekata.

Slika 5. : Izgled prozora opcije Open

3
prostor na kojem radimo u Photoshopu

7
 Photoshop

 Edit
U kartici Edit, postoje opcije za Undo i Redo, kao i opcije Cut, Copy i Paste. Također, tu se
nalaze i opcije za transformiranje objekata (Transform), gdje možemo uviti (wrap), rotirati
(rotate), iskriviti (distort) i okrenuti (flip). Značajne su i opcije Present Manager, gdje
možemo gledati naše četkice (brushes) i gradijente (gradients), dok opcija Color Settings daje
opcije da mijenjamo profile boja. (RGB, CYMK)

 Image
Mnoge opcije koje su vezane za mijenjanje
slike su dostupne u kartici Image.
Najznačajnije su opcije: Adjustments (bos.
korekcije – gdje možemo mijenjati svijetlost,
kontrast, razinu, izloženost, nijansu i
ravnotežu boja slike), Image i Canvas Size
(bos. veličina slike i „platna“) i Crop i Trim
(bos. rezati i podrezati – možemo mijenjati
veličinu našeg „platna“ i ukloniti određene
piksele).

Slika 6. : Prozor Opcije Image Size

 Select
Opcije koje se odnose na odabire, nalaze se u kartici Select. Postoji nekoliko povezanih i
korisnih opcija: Refine Edge (mijenjamo okvire naše „selekcije“), Grow (povećavamo
područje selektovanog) i Save Selection (sačuvaj područje selektovanog, za dalju upotrebu).

 Filter
Filteri koji nam pomažu da naša fotografija izgleda drugačije. Tu možemo naći sljedeće
opcije: blur (zamagliti), noise (dodati šumove)4, pixel (piskelacija), sketch (skicirati), sharpen
(izoštriti)…

 View
Kartica View sadrži alate koje su povezani sa načinom kako vidimo naše „platno“ u
Photosopu. Možemo uključiti opciju linijara, stvoriti vodiče (koji pomažu u preciznom
postavljanju nekog objekta) ili uključiti full-screen (preko cijelog ekrana).

 Window
Kartica Window ima dvije mogućnosti: pokazati ili sakriti dodatne prozore i organizovati
prostor kako mi želimo. Kako sve opcije nisu pokazane (a ima ih mnogo), koristeći Window,
možemo odrediti koje prozore želimo vidjeti ili sakriti.

4
Dodati efekat šumova (slično kao smetnjama na tv-u)

8
 Photoshop

2.2. Palete (Palletes)

Palete su grupa alata pomoću koji editujemo5 našu fotografiju. Izdvajaju se dva bitna dijela:
Color Pallete (Paleta boja) i Layers and Adjustments Pallete ( ne znam kako da prevedem
ovo)

 Color Pallete
Paleta boja je prostor gdje možemo odabrati ili
mijenjati novu boju te promjeniti boje pozadine
(background color) i boje prednje strane (foreground
color). Te boje cemo kasnije koristiti kao boje četkice.

Slika 7.: Paleta boja

 Layers and Ajustments Pallete

Paleta Slojeva (Layers Pallete) je dom svih informacija o slojevima. Možemo ih vidjeti i
organzirati kako mi želimo. Također, ovdje možemo slojeve stvoriti, sakriti, pokazati,
kopirati, spojiti itd.6

Paleta prilagodbi (Adjustments pallete) je mjesto gdje možemo odabrati prilagodbe koje
želimo dodati slojevima. Ova paleta ima opcije mijenjanja svijetlost, kontrasti, balans boja,
nijanse, zasićenja itd.

Slika 8. : Paleta prilagodbi Slika 9. : Paleta slojeva

5
eng. Edit – urediti, srediti
6
više o slojevima u poglavlju broj 3.

9
 Photoshop

2.3. Alati (Toolbox)

Alatni okvir se obično nalazi na lijevoj strani prozora i
sadrži mnogo alata koji mogu pomoći pri uređivanju
fotografije. Kada je jedan od alata trenutno odabran,
izgleda poput pritisnutog dugmeta (Button). Željeni alat
možemo odabrati klikom lijeve tipke miša ili prečicama
sa tastature. Ako nismo sigurni šta ikonica alata
predstavlja, potrebno je namjestiti pokazivač mipa
preko nje i pojavit će se „oblačić“ (Tool tip) sa imenom
alata i njegovom prečicom. Evo i nekih osnovnih alata i
njihovih objašnjenja:

Slika 10.: Izgled alatnog okvira

Prvi alat na paleti alata je Rectangular Marquee Tool, ili alat za selekcije. Alat
za selekciju nam omogućava da selektiramo, tj. označimo željene pixele.
Uočavamo odmah da neki alati imaju u donjem desnom kutu strelicu, dok ostali
nemaju. To nam sugerira da se još neki alati nalaze pod istom grupacijom tj. možemo izabrati
eliptični način selekcije ili jedan red/kolonu. Držeći tipku Shift na tastaturi, možemo pravilno
napraviti oblik selekcije koji zelimo.

Lasso Tool (uže) manje-više prati pokret miša te radi selekciju. Unutar ove opcije,
postaje još alati koji vrši seleckiju pomoću kontrolnih tačaka. (Polygonal Lasso
Tool – sam program određuje kontrolne tačke i Magnetic Lasso Tool – mi sami
određujemo kontrolne tačke)

Crop (rezati) je vrlo sličan alat kao i Select tool, razlika je što radi selekcije, ali
nakon odobravanje selekcije veličina slike (canvas) se smanjuje na samo
odabrano, tj. selektirano područje.

U Brush Tool nalazimo Brush i Pencil Tool (mi bi rekli kist i olovka), jednih od
najosnovnijih alata za crtanje. U gornjem izborniku za oba alata biramo vrstu,
veličinu, opacity (vidljivost), te flow (brzina nanošenja boje).

10
 Photoshop

Eraser Tool (alat za brisanje) - briše pixele. Unutar nje postoje dvije dodatne
opcije: Background Eraser Tool ( s kojim možemo obrisati pozadinsku sliku)
Magic Eraser Tool (briše se područje sa sličnim bojama oko tačke gdje smo
spustili kursor miša).

Dodge Tool („izbjeći alat“) ima tri alata, Dodge, Burn i Sponge Tools, služe za
fino editiranje slika. Dodge alat (kako prevesti ovo) služi za osvjetljivanje nekog
područja. S druge strane sa Burn alatom, potamnjujemo područje. Kod Sponge
alata, imamo opcije Saturate te Desaturate. Kod Saturate varijante naravno dodajemo
boju dok kod Desaturate pretvaramo sliku u crno bijelu.

Pen Tool („olovka alat“) – alat koji omogućava da ispunimo, izbrišemo ili
napravimo odabir (selekciju) na fotografiji. Omogućuje veliku preciznost pri
selekciji speficičnih odabira i linija i zapravo može uštedjeti puno vremena. Unutar
nje, postoje nekoliko dodatnih opcija, kao što su: Pen Tool (omogućava stvaranje krivih linija
i oblika, u vektorskom obliku), Freeform Pen Tool (slično kao i Pen Tool, uz dodavanje
kontrolnih tačaka) i Add Anchor Point Tool ( dodavajući dodatne tačke, možemo napraviti
dodatne krive linije)

Horizontal Type Tool (alat za tekst) – grupa alata koja se bavi tekstom. Postoje
opcije horizontalnog i vertikalnog unošenja teksta.

Hand Tool (alat za pomjeranje) – najlakši način za pomjeranje po platnu. Sa

njime možemo micati gdje god želimo i koliko želimo.

Zoom Tool – služi za uvećanje i smanjenje dokumenata. Maksimalno je 1600%,

dok minimalno zavisi od same fotografije te njegove veličine.

Blur Tool U ovoj grupaciji alata nalazimo Blur, Sharpen i Smudge Tool.
Blur zamutnjuje, Sharpen izoštruje, dok, Smudge "razmazuje" dijelove slike koje
mi želimo.

11
 Photoshop

2.4. Primjeri korištenja

Sada ćemo objasniti na nekoliko primjera primjenu ovih alata.

 Primjer broj 1. :

Na sljedećoj slici želimo skloniti pozadinu, skratiti

sliku i potamniti lice ove djevojke. Pošto je
pozadina jedne boje, koristit ćemo Eraser Magic
Tool i selektovati pozadinu.

Nakon što smo tu uradili, koristimo Burn Tool i

potamnujemo lice djevojke prema našoj želji.

Sada možemo koristiti Crop Tool i „odrezati“ ovo

sa strane.

I ovo je krajnji rezultat.

Slika 11. : Etape primjera broj 1.

12
 Photoshop

 Primjer broj 2. :

Ako želimo na ovoj slici da selektujemo jedno od

ovih osoba i da stavimo na pozadinu koju mi
želimo, prvo moramo izabrati Lasso Tool i okružiti
osobu koju želimo.

Nakon što okružimo osobu, pomoću kratice na

tastaturi za kopiranje (CTRL+C), sačuvat ćemo na
selektovani dio.

Napravimo novo „platno“ (File -> New )

izaberemo željenu veličinu, rezulociju...

Nakon što otvorimo novo platno, pomoću kratice

na tastaturi za lijepljenje (CTRL+V), nalijepimo
našu selektovanu osobu na novome platnu.

Slika 12.: Etape primjera broj 2.

13
 Photoshop

5. Layers (Slojevi)
Slojevi u Photoshopu mogu se zamisliti kao nekoliko prozirnih plastičnih listova poslaganih
jedan na drugog. Na svakom od njih može se crtati, slikati, umetati gotove slike, podešavati
jačina svjetla, kontrast, pisati tekst i slično. Pomoću njih mogu se izvesti bezbrojne
manipulacije, mogu se slagati kolaži i drugo. Manipulacija slojevima može se poistovjetiti sa
fotomontažom7, jer je skoro nezamislivo danas uraditi fotomontažu ne koristeći tehniku
višestrukih slojeva, u kombinaciji sa drugim alatima.

Koncept slojeva u Photoshopu omogućava rad na jednom elementu slike tj. na jednom sloju
bez potrebe da se mijenjaju drugi elementi slike tj. drugi slojevi. Sve informacije o slojevima
možemo naći u paleti slojeva.

Sloj jednostavno rečeno predstavlja sliku stavljanu iznad neke druge slike. Zamislite da imate
komad papira koji ste obojili u crveno. Zatim, uzmite čistu foliju i na njoj obojite žuti krug i
stavite ga preko papira. Na kraju uzmite novu foliju i na njoj napišite tekst plavom bojom.
Sada imamo pozadinu (background) crvene boje i 2 sloja (layers) žuti i plavi baš kao na slici
ispod.

Slika 13. : Primjer za slojeve

A - Neprozirnost sloja (Opacity)

B - Ispunjenost sloja (Fill)

C - Sloj

D – Pozadina (Background)

E – Način blendanja (Blend Mode)

Slika 14. : Izgled palete slojeva s njenim dijelovima

14
 Photoshop

A – Dodavanje stila sloju

B – Dodavanje maske sloju

C – Izrada skupa slojeva

D – Dodavanje prilagodbi slojeva

E – Izrada novog sloja

F – Brisanje sloja

Slika 15. : Dodatni alati u paleti slojeva

2.1. Osnovne operacije sa slojevima

 Pravljenje novog sloja:

iz menija Layer  New  Layer ili kliknuti na dugme za izradu novog sloja u paleti Layers

 Dodavanje slike drugoj slici:

na izvornoj slici selektovati dio koji želimo prebaciti na odredišnu sliku i pomoću naredbe
Copy/Paste zalijepiti na odredišnu sliku ili selektovani dio odvući na odredišnu sliku
(Drag&Drop, povuci i spusti)

 Skrivanje i prikazivanje sloja:

kliknuti na ikonu oka ispred smanjenog prikaza sloja na paleti Layers

 Ispunjenost sloja (Fill):

utiče na neprozirnost piksela na sloju, bez obzira na neprozirnost efekata dodanih sloju.

15
 Photoshop

 Neprozirnost sloja (Opacity):

Neprozirnost sloja odnosi se na nivo neprozirnosti gornjeg sloja i otkrivanje/sakrivanje donjeg

sloja. Neprozirnost 1% znači da je sloj skoro proziran, a 100% da je sloj neproziran.Mijenja
se pomoću klizača Opacity na paleti Layers – sloj mora biri aktivan. Pozadini ne možemo
mijenjati neprozirnost, osim ako je ne pretvorimo u sloj (Layer  New  Layer from
Background)

 Stilovi sloja (Layer Style) :

Dodatne opcije pri miješanju slojeva i stilovi sloja omogućuju dodavanje različitih efekata sloju poput
senki, izbočenja, popunjavanja i slično. Dijaloški okvir stila slojeva (Layer Style) poziva se pritiskom
na dugme pri dnu palete i odabirom Blending Options ili desnim klikom miša na sloj te odabirom
Blending Options.

3.1. Blend Mode (Način preklapanja)

Slojevi, kao i ostali objekti, se mogu preklapati na mnogo različitih načina. Ta funkcija se
zove blend mode (način preklapanja) i ona se kao svojstvo može pridružiti slojevima. Rezultat
ove funkcije je preklapanje podataka (piksela) iz jednog sloja sa podacima iz drugog sloja koji
je odmah ispod njega. Na taj način pikseli u jednom sloju promijene boju ovisno o boji
piksela u sloju ispod.

Da bi se ostvarilo preklapanje potrebno je označiti sloj koji će se preklapati sa slojem ispod

njega. Zatim se u paleti sa slojevima klikne na strelicu desno od riječi Normal i izabere se
način preklapanja.

Slika 16.: Način korištenja Blend Mode-a

16
 Photoshop

6. Filteri (Filters)

17