VISOKA POSLOVNO-TEHNIČA ŠKOLA
STRUKOVNIH STUDIJA
UŽICE
DIPLOMSKI RAD
Student: Mentor:
Obućina Miloš Prof. dr
Radosavljević Damnjan
IN 05/08
April , 2012
Sadržaj
1. Photoshop ................................ 2
2. Istorija Photoshop-a ................ 3
3. Format fajla ............................. 7
4. Alatke u Photoshop-u .............. 8
5. Primer rada u Photoshop-u ( 1 )... 12
6. Primer rada u Photoshop-u ( 2 )... 19
7. Primer rada u Photoshop-u ( 3 )... 38
8. Literatura ................................... 55
1
Istorija Photoshop-a
1987.
- Thomas Knoll razvija "
Display
" - program za prikaz gray-scale kompjuterskih slika na
crno belom bitmap monitoru. Program radi na računaru
Mac Plus
.
1988.
- Prerađena i unapređena verzija "Display"-a postaje "
ImagePro
".
1989.
- Firma
BarneyScan
otkupljuje oko 200 licenci programa i pod imenom "
Barneyscan
XP
" isporučuje ga kao pomoćni program uz svoje slajd skenere.
1989.
- Braća Knoll potpisuju ugovor sa firmom
Adobe
o distribuciji njihovog programa
nazvanog "
Photoshop
". Sledećih 10 meseci intenzivno se posvećuju programiranju.
1990.
- Izlazi
Adobe Photoshop 1.0
. Sadrži (u to vreme) veliku paletu alata za izradu novih i
obradu postojećih slika.
1991.
-
Photoshop 2.0
. Nove i poboljšane mogućosti za rad na crno-belim slikama, podrška za
CMYK paletu boja i rasterizovanje
Ilustrovanih
dokumenata.
1993.
-
Photoshop 2.5
. Prva
Windows
verzija i verzija za nove
PowerPC
procesore u
Mekovima. Alati
Dodge
i
Bum
, maskiranje slike, podrška za 16-bitnu paletu boja.
1994.
-
Photoshop 3.0
. Dodan rad sa lejerima, koji donosi veliku popularnost programu. Novi
alati za korekciju kolora, nova paleta
Commands
, funkcija
drad-and-drop
.
1996.
-
Photoshop 4.0
. Dodatna paleta
Action
i lejeri
Adjustment
. Tehnologija
Digimarc
za
zaštitu
copyrighta
. Kontroverzna zamena skraćenica na tastaturi.
1998.
-
Photoshop 5.0
. Mogućnost
Undo
/
redo
, paleta
History
, tekst se unosi na poseban lejer
i može se menjati. Vertikalni tekst, alat
Magnetic Lasso, Color Managment
. Dodati efekti za
lejere (
shadow, glow, bevel, emboss
...)
1999.
-
Photoshop 5.5
. Integracija sa programom
Image Ready 2.0
. Alati za podršku izrade
Web grafike. Efekti za lejere, alatka
Extract. History brush
.
2000
.
-
Photoshop 6.0
. Integrisani alati za vektorsko crtanje, novi
toolbar
meni, poboljšan rad
sa Web, Webolija integracija sa ostalim
Adobe
programima, novi lejer management.
3
Verzija CS3
CS3 ima nove mogućnosti poput pojednostavljenog interfejsa, unapređen Camera
Raw, bolja kontrola nad opcijama za štampanje, poboljšana PDF podrška i bolje upravljanje
Adobe Bridge – om. Novi alati za editovanje u CS3 su paleta Klone Izvora (eng. Clone
Source palette) i nedestruktivni Pametni filteri (eng. Smart Filters) i druge mogućnosti kao što
su podešavanja svetlosti i kontrasta i unapređeni Vanishing Point modul. Kontorla opcije
crnobelog podešavanja je unapređena pomicanjem klizača kroz skalu sivih tonova, slično
kako kod Chanel Mixer podešavanja. Rad u Photoshop – u je olakšan s novim alatima kao što
je alat za brzo selektovanje (Quick Selection tool), alatom za poboljšavanje ivica (Refine
Edge tool) i unapređenom tehnologijom za spajanje slika.
CS3 Extended sadrži sve mogućnosti kao i CS3, plus alati za importovanje i obradu
3D grafika, poboljšavanje videa i alati za sveobuhvatnu analizu slika, korišćenje MATLAB
integracije i podršku DICOM datotekama.
4
Verzija CS5
Photoshop CS5 je lansiran 12. Aprila 2010. U videu postavljenom na zvaničnoj
facebook stranici, razvojni tim je otkrio nove tehnologije u razvoju, uključujući
trodimenzionalne četke i alat za savijanje.
U maju 2011. izbačen je Adobe Creative Suites 5.5 (CS5.5) koji sadrži nove verzije
pojedinih aplikacija. Međutim Photoshop koji dolazi sa njim (označen kao verzija 12.1)
identičan je istovremeno objavljenom update-u za Photoshop CS5, verzija 12.0.4, osim za
podršku za novu pretplatu cene koja je uvedena sa CS5.5.
Novine u verziji CS5
Verzija "Basic"
Content-aware fill i Content-aware Spot healing brush
Photoshop popunjava odabrano područje pomoću algoritma koji pronalazi slične okolne
delove slike i popunjava odabrano s njima.
Puppet Warp
Mogućnost deformacije dela slike (npr. osobe izrezane iz pozadine)
Novi dijalog "Refine edge"
6
Pomoću novog "Refine edge" dijaloga možemo poboljšati odabir dlake, kose ili nekih objekta
koje je teško odabrati ručno.
Format Fajla
Photoshop fajlovi imaju fajl ekstenziju .PSD, što je skraćenica za “ Photoshop
dokument“. PSD datoteka skladišti sliku sa podrškom za većinu grafičkih opcija u
Photoshopu. Ovo uključuje slojeve sa maskama, bojevni prostor, ICC profile, CMYK mod
( koristi se za komercijalno štampanje ) , transparentnost, alfa kanale i duotona
podešavanja. Ovo je u kontrastu sa mnogim drugim formatima datoteka (npr. .EPS
ili .GIF) koji ograničavaju sadržaj da pruži unapređenu , predvidivu funkcionalnost. PSD
fajl ima maksimalnu visinu i širinu od 30.000 piksela.
Photoshop fajlovi ponekad imaju ekstenziju PSB, što je skraćenica za "Photoshop Big"
(takođe poznat kao "velikog formata dokumenat"). .PSB fajl proširuje PSD format, čime
se povećava maksimalna visina i širina do 300.000 piksela. To ograničenje je očigledno
izabrano od strane Adobe-a donekle proizvoljno, nije zasnovano na ograničenjima
računarskih aritmetičkih (nije blizu moći dva, kao što je 30.000), ali radi lakšeg testiranja
softvera. PSD i PSB formati su dokumentovani.
Zbog popularnosti Photoshop-a, PSD fajlovi su u širokoj upotrebi i imaju podršku u
izvesnoj meri od većine konkurentskih softvera. PSD formati datoteka se mogu izvoziti
do i od Adobe Illustrator, Adobe Premiere Pro i After Effects, da stručne standardne DVD-
ove i obezbedi nelinearno uređivanje i specijalne efekte usluge, kao što su pozadine,
teksture, i tako dalje, za televiziju , film i internet. Photoshop-ova glavna snaga je kao
piksel na bazi editora slike, za razliku od vektorske zasnovane slike urednika. Međutim,
Photoshop, takođe omogućava stvaranje, osnivanje, i manipulacije vektorske grafike
svojim stazama, Pen alata, oblik alata, oblik slojeva, tipa alata, komandu uvoza, i Smart
Object funkcija. Ove alatke i komande koje su pogodne kada želite da kombinujete piksel-
baziranih i vektorski slika u jednom Photoshop dokumentu, jer možda nećete morati da
koristite više od jednog programa. Međutim, ako želite da kreirate veoma složene
vektorske grafike sa brojnim oblicima i bojama, možete lakše da koriste softver koji je
kreiran pre svega za tu namenu, kao što su Adobe Illustrator, CorelDrav ili Ksara grupe
Designer Pro. Ako želite da uvezete složeni vektorski objekat u Photoshopu, možete da je
uvezete kao Smart Object. Dvaput kliknite na paletu slojeva u Photoshop-u da biste
otvorili objekat u svom originalnom softveru, kao što su Adobe Illustrator. Možete
napraviti promene. Kada sačuvate, Photoshop će ažurirati Smart Object.
7
Alatke za izbor
Označite ( obeležite ) deo slike pravougaonom alatkom za
izbor. (
restangular marquee tool
)
Obeležite deo slike elipsoidnom alatkom za izbor. Da bi
vaš izbor ( selekcija ) imao oblik kruga drzite SHIFT dok
obeležavate. (
elliptical marquee tool
)
Alatka za izbor jednog reda pixela na slici. (
single row
marquee tool
)
Alatka za izbor jedne kolone pixela na slici. (
single
column marquee tool
)
Alatka za obrezivanje slična pravougaonoj alatki za izbor.
Mogućnost pomeranja i rotiranja izbora. (
crop tool
)
Alatka za pomeranje izabranih delova slike ili sloja. (
move tool )
Laso - alatka za izbor nepravilnih oblika. (
lasso tool
)
Alatka za izbor oblika sa pravim stranama. (
pollygonal
lasso tool
)
Magnetni laso. Pri upotrebi ove alatke konture selekcije
se lepe za ivice objekta u prednjem planu. (
magnetic
lasso tool
)
Čarobni štapić. Ovom alatkom možete izabrati područje
na slici koje sadrži slično ili isto obojene pixele. Da bi
izabrali dva potpuno odvojena područja izaberite mišem
jedno područje a zatim pritisnite SHIFT + taster miša na
drugom. (
magic wand tool
)
Vazdušna četkića služi za raspršivanje boja na slici. (
airbrush tool
)
Slikarska četkica služi za slikanje mekih linija (
paintbrush
tool
)
Alatka za kloniranje. Kopira jedan deo slike na drugi. (
9
rubber stamp tool
)
Alatka za kloniranje šara. (
pattern stamp tool
)
Istorijska četkica. (
history brush tool
)
Gumica za brisanje. (
eraser tool
)
Olovka. (
pencil tool
)
Linija služi za povlačenje pravih linija. (
line tool
)
Alatka za zamagljivanje. Sluzi za smanjivanje kontrasta
između susednih pixela ( smanjivanje oštrine slike ). (
blur tool
)
Alatka za izoštravanje. Suprotno od predhodne ova alatka
služi za povećavanje kontrasta između pixela. (
sharpen
tool
)
Alatka za razmazivanje služi za razmazivanje boje unutar
slike. (
smudge tool
)
Alatka za posvetljivanje služi za posvetljivanje pixela na
slici. (
dodge tool
)
Alatka za zatamljivanje služi za zatamljivanje pixela na
slici. (
burn tool
)
Sunđer služi za smanjivanje zasićenosti na slici tako da
boje postaju umrtvljenije. (
sponge tool
)
Pero služi za postavljanje tačaka u prozoru sa slikom.
Kasnije tu putanju možete da pretvorite u konturu
selekcije ili da je obojite. (
pen tool
)
Magnetno pero radi istu stvar kao i magnetno laso s` tom
razlikom što ovde putanja može da se menja. (
magnetic
pen tool
)
Pero za slobodne oblike. (
freeform tool
)
Alatka za ubacivanje tačke služi da ubacite tačku u
putanju. (
add anchor point tool
)
Alatka za izbacivanje tačke ima suprotnu ulogu od
10
Ruka služi za pomeranje prozora da bi videli ostale delove
slike. (
hand tool
)
Alatka za zumiranje. (
zoom tool
)
Primer rada u Photoshop-u ( 1 )
Korak 1
Kreirati dokument u Photoshop-u. Rezolucija neka bude
1920x1200 pixels
. Popunite lejer pozadine
sa veoma tamno sivo bojom, a ne sa crnom. Ako ga popunite sa crnom efekat neće raditi. Boju koju
sam koristio je
#262626.
12
Korak 2
Selektirati alatku
Ellipse Tool (U)
, i napraviti krug. Obojite krug crnom bojom i idite na
Layer>Layer
Style>Blending Options
. Promeniti
Fill Opacity na 50%.
Posle toga selektirati
Stroke
. Odabrati
10
pixels za veličinu, Inside za Position i crnu kao boju.
13
Korak 5
Pre nego što počnete da bojite vaše boheks napravite novi layer i popunite ga sa bojenim gradientom.
Moja podešavanja koja sam koristio za gradient su:
Blend Mode je Overlay, Opacity je 100%, Style
je Linear, i ugao je 45º
. Boje koje sam koristio su:
Žuta (#00085), Cijan (#1bdaeb), Ljubičasta
Purple (#9b3b81), Narandžasta (#d27e34).
15
Korak 6
Napravite novi
Folder
u vašoj Lejer Paleti. Preimenovati folder u Bokehs i promeniti
Blend Mode u
Color Dodge.
Napravite novi lejer, onda izaberite belu za boju i selektirajte
Brush Tool (B).
Sada
samo obojite nekoliko elipsa sa vašom novo-napravljenom četkicom. Za ovaj lejer koristite veliku
veličinu npr. 50-60px.
Korak 7
Idite na
Filter>Blur>Gaussian Blur.
Za ovaj lejer koristite
20 pixels za Radius.
16
Primer rada u Photoshop-u ( 2 )
19
Korak 3
Sa slikom1 aktivnom, duplirajte “background” lejer. Podesite foreground i background boju
na crnu i belu tako što će te pritisnuti taster
D
na tastaturi. Kliknite na “background” lejer opet
i popunite ga sa foreground bojom – koja je podešena na crnu.
21
Korak 4
Reaktivirajte "Layer 1", onda pritisnite
Ctrl + Shift + U
da biste primenili desaturate
komandu. Sada invertujte boje pritiskajući
Ctrl + I
.
22
na Hard light
. Sa ovim dobijate sliku sa kontrastnim belim linijama i sa veoma crnom
pozadinom.
Korak 6
24
Da biste belim linijama dali više kontrasta, duplirajte "Layer 1" kopiju, i onda promenite
Blending Mode na Screen
.
Korak 7
Sada prelazite na drugu sliku. Prevucite sliku2 u sliku1 koristeći
Move tool
alatku. Ako vam
se pojavi eror dijalog slobodno pritisnite
OK
da biste nastavili.
Korak 8
25
Kliknite na "Layer 2 copy" da biste ga aktivirali, onda koristite Free Transform komandu
(
Edit > Free Transform
) da biste rotirali i promenili velićinu vatrene slike. Ne zaboravite da
pritisnite
Enter
kada ste završili sa transformacijom.
Korak 11
Još uvek u istom lejeru, sada koristite warp komandu (
Edit > Transform > Warp
) da biste
savili vatrenu sliku – tako da bi pratila kosu. Pritisnite
Enter
kada ste završili. Pogledajte
sliku ispod kao primer.
27
Korak 12
Duplirajte "Layer 2" copy, onda koristite
Free Transform
komandu da biste rotirali i
promenili veličinu vatrene slike u trenutnom lejeru. Kada budete dobili ovaku kompoziciju
kao na slici ispod, pritisnite
Enter
.
28
Korak 14
Sada kliknite na "Layer 2" i napravite ga vidljivim opet. Promenite
Blending Mode na Vivid
Light
. Ovaj korak će obojite bele linije u lejeru ispod.
30
Korak 15
Još u "Layer 2", primenite
Free Transform
komandu da biste rotirali i promenili veličinu
slike kao što je prikazano u slici ispod. Cilj ovoga je da prekrijete telo i kosu devojke sa
vatrenim teksturama. Pritisnite
Enter
kada ste završili sa transformacijama.
Korak 16
Sada će te zamagliti vatrenu sliku u "Layer 2". Da biste to uradili primenite Gaussian Blue
filter -
Filter > Blur > Gaussian Blur
meni. Promenite
Radius
na 10 pixela, ako ste
završili sa tim pritisnite
Ok
. Zamagljujući vatrenu sliku omogući će te njenim teksturama da
se lakše mešaju sa lejerom ispod.
31
Korak 18
Naravno da ćete ukloniti bele linije prikazane na slici (označene u crvenom kvadratu u slici
ispod ). Prvo dodajte novi prazan lejer ispod "Layer 2". Tada jednostavno obojite bele linije
crnom bojom koristeći meku – okruglu
Brush tool
.
33
Korak 19
Sada kliknite na gornji lejer (kod mene je: "Layer 2 copy 6"), dodajte dva lejera za
podešavanja koja su
Hue/Saturation i Brightness/Contrast
. Pazite da ne promenite redosled
lejera za podešavanje ili bojeni efekat neće biti u redu. Na slici ispod možete videti postavku
koju sam koristio da biste mogli da završite ovaj korak, i obratite pažnju na redosled lejera za
podešavanja.
34
Korak 21
Sada će te koristiti modifikovanu četkicu koju smo napravili u prethodnom koraku, napravite
novi lejer ispod lejera za podešavanja. Odaberite 50% sive iz swatches paleta, nakon toga
možete početi sa kreiranjem vatrenih varnica. Zapamtite da ne budete monotoni, promenite
36
veličinu četkice ako je potrebno. Ja sam počeo koristeći četkicu velike veličine, zatim je
smanjio na manju veličinu.
Korak 22
37
Primer rada u Photoshop-u ( 3 )
Korak 1
Otvorite Photoshop i kreirajte novi dokument, rezoluciju koju sam koristio je
1024x1024 pixels.
Pozadinu obojite crnom bojom.
Korak 2
Sa
Ellipse Tool (U)
kreirajte krug na sredini dokumenta.
40
Idite na
Layer>Layer Mask>Hide
opciju.
Korak 5
Da biste napravili efekat metalik granice koristićete Layer Styles. Idite na
Layer>Layer Styles>Drop
Shadow.
Nakon toga samo pratite vrednosti na slici ispod. Koristi
ćete Inner Shadow, Bevel and
Emboss and Color Overlay.
42
Korak 6
Na slici ispod je prikazan efekat koji će te da dobijete nakon završenog
Koraka 5.
43
Duplirajte krug i napravite ga da bude manji od crnog, zatim idite na
Layer>Layer Style>Gradient
Overlay.
Boje koje sam koristio
#7a5511 za svetlo braon i #180f00 za crnu
. Za druge vrednosti
pogledajte sliku ispod.
Korak 9
45
Dodajte novi lejer preko kruga sa gradientom i nakon toga idite na
Layer>Create Clipping Mask
.
Sada sa
Brush Tool (B)
koristeći mekanu četkicu
#7a5511
boje, obojite središni deo kruga (1).
Takođe dodajte novi lejer i obojite sa istom bojom ali sa 5% Opacity preko metalne granice (2) da bi
se dobio braon odraz.
Korak 10
46
Sa
Ellipse Tool (U)
dodajte krug u centru radara, boja ovde neće puno značiti zato što će te koristi
lejer stilove da je promenite.
Korak 12
48
Za ovaj krug prva stvar koju treba da uradite je da promenite
Fill Opacity na 0,
zatim dodajte
Outer
Glow, Inner Shadow i Stroke.
Za vrednosti koristite sliku ispod.
Korak 13
49
Dodajte još elementa da biste radar učinili još stvarnim.
Korak 16
Napravite novi kvadrat koristeći
Rectangle Tool (U)
i rotirajte ga za
45º.
Kvadrat će takođe biti unutar
foldera sa
Color Dodge
koji ste kreirali u
Koraku 10.
Korak 17
51
Sada sa
Pen Tool (P)
napravite oblik koji pokriva deo jednog kvadranta plus
45º
kvadrata koji ste
kreirali u prethodnom koraku.
Korak 18
Idite na
Layer>Layer Styles>Blending Options.
Promenite
Fill Opacity na 0
zatim idite na to
Gradient Overlay.
Koristite
Angle za Style 50º
i
55% Opacity,
takođe pogledajte na slici ispod kako
sam podesio gradient boje.
Korak 19
52
Sada primenite još lejer stilova da biste dodali više metalik izgled radaru. Koristite sliku ispod za
vrednosti.
Korak 22
54
Na slici ispod možete videti izgled granice nakon primene lejer stilova.
Korak 23
Sada napravite krug sa istim prečnikom kao onaj što sadrži radarske elemente, zatim primenite
Gradient Overlay
na njega koristeći belu boju za početnu i zadnju boju ali sa različitim vrednostima sa
vidljivostom , od 0 za početak do 100 za kraj. Posle toga ga smanjite samo malo horizontalno. Nakong
toga koristeći
Elliptical Marquee Tool (M)
kreirati selekciju kao na slici ispod i sakriti delove selekcije
sa lejer maskom
(Layer>Layer Mask>Hide Selection)
.
Korak 24
55
