Osnovna Upotreba Ps - A Deo Iz Praktikuma

8/2/2019 Osnovna Upotreba Ps - A Deo Iz Praktikuma

1/31

OSNOVNA UPOTREBA PROGRAMA ADOBE PHOTOSHOP

1. Uvod

2. Rad sa fajlovima (File/New-Open-Save)

3. Osnovna paleta alatki (selekcija, zoom, izbor boje, bojenje, pozadina)4. Osnovne komande za obradu slike (Image)

5. Slojevi i tekstualni efekti (tekst)

6. Filteri

1. UVOD

Veina rasterskih slika, bez obzira na nain nastanka (skeniranje, digitalna fotografija,hvatanje sadraja ekrana) zahteva neku vrstu obrade pre upotrebe. To moe biti obino

prilagoavanje digitalnog formata (isecanje, promena kolor modela), retuiranje radi poboljanja izgleda ili uklanjanja nedostataka, komponovanje slike iz vie izvora, kao i

primena posebnih filtera radi postizanja posebnih vizuelnih efekata.Adobe Photoshop je program za obradu rasterskih slika. Predstavlja sloen i veoma obiman

programski proizvod, pa ovladavanje velikim brojem njegovih funkcija zahteva veomamnogo vremena.

Za potrebe vebi i uspeno korienje programa nije potrebno poznavati sve njegovemogunosti, ve je dovoljno ovladati osnovnim funkcijama neophodnim za najee obraderasterskih slika u tipinim poslovnim primenama, kao to su izrada poslovnih prezentacija idizajn Web stranica.

Osnovni elementi interfejsa su: radna povrina, osnovna meni linija, paleta alatki, linija s

opcijama i plivajue palete.Osnovna meni linija

Osnovne komande se mogu pokrenuti meni linije, a neke od njih i na druge naine (preice iiz palete alatki).

MenijiFile,Edit, View, Window iHelp imaju uobiajenu namenu, kao i kod drugih Windowsaplikacija.

U meniju Image su nalaze osnovne komande za podeavanje vizuelnih karakteristika slike,dok su u menijima Layer, Select i Filter brojne specifine komande za rad sa rasterskim

slikama.Kreiranje nove slike i pristup fajlovima sa rasterskim slikama ostvaruje se preko komandi umeniju File (na sledeoj slici), u kome se nalaze i druge komande, kao to su komande zakonverziju i tampanje.


2/31

2. RAD SA FAJLOVIMA

Razmotrie se samo osnovni skup komandi programa za rad s fajlovima - New, Open iSave/Save-As.

New

Kreiranje nove rasterske slike vri se komandom File/New, nakon ega se pojavljuje dijalogkao na slici.

Podrazumevajue vrednosti za dimenzije slike i kolor model se postavljaju prema poslednjojslici koja je smetena u Clipboard, a ime je Untitled-(redni broj). Pozadina moe biti bela,trenutna boja pozadine ili providna.

Open

Otvaranje fajlova sa rasterskim slikama vri komandom File/Open, kroz standardni dijalogkao na slici.


3/31

Save

uvanje sadraja nove slike prvi put se vri komandom File/Save As, koja dozvoljavaizbor tipa i imena fajla na koji e se slika zapamtiti. Ako se modifikuje postojea slika, ovomkomandom se dobija kopija, tako da originalni fajl ostaje netaknut.

Najei tipovi fajlova su:

Photoshop Document (*.psd) interni format programa Photoshop, koga mnogeaplikacije ne podravaju, ali je pogodan kao radni format jer omoguava potpuno

pamenje svih svojstava i aspekata obrade slike potrebnih za dalji rad.

JPEG (*.jpg) pamenje slike sa visokim stepenom kompresije, uz gubitak vernosti slikeoriginalnoj. Visok stepen kompresije omoguava laku razmenu i poslovnu upotrebu


4/31

velikih slika, kao to su fotografije visoke rezolucije u punom koloru. Nivo gubitaka sezadaje kao parametar Quality.

GIF (*.gif) standardni format za izradu ilustracija i rasterskih animacija na Web-u.Ograniena je veliina i broj boja, ali se dobijaju veoma kompaktne slike za koje nisu

potrebni dodatni programi za prikaz na Web-u.

PNG (*.png) standardni format za razmenu slika na Web-u. Omoguava vee fajlove,progresivno kodiranje vei i broj boja nego GIF.

TIFF (*.tif) za pamenje bez gubitaka u kvalitetu (pogodno npr. prilikom skeniranja).

3. OSNOVNA PALETA ALATKI

Paleta alatki je skup tastera koji slui za brzi izbor odgovarajue funkcije ili grupe funkcijaprograma.

p a l e t a

geometrijska selekcija premetanjeslobodna selekcija selekcija po boji

opsecanje rasecanje

popravke etkica/perouzorak/otisak istorijska etkica

gumica za brisanje bojenje jednom bojomretuiranje bojenje slikarskim efektima

put tekstpero geometrijske figure

beleke pipeta za uzorak bojeruka- uveanje/umanjenjepostavljanje boje za objekte

(foreground) i pozadinu(background)

normalni prikaz i na celomekranu (sa i bez meni linije)

izrada animacija (ImageReady)

Najee se koriste razliite vrste selekcije (geometrijska, slobodna, po boji), uveanje (slike

ili svih prozora), selekcija boja sa slike (pipeta), slikarski alati za bojenje (etkica, pero,kantica i prst) i izbor podrazumevajue boje figura i pozadine (foreground/background).


5/31

1. Selekcija

Selekcija slui da se izabere region - deo slike na kome e se izvriti neka operacija.

geometrijska selekcija

Selekcija dela rasterskeslike pravouglog ilielipsastog oblika,

odnosno pojedinanogreda/kolonepixel-a.

Selekcija se odreujeklikom na poetak regiona selekcije i

pomeranjem mia dokraja selekcije (prikazujese trepuomisprekidanom linijom).

slobodna selekcija

Selekcija dela slikeproizvoljnog oblika.

Odreuje se:

opisivanjemgranicaslobodnom rukom(Lasso),

u obliku poligona(Polygonal) ili

slobodno, uzkorekciju granice

po najveoj

promeni boje ikontrasta(Magnetic Lasso)

selekcija po boji

Selekcija delovarasterske slikeiste ili sline

boje kao pixelna koji se kliknemiem (MagicWand).

Parametrima seodreuje da li se

biraju samosusedni ili svi

pixel-i slikezadanihkarakteristika.

Prilikom selekcije regiona koriste se pomoni tasteri Shift i Alt. TasterShift se koristi kada je potrebno da geometrijski region bude pravilna krunica ili kvadrat, dok je neprekidnopritisnut Alt potreban za selekciji vie odvojenih podruja slike istovremeno.

Opercije se vre nad izabranim podrujem, dok ostatak slike ostaje netaknut. Pomou funkcijeSelect/Inverse, vri se zamena uloga selektovanog podruja i ostatka slike, poto je ponekadlake oznaiti deo slike na kome ne treba izvriti neke operacije.

Za preciznija podeavanja i pregled slike koristi se alatka za definisanje pogleda na sliku(Zoom) uveanja ili umanjenja po izabranim kriterijumima.

2. Linija sa opcijama

Prilikom izbora alatke iz palete, pojavljuje se ispod meni linije pripadna linija za definisanjedetalja izvrenja operacije, u kojoj se vide trenutne vrednosti, koje se mogu promeniti.

Npr. za uveanje/umanjenje (Zoom), pojavljuje se linija kao na slici, gde se moe izabratiumanjenje umesto uveanja, kao i jednim klikom mia na opciju promeniti pogled na sliku utekuem prozoru ili svim otvorenim prozorima odjednom.


6/31

3. Plivajue palete

Posebna grupa malih prozora su "plivajue" palete alatki, iji spisak je u meniju Windows.Mogu se otvarati i zatvarati, smanjiti na veliinu naslova prozora i premetati po radnoj

povrini.

Imaju podpanele ( panel tabs), pomou kojih se dodatno razvrstavaju raspoloivefunkcije.Osim toga, svaka plivajua paleta ima meni sa opcijama, koji se aktivira desnimklikom mia na trouglasti taster u gornjrm desnom uglu, kao na slici.

Prikazuju se i sakrivaju pomou menija Window. Obino su stalno prikazane paleteNavigator, Colors,History iLayers, sa svojim podpanelima.

4. Bojenje i izbor boje

Aktiviranjem izbora boje (iz palete alatki ili nekog menija) pojavljuje se dijalog za izbor bojeu HSB, RGB, Lab ili CMYK kolor modelu.

Boja se moe izabrati pomeranjem upravljakih kontrola za izbor boje na panelu dijaloga ilidefinisati unoenjem numerikih vrednosti za komponente boje u nekom od kolor modela.Izborom opcije Only Web Colors ograniavamo izbor boja na ogranienu paletu, koju

podravaju i starije verzije Web itaa.

4. OSNOVNE KOMANDE ZA OBRADU SLIKE (IMAGE)

Meni Image

Veina osnovnih funkcija za manipulaciju rasterskim slikama nalazi se u meniju Image.Pomou njih se mogu menjati mnoga svojstva rasterske slike i vriti razliita podeavanja,kojima se dobija konana potpuno obraena slika.

U ovom delu e se najkrae opisati namena i upotreba najee korienih funkcija iz menijaImage: Mode (izbor kolor modela), Adjustments (razliita podeavanja), ImageSize


7/31

(podeavanje prostorne rezolucije i dimenzija slike), Rotate Canvas (rotacija) i Crop(isecanje).

1. Mode je jedna od najeih funkcija, kojom se menja osnovni kolor model slike.

Na slici se vidi da je slika na kojoj se trenutno radi zapamena u modelu RGB Colorsa 8 bita

za svaku od osnovnih boja, ukupno 24 bita po jednom pikselu slike. Model CMYKima etirikomponete, pa zahteva 32 bita po pikselu. Izbor 16 bita po osnovnoj boji udvostruavapotrebnu memoriju za rad i pamenje slike.

Osim navedenih modela, esto se koriste: Bitmap, koji zahteva 1 bit po pikselu, Grayscale sa8 bita po pikselu za prikaz 256 nivoa sivila monohromatske slike iIndexed Color, sa 8 bita po

pikselu za prikaz slike u boji pomou podskupa od 256 izabranih boja iz pune RGB palete.

2. Adjustments

U ovom podmeniju se nalazi skup funkcija za promenu i podeavanje vizuelnog izgledarasterskih slika. Najvanije funkcije su odvojene u prvom delu menija.

Levels

Efikasan nain za istovremeno podeavanje osvetljenosti i kontrasta slike je funkcijaImage/Adjustments/Levels (preica Ctrl-L), nakon ega se otvara sledei dijalog.


8/31

U prikazu se vidi ukupna raspodela nivoa osvetljenja od tamnog (0) do svetlog (255).Podeavanje nivoa se vri pomou tri pokazivaa zatamnjenja (shadows), sivih tonova(midtones) i svetlih tonova (highlights). Pomeranjem pokazivaa ulevo postavlja sesvetlija vrednost, a udesno tamnija.

Beli pokaziva je za svetle tonove. Njegovim pomeranjem ulevo osvetljavaju se najvieosvetljena podruja slike. Ovom tehnikom se mogu ukloniti neke greke skeniranja, npr.nepoeljni tekst koji se providi s druge strane papira.

Crni pokaziva slui za podeavanje nivoa osvetljenosti tamnih delova slike, odnosnozatamnjenosti senki.

Sivi pokazivaslui za podeavanje nivoa osvetljenosti podruja sa srednjim vrednostimaili sivih tonova. Njegovo pomeranje menja veinu vrednosti nivoa osvetljenosti na slici,ime se menja kontrast cele slike.

Opcija Preview omoguava praenje podeavanja na samoj slici, pre nego se izaberukonane vrednosti sa OKili odustane saReset.

Color Balance

U radu sa kolor slikama korisna je mogunost uticaja na pojedine komponente boje,odnosno mastila. Ponekad slike izgledaju kao da imaju previe neke komponente, npr.crvene ili ute.

Korekcija se vri pomou Image/Adjustments/Color Balance (Ctrl-B), nakon ega sepojavljuje dijalog.

Opcija Preview omoguava praenje podeavanja na samoj slici. Balans se menjapomeranjem klizaa od jedne komponente ka drugoj.


9/31

Pri tome se mogu izabrati podruja slike na koja se izmene odnose tamni tonovi(shadows), srednji tonovi (midtones) ili svetli tonovi (highlights). Npr. za plave primesesenki, treba poveati sadraj ute boje (smanjuje seudeo plave).

Kada je podeavanje zadovoljavajue, potvruje se sa OK.

Brightness/Contrast

3. Image Size

Za podeavanje prostorne rezolucije i dimenzija slike koristi se opcija Image/Image Size.

Pojavljuje se dijalog za izbor parametara.

OkvirPixel Dimensions slui za direktnu promenu veliine digitalne slike u pixelima ili procentima, a okvirDocument Size za promenu veliine i rezolucije slike u izabranimprostornim jedinicama (cm, mm, inches, points, pixels itd).

Kod promene dimenzija, ukoliko je ukljuena opcija Constrain Proportions, promena jedneod dimenzija automatski menja drugu. Ukoliko opcija nije ukljuena, dimenzije se menjajunezavisno, ali tako da se ne izgubi nijedan piksel.

Prostorna rezolucija slike u dpi (dots-per-inch) ili ppi (pixels-per-inch) podeava se uzavisnosti od namene ili dalje upotrebe.

Poto klasini monitori mogu da prikau svega 72-120 dpi, za slike namenjene Web-u nijepotrebna velika rezolucija, koja samo optereuje komunikaciju. Za dobar kvalitet tampedovoljan za kuu i potrebe nastave, dovoljna je rezolucija 200 do 300dpi. tampanjekvalitetnih publikacija i umetnikih radova moe zahtevati viu rezoluciju, koja zavisi od

potreba i mogunosti samih ureaja, a moe biti vie hiljada dpi.

4. Crop

Vrlo esto originalne slike nisu odgovarajue veliine ili imaju neke vizuelne nedostatke zbog poloaja ureaja za snimanje osnovni motiv moe biti pomeren, iskrivljen ili malo


10/31

zarotiran. Ovakvi mali nedostaci se mogu otkloniti upotrebom alata za isecanje dela slike(Crop tool).

Funkcija se moe izabrati iz menija Image, skraeno pritiskom na slovo C na tastaturi ili

klikom na taster na osnovnoj paleti alatki, nakon ega se menja oblik kursora. Treba

prevui kursorom preko slike da se obuhvati deo slike koji e se izabrati.

Photoshop automatski zatamnjuje deo slike izvan obuhvaenog dela slike. Granice podrujakoje e se isei mogu se fino korigovati pre isecanja pomou vodeih oznaka na ivicamaselekcije.

Za istovremeno rotiranje iseenog dela slike treba zaustaviti kursor u blizini ivice selekcijedok se ne pojavi par zakrivljenih strelica. Miem treba uhvatiti i povui oznaku rotiranja

prozora za isecanje za eljeni smer i ugao rotacije.


11/31

Kada se konano podesi prozor, isecanje se pokree pritiskom na taster Enter (ili ESC, akose odustaje). Pojavljuje se dijalog, na kome isecanje treba potvrditi tasterom Crop (ili odustatiod izmene).

Konaan rezultat je iseen i zarotiran deo prethodne slike:

5. Rotate Canvas

Najei razlog rotiranja je iskrivljenost forografije ili skeniranog dokumenta. Rotiranje sestandardno vri opcijom Image/Rotate Canvas. Opcije se pojavljuju u posebnom dijalogu:

Najee se koriste opcije za rotaciju od 180, 90 CW (clock-wise - u smeru kazaljke na satu)i 90 CCW (counterclock-wise u smeru suprotnom od kazaljke na satu), dok se za drugevarijante rotacije koristi opcija Arbitrary, gde se ugao i smer slobodno biraju.

Simetrina preslikavanja oko horizontalne ili vertikalne ose (kao u ogledalu) vre pomoufunkcijaFlip Canvas HorizontaliFlip Canvas Vertical.

5. SLOJEVI I TEKSTUALNI EFEKTI

Jedna od osnovnih osobina programa Photoshop, koja omoguava sloene operacije nadrastrskim slikama, su slojevi (layers). Izrada celokupne slika se moe hijerarhijskiorganizovati po delovima (slojevima) u kojima se kreiraju pojedinani objekti, a konaanizgled se dobija njihovim kombinovanjem.

Novi sloj se moe kreirati iz menija Layer/New, iz dodatnog bonog menija plivajuegprozoraLayers ili male palete alatki na dnu tog prozora.

Kreiranje objekata, kao to su tekstovi ili linije, automatski kreira sopstveni novi sloj za tajobjekt. Plivajui prozorLayers prikazuje sve slojeve slike i njihov redosled. Novi slojevi se


12/31

kreiraju iznad prethodnih, njihov redosled se moe promeniti miem, premetanjem slojeva uprozoruLayers.

Dodatni boni meni i mala paleta alatki na dnu prozora omoguavaju brojne operacije nadslojevima, npr. promenu imena ili brisanje sloja.

6. FILTERIPhotoshop sadri veliki broj programskih dodataka filtera, ijom upotrebom se mogu dobitirazliiti sloeni vizuelni efekti na digitalnoj slici. Filteri se koriste za manja doterivanja, ali iza velike transformacije slike u neto sasvim novo. Naprimer, donja fotografija se moe

pretvoriti u prozorski vitra (filter Filter/Texture/Stained Glass) ili u monohromatskupolutonsku sliku (filterFilter/Sketch/Halftone Pattern).

Poto se do rezultata se obino dolazi eksperimentalno, svaki filter se pojedinano moeisprobati aktiviranjem opcijePreview na pripadnom dijalogu.

Efekat uobiajene primene veeg broja filtera moe se brzo pregledati u prikazu opcijeFilter / Filter Gallery (na slici).

Primena nekih od ee korienih filtera e se prikazati u okviru uputstva za realizacijulaboratorijskih vebi iz ovog poglavlja.


13/31

Veba 2.3.1: Pregled i promena atributa digitalne slike

1. Otvoriti fajl sa rasterskom slikom u boji (.jpg, preview)

2. Promeniti prostornu rezoluciju slike (dpi)

3. Promeniti dubinu boje (color depth)

Otvoriti fajl sa rasterskom slikom u boji komandom File/Open. Izabrati sliku iz spiska, npr.peach1.jpg. Sa Image/Size prikazati svojstva digitalne slike:

Vidi se da je osnovna reazolucija slike 500x494, dok je prostorna rezolucija 72dpi, toomoguava prikaz na ekranu u originalnoj veliini (uveanje 100%).

Promena prostorne rezolucije u veu vrednost (300dpi) prouzrokovae drugaiji izgledprikaza u originalnoj veliini (uveanje 100%). Na pokretnoj paleti za navigaciju se vidi kojideo slike sada predstavljaju pixel-i prikazani u prozoru.


14/31

Cela slika se moe prikazati u tekuem prozoru kada se dovoljno umanji (View/Fit on Screenpodesie umanjenje na 26,4%).


15/31

Veba 2.3.2: Konverzija formata i kompresija digitalnih slika uboji

1. Otvoriti fajl sa rasterskom slikom u boji (.tif,preview)

2. Sauvati sliku u formatu .JPG (Quality)3. Promeniti model boje (RGB u INDEX COLOR)

4. Sauvati sliku u formatu .GIF (sa i bez preplitanja)

5. Sauvati sliku u formatu .PNG (sa i bez preplitanja)

6. Promeniti model boje (RGB u Grayscale)

7. Sauvati sliku u formatu .GIF/.PNG (bez preplitanja)

8. Promeniti model boje (Grayscale u Bitmap)


10. Napraviti uporednu tabelu (broj boja, vernost originalu, veliinazapisa)

1. Otvoriti fajl sa rasterskom slikom u boji (Ducky.tif,preview).

Slika je iz kolekcije primera programa Adobe Photoshop (799,8KB, komprimovano280,2KB).

2. Sauvati sliku u formatu .JPG (Quality 0, 6 i 12)

Sauvati sliku u formatu JPEG, podeavajui vernost originalnoj bit-mapi pomouparametra Quality, koji moe da ima vrednost 0..12.

U dijalogu se vidi i procena veliine zapisa budueg JPEG fajla, zajedno sa procenompotrebnog vremena za prenos pomou standardnog modema (56Kbps).


16/31

Veliina zapisa je procenjena na 24KB uz kvalitet 0, 37KB uz kvalitet 6 i 194KB uzmaksimalni kvalitet 12.

3. Promeniti model boje (RGB u Indexed Color..)

Promena modela boje iz RGB u Indexed Color.. smanjuje dubinu boje, odnosno broj bitaza predstavljanje jednog piksela sa 24 na 8 bita. Ovo zahteva transformaciju prostora bojai aproksimaciju prema paleti i modelu koji se bira iz dijaloga.

4. Sauvati sliku u formatu .GIF (sa i bez preplitanja)

5. Sauvati sliku u formatu .PNG (sa i bez preplitanja)

6. Promeniti model boje (Indexed Color.. u Grayscale)

Dobija se monohromatska slika, gde seu boje zamenjene sivim tonovima u 256 nivoa (8bita).


17/31


Slika zauzima 71KB u formatu GIF, a 97KB u formatu PNG (patentirani GIF format jeefikasniji od besplatnog PNG).

8. Promeniti model boje (Grayscale u Bitmap)

Izvrie se nova redukcija dubine boje, odnosno zamena sivih tonova jednom od dvemogue boje: crnom ili belom. Da bi se sadraj ostao vidljiv, vri se zamena sivih

povrina meavinom crnih i belih piksela odreene gustine (dithering). U dijalogu se birarezolucija i konkretna metoda (prema pragu, po uzorku, difuzijom i polutonskimuzorkom).

Rezultati redukcije za svaku od varijanti se vide na donjim slikama.


18/31

50% Threshold Pattern Dither

Diffusion Dither Halftone Screen...


Veliina zapisa u GIF formatu je ista za sve tehnike redukcije, 22KB. Priblino istirezultat se dobija i u formatu PNG.


19/31

10. Napraviti uporednu tabelu (model, broj boja, vernost originalu, veliina zapisa na fajlu).Prethodni rezultati mogu se sumirati sledeom tabelom:

Format Model Broj boja Vernost Veliina

TIFF RGB 16M 100% 819 KB

JPG RGB 16M 12 206 KB

JPG RGB 16M 6 48 KB

JPG RGB 16M 0 31 KB

GIF Indexed color 256 100% 49 KB

GIF Int Indexed color 256 100% 53 KB

PNG Indexed color 256 100% 220 KB

PNG Int Indexed color 256 100% 238 KB

GIF Grayscale 256 100% 71 KB

PNG Grayscale 256 100% 97 KB

GIF Bitmap 2 100% 22 KB

PNG Bitmap 2 100% 22 KB

Treba uoiti efiksnost zapisa slike u 24-bitnom koloru u formatu JPG. Uz umereni gubitakvernosti originalu (6), zauzee je manje od veliine zapisa monohromatske slike(GIF/PNG) i samo dvostruko vee od crno-bele bit-mape.

Veba 2.3.3: Popravka (enhancement) digitalnih fotografija

1. Otvoriti fajl sa rasterskom slikom u boji (.jpg,preview)

2. Izjednaiti nivoe osvetljenosti

3. Korigovati nepravilnosti i oteenja (retuiranje) i crvenilo iz oiju

4. Istaknuti vidljivost vanih delova

5. Ublaiti vidljivost pozadine

6. Sauvati promenjenu sliku pod novim imenom u formatu .JPG(Quality)

Otvoriti fajl sa rasterskom slikom na kojoj se vide crvene mrlje na zenicama ljudi, kojenastaju odbijanjem svetlosti blica od veoma prokrvljenog onog dna (mrenjae) kroz irokootvorene zenice.

Ukloniti crvenilo iz oiju na fotografiji snimljenoj uz pomo blica na sledei nain:

1. Uveati oko na ceo prozor


20/31

2. Podesiti podrazumevajuu boju popune (foreground) na crno, a boju pozadine(background) na belo

3. Otvoriti podmeni tastera za oporavak Heeling Brush Tool palete alatki i izabrati etkicuColor Replacement Tool.

4. Kliknuti na crveno i, ne otputajui taster mia, pomerati etkicu preko crvenog podruja.Crvena boja iz oka e se izgubiti i zameniti nijansama crne.

5. Ukloniti crvenilo na slici gde god je jo to potrebno.

Veba 2.3.4: Izrada ukrasnih rasterskih grafikih elemenata za

isticanje paragrafa teksta (bullets)

1. Kreirati novu RGB kolor sliku 10x12 pixel-a, 72 pixel/inch, saprovidnom pozadinom (transparent)

2. Selektovati celu sliku, podesiti/izabrati osnovne boje( foreground/background color) i obojiti selektovanu povrinu

prelivom (gradient tool, paint bucket tool)

3. Transformisati pravougaonik u pogodan oblik pomouperspektivne transformacije (Edit/Transform/Perspective), npr. utrougao ili oval

4. Dodati elemente vizuelnog stila, npr. "Bevel and Emboss"

Sauvati kao sliku u formatu .GIF (nije potrebno preplitanje)


21/31

Kreirati novu RGB kolor sliku 10x12 pixel-a, 72 pixel/inch, sa providnom pozadinom(transparent).

Selektovati celu sliku, podesiti/izabrati osnovne boje (foreground/background color) i obojitiselektovanu povrinu prelivom (gradient tool,paint bucket tool).

Transformisati pravougaonik u pogodan oblik pomou perspektivne transformacije

(Edit/Transform/Perspective ), npr. u trougao ili oval. Na liniji sa opcijama biraju separametri, a sama transformacija se vri pomou vodeih markera (promene se mogu ponititiili potvrditi).

Dodati elemente vizuelnog stila, npr. Bevel and Emboss.

Sauvati kao sliku u formatu .GIF, uvajui providnost pozadine (transparency). Preplitanjeza ovako malu sliku nije potrebno.

Ovakav mali rasterski element se moe koristiti za isticanje paragrafa teksta u

nabrajanjima u Web stranama (bullet).


22/31

Veba 2.3.5: Izrada malih ukrasnih rasterskih grafikih elemenataza grafiko predstavljanje hiperveza (bullets, buttons)


2. Podesiti/izabrati osnovne boje (foreground/background color) i naslici kreirati pogodnu formu navigacionog elementa, npr. oval ilizaobljeni pravougaonik, koji e se obojiti izabranom kombinacijom

boja..

3. Dodati elemente vizuelnog stila, npr. "Bevel and Emboss" (2-3pixel-a)

4. Uneti tekst u sledeem sloju (izabrati font, veliinu, boju i pozicijuteksta) i primeniti, po elji, neki od stilskih elemenata i za slojteksta

5. Izvriti stapanje slojeva (Layer/Merge Visible) i sauvati sliku uformatu .GIF (nije potrebno preplitanje)

1. Kreirati novu RGB kolor sliku 60x30 pixel-a, 72 pixel/inch, sa providnom pozadinom(transparent).

2. Podesiti/izabrati osnovne boje (foreground/background color) i na slici kreirati pogodnuformu navigacionog elementa, npr. oval ili zaobljeni pravougaonik.

Vektorski iscrtani oblik e se obojiti izabranom kombinacijom boja.

3. Dodati elemente vizuelnog stila, npr. Bevel and Emboss (2-3 pixel-a).


23/31

Za gornji efekt veliina konture koja doarava treu dimenziju je 3 piksela.

4. Uneti tekst u sledeem sloju (izabrati font, veliinu, boju i poziciju teksta) i primeniti.

Po elji, neki od stilskih elemenata i za sloj teksta.

5. Izvriti stapanje slojeva (Layer/Merge Visible) i sauvati sliku u formatu .gif (nijepotrebno preplitanje).

Ovakvi rasterski elementi se koriste za navigaciju u Web stranicama, odnosno grafikopredstavljanje hiperveza u obliku tastera (buttons) .


24/31

Veba 2.3.6: Selekcija i razliita podeavanja kreiranje vinjete

1. Otvoriti sliku u JPEG formatu (.jpg).

2. Izabrati ovalnu selekciju i u paleti opcija, podesitiFeatherna 5 px.

3. Selektovati deo slike u obliku elipse koji obuhvata glavu osobe4. Kopirati selekciju (Edit/Copy).

5. Sa File/New Kreirati novu sliku istih dimenzija sa transparentnompozadinom.

6. Sa Edit/Paste kopirani sadraj smestiti u novu sliku.

1. Otvoriti sliku 3GIRLS.JPG sa prikazom figura tri devojice.

2. Izabrati ovalnu selekciju i u paleti opcija, podesitiFeatherna 5 px.

3. Selektovati deo slike u obliku elipse koji obuhvata glavu osobe sa slike:

4. Kopirati selekciju (Edit/Copy).

5. Sa File/New Kreirati novu sliku istih dimenzija sa transparentnom pozadinom.

6. Sa Edit/Paste kopirani sadraj smestiti u novu sliku.


25/31

Dobija se vinjeta sa selektovanim delom slike, umekanih ivica i providne pozadine,pogodna za ilustracije u Web stranicama.

Veba 2.3.7: Selekcija i primena filtera na odreene delove slike -

odvajanje detalja od jednoline pozadine

1. Otvoriti sliku u JPEG formatu (.jpg)

2. Izabrati "arobni tapi" (Magic Wand Tool) i u liniji s opcijamapostaviti na Add To Selection. Opciju Tolerance na vrednost uintervalu 0..255 (npr. 20)

3. Selektovati deo slike koji pripada pozadini pomou "arobnogtapia" (Magic Wand Tool). Moe se izabrati vie objekataistovremeno, ako se pozadina sastoji iz vie delova.

4. Pritisnuti tasterDelete, ime se brie pozadina slike

1. Otvoriti slike 3GIRLS.JPG sa prikazom ljudske figure.

2. Izabrati "arobni tapi" (Magic Wand Tool) i u liniji s opcijama postaviti na Add ToSelection. Opciju Tolerance na vrednost u intervalu 0..255 (npr. 20).

3. Selektovati deo slike koji pripada pozadini pomou "arobnog tapia" (Magic WandTool).

Ako se ako se pozadina sastoji iz vie delova, moe se izabrati vie objekata istovremeno.

4. Pritisnuti taster Delete, ime se brie pozadine slike (veliina ostatka slike se moeposebno doterati).


26/31

Umesto brisanja delova originalne slike moe se invertovati selekcija (Select/Inverse), saEdit/Copy izvriti kopiranje likova, a sa Edit/Paste njihovo prenoenje u neku drugusliku (npr. praznu sliku sa transparentnom pozadinom).

Veba 2.3.8: Kreiranje zaglavlja Web strane, koje slui kaopozadina za animirane reklame, na osnovu rasterskihfotografija


2. Otvoriti sliku npr. dvostruko manje irine u JPEG formatu (.jpg),koja e posluiti kao pozadina.

3. Selektovati celu sliku, kopirati je u clipboard sa Edit/Copy, a saEdit/Paste u novu sliku i poravnati levi gornji ugao

4. Duplirati sloj ponavljanjem Edit/Paste i poravnavati ga sa desnomivicom

5. Ukloniti vertikalnu liniju koja je nastala na spoju dve kopije slikekreiranjem mekog prelaza (meanje, blending):- izabere se Layer 2- izabere se Layer/Add Layer Mask/Hide All- klikne se naDefault Foreground/Background Colori Gradient

Tool

- klikne se i prevue kursor prekopreklopljenogdela slike na oko50% visine. Dobija se ujednaenija povrina cele slike, bezvertikalne crte.

Slinim postupkom se mogu dodati novi slojevi (Layer 3, ...) isvaki od njih meanjem nadovezati na prethodni.

6. Tekst se moe dodati u nekoj boji koja se preuzima sa slike(pipetom), a nakon doterivanja fonta, dimenzija i pozicije na slici,mogu se dodati neki od stilskih efekata iz Layer/Layer Style(Drop Shadow,BevelandEmboss i sl.).

7. Ovakva slika se uva kao .PSD za dalji rad (ukljuena opcijaLayers) ili se koristi neki od formata pogodnih za Web (.GIF, .PNGili .JPG) tako to se prethodno izvri stapanje slojeva(Layer/Merge Visible).

1. Kreirati novu RGB kolor sliku 468x60 pixel-a, 72 pixel/inch, sa belom ili providnompozadinom (transparent)


27/31

2. Otvoriti slike manje irine u JPEG formatu (WINSURF.JPG, GOLFER3.JPG), izdvojitideo koji e posluiti kao delove pozadine i sa Image/Size podesiti njihovu visinu na 60

piksela.

3. Selektovati celu sliku, kopirati je u clipboardsa Edit/Copy, a sa Edit/Paste u novu sliku iporavnati levi gornji ugao

4. Duplirati sloj ponavljanjem Edit/Paste i preklopiti deo slike sa prethodnim kopijama..

5. Ukloniti vertikalnu liniju koja je nastala preklapanjem kopija slike meanjem (blending):

- izabrati Layer 2 (desnim klikom ili na plivajuoj paleti)

- izabrati Layer/Add Layer Mask/Hide All (sloj 2 je sakriven)

-

kliknuti miem na Default Foreground/Background Color i Gradient Tool.

- kliknuti miem i prevui kursor prekopreklopljenogdela slike na oko 50% visine


28/31

Pojavljuje se sakriveni sloj 2 i dobije se ujednaenija povrina cele slike, sa ublaenimprelazom izmeu dva dela.

U plivajuoj paleti se dobija oznaka meanja na sloju 2.

Slinim postupkom se mogu dodati novi slojevi (Layer 3, ...) i svaki od njih meanjemnadovezati na prethodni (preklopljeni delovi se prate na lenjiru).

6. Tekst se moe dodati u nekoj boji koja se preuzima sa slike (pipetom), a nakondoterivanja fonta, dimenzija i pozicije na slici, mogu se dodati neki od stilskih efekata izLayer/Layer Style (Drop Shadow,Bevel and Emboss i sl.).

7. Ovakva slika se uva u formatu .PSD za dalji rad (ukljuena opcija Layers) ili se koristineki od formata pogodnih za Web (.GIF, .PNG ili .JPG). Prethodno se izvri stapanjeslojeva (Layer/Merge Visible).

ANIMACIJA

Bioloki fenomen poznat kao tromost oka ili perzistencija vida omoguava stvaranje iluzijekontinuiteta kretanja brzom izmenom slika koje se meusobno vrlo malo razlikuju. U praksi

je kao zadovoljavajua vrednost usvojeno za TV sliku 25 (PAL) i 30 (NTSC) promena u

sekundi, a za potrebe filma (igranog ili animiranog) pokret se snima sa 24 diskretne promeneu sekundi.

Proireni standard GIF89a ima mogunost snimanja i prikazivanja niza nepokretnih slika uzadanom redosledu i trajanju, pa se moe upotrebiti za pamenje rasterskih animacija injihovo prikazivanje pomou bilo kojeg modernog Web itaa.

Program Photoshop ima dodatakImageReady za izradu rasterskih animacija, koji e sekoristiti u narednoj vebi.


29/31

Veba 2.3.9: Jednostavna rasterska 2D animacija

Jednostavno kretanje 2D geometrijske figure ili teksta.

1. PokrenutiAdobe ImageReady.

2. Primer 1 - pokretni pravougaonik- kreirati praznu rastersku sliku rezolucije 0x0 piksela (prvi

frejm)- kreirati objekat za animaciju pravougaonik 0x0 piksela- kreirati sledei frejm, kopiranjem prvog fejma, a zatim malim

pomeranjem pravougaonika (trajanje moe da bude 1/25s,odnosno 0,04s)

- na isti nain formirati ostale frejmove, a pomeranje prilagoditizamiljenoj trajektoriji kretanja pravougaonika

- snimiti animaciju kao .giffajl

3. Primer 2 - pokretni tekst- kreirati praznu rastersku sliku rezolucije 0x0 piksela (prvi

frejm)- kreirati objekat za animaciju tekst, koristei slova veliine 0

dots- kreirati sledei frejm, kopiranjem prvog fejma, a zatim malim

pomeranjem pravougaonika (trajanje moe da bude 1/25s,odnosno 0,04s)

- na isti nain formirati ostale frejmove, a pomeranje prilagoditizamiljenoj trajektoriji kretanja teksta

- snimiti animaciju kao .giffajl

1. PokrenutiAdobe ImageReady

Program Image Ready se moe pokrenuti direktno ili iz menija Photoshop-a (File/Edit inImageReady).

Posebno su vane plivajue palete slojeva (Layers) i animacije (Animation), koje treba otvoritiu meniju Window (Window/Layers i Window/ Animation).

2. Primer 1 - pokretni pravougaonik

Pomou File/New kreirati praznu rastersku sliku rezolucije, npr. 160x40 piksela (prvi frejm),sa providnom pozadinom (transparent). U paleti animacije se pojavljuje prvi frejm. Vremetrajanja se podeava klikom mia na oznaku vremena trajanja i izborom neke ponuene iliunosom nove vrednosti (Other...) i moe da bude 1/25s, odnosno 0,04s.

Pomou alatke za kreiranje pravougaonika , na levom kraju prazne kreirati 2D objektzaanimaciju - pravougaonik due stranice oko 50 piksela, obojen podrazumevajuom bojom. U

plivajuoj paletiAnimation pojavljuje se prvi frejm:


30/31

Pomou tastera za dupliranje tekueg frejma kreirati sledei frejm, a zatim ga izmenitimalim pomeranjem pravougaonika udesno i malo gore ili dole.

Na isti nain formirati ostale frejmove, a veliinu pomeranja i trajanje prilagoditi zamiljenojtrajektoriji i planiranoj brzini kretanja pravougaonika. Brisanje nepotrebnih frejmova vri setasterom .

Animaciju testirati pomou upravljakih tastera za prikazivanje u plivajuojpaleti Animation, a samu animaciju posmatrati u originalnom prozoru u kome je slikakreirana.

Konanu verziju male rasterske animacije snimiti kao fajl su formatu .gif koristei meniFile/Save Optimized As.

3. Primer 2 - pokretni tekst

Pokretni tekst se kreira na isti nain, samo se kao objekt animacije umesto pravougaonikakreira tekst, pomou alatke za kreiraje sloja teksta . Istim postupkom sukcesivnogdupliranja tekueg frejma i malim pomeranjem objekta odreen broj puta, dobija se efektkretanja teksta planiranom brzinom i prema eljenoj trajektoriji.

Slinim postupkom sukcesivnih translacija likova ili iseaka digitalizovanih fotografijana pripremljenoj rasterskoj pozadini, mogu se izraditi animirani kolai u stilu poznate

serije "Monty Pyton Flying Cyrcus".


31/31

Osnovna Upotreba Ps - A Deo Iz Praktikuma

Documents

Transcript of Osnovna Upotreba Ps - A Deo Iz Praktikuma