Univerzitet u Zenici Pedagoški fakultet u Zenici Odsjek: Matematika i informatika

SEMINARSKI RAD

Predmet: Računarska grafika

Tema: Photoshop Clipping paths

Student: Midhad Zečević Broj indexa: 3610/MI Mentor: v.as.mr. Samir Lemeš

februar 2007.

2

SADRŽAJ: 1. Uvod.......................................................................................................................3 2. Pravljenje putanja...................................................................................................4

2.1 Pravljenje putanja od postojeće selekcije ........................................................4 2.2 Putanje nacrtane alatkama Pen.......................................................................6 2.3 Prikaz putanje ..................................................................................................8 2.4 Završavanje putanje ........................................................................................8

3. Mijenjanje putanja ..................................................................................................9 3.1 Alati za obradu putanja ....................................................................................9 3.2 Osnovne tehnike rada sa putanjama ...............................................................9

4. Korištenje putanja ................................................................................................10 4.1 Pretvaranje putanja u selekciju ......................................................................10 4.2 Ispunjavanje putanje......................................................................................11 4.3 Iscrtavanje putanje.........................................................................................11

5. Clipping path – upotreba ......................................................................................12 5.1 Primjer ..........................................................................................................13 5.2 Korištenje clipping patha u aplikacijama Adobe InDesign i QuarkXPress......17

6. Literatura ..............................................................................................................18

3

1. UVOD Jedna od osnovnih operacija koja se koristi u svakoj aplikaciji za digitalnu obradu slika i crteža je selekcija. Problem sa selekcijom je to što se gubi čim uklonimo okvir za izbor. Jedini način da ponovo nešto izaberemo jeste korištenje odgovarajućih alatki Photoshopa (Marquee, Lasso i/ili Magic Wand) i pravljenje selekcije od početka, ili da se pomoću palete History vratite na stanje u kojem je prethodni put korištena alatka za izbor. Međutim, u tom slučaju izgubićemo sve što smo nakon toga radili sa selekcijom. Putanje (Paths) rješavaju ovaj problem. Korištenjem putanja, možemo napraviti i snimiti određene selekcije za buduću upotrebu. Putanje se snimaju direktno u Photoshopovu datoteku, na sličan način kao i slojevi. Pošto su putanje zasnovane na vektorima, a ne na pikselima, nismo ograničeni na oblike koje možemo nacrtati okvirima za izbor. Alatkama Pen (pera) možemo dobiti veoma precizne oblike i glatke krive. Zatim ih možemo koristiti kao selekcije, ili iscrtavati i popunjavati kao objekte ili linije na slici. Photoshop sadrži potpun komplet alatki za putanje. Uz pomoć ovih alatki možemo nacrtati pravougaonike, elipse, poligone i prave linije. Postoji podrazumijevani komplet od 279 gotovih oblika1, počevši od zvijezda, strelica, silueta životinja i okvira, do oblačića, ootisaka stopalai šapa, i simbola za gotovo sve što nam padne na pamet. Ovi oblici mogu da se popune ili da im se iscrtaju konturne linije, kao i kod oblika koje sami nacrtamo.

1 Photoshop 7

4

2. PRAVLJENJE PUTANJA Postoje tri načina pravljenja putanja:

- pravljenje putanje od postojeće selekcije - pravljenje putanje ručno, alatkom Pen - pravljenje putanje korištenjem alatki za oblike (shape)

2.1. Pravljenje putanje od postoje će selekcije U zavisnosti od slike na kojoj radimo, pravljenje selekcije i njeno pretvaranje u putanju može biti najlakši i najbrži način za izradu putanje. Primjer :

Selekciju možemo napraviti mnogim alatkama. U ovom slučaju najbolje će poslužiti alatka poligonalni laso zato što je šolja jednobojna, a ivice su joj uglavnom prave linije. Neke druge objekte je lakše izabrati čarobnih štapićem (Magic Wand Tool) ili tako što ćemo izabrati pozadinu, a zatim invertirati selekciju. Ponekad moramo kombinirati i više alatki da bi dobili željenu selekciju. U tom slučaju moramo držati tipku Shift dok radimo sa novom alatkom.

5

Drugi dio zadatka je pretvaranje selekcije2 u putanju. To činimo u slijedećim koracima:

1) provjerimo da li je vidljiva paleta Paths. Ako nije izaberemo Windows > Paths 2) iz skrivenog menija palete, u gornjem desnom uglu, izaberemo opciju Make

Work Path

3) u okviru za dijalog Make Work Path postoji samo jedan parametar koji

moramo podesiti – Tolerance.

On određuje koliko blizu Photoshop prati obris selekcije pri formiranju putanje. Što je manja tolerancija putanja će biti preciznija. Vrijednost tolerancije 1 pixel daje zadovoljavajuće rezultate.

4) Putanja se istovremeno pojavljuje i na paleti Paths. Photoshop joj dodijeljuje naziv Work Path (radna putanja). Putanju možemo preimenovati tako što uradimo dva klika nakon kojih dobijemo okvir za dijalog Save Path. Ovo nije obavezno, ali je poželjno jer ako je ime ostalo Work Path desiće se jedna od dvije slijedeće stvari:

- ukoliko je radna putanja još aktivna kad pokušamo napraviti slijedeći ona će joj biti dodijeljena kao potputanja

- ako nije aktivna nova putanja će je zamijeniti i nećemo je moći koristiti. Postoji još jedan način pravljenja putanje od selekcije. Napravimo selekciju, a zatim pritisnemo dugme Make Work Path na dnu palete Paths. Photoshop automatski pravi putanju koristeći aktivnu vrijednost parametra Tolerance.

2 Složenost putanje zahtijeva veće resurse. Veća složenost znači više tačaka, uglova, krivih itd. Posljedica je sporija obrada slike, veće datoteke i mogući problemi sa štampanjem.

6

2.2 Putanje nacrtane alatkama Pen Ako je slika koju obrađujemo takva da je pravljenje selekcije teško ili zahtijeva previše posla, možemo koristiti alatku Pen da svojeručno nacrtamo putanju. Pored standardne alatke Pen koje služe za crtanje linija i dodavanje ili uklanjanje tačaka, Photoshop ima i i dvije dodatne alatke Pen. Alatka Magnetic Pen (magnetno pero) znatno olakšava crtanje putanje oko složenog objekta. Druga dodatna alatka, Freeform Pen , omoguićava da nacrtamo bilo kakvu vrstu linije – pravu, krivu, vijugavu – i da je pretvorimo u putanju. Primjer korištenja alatke Pen

1) Otvorimo novi dokument (platno) Photoshopa, dovoljno veliko da radimo u njemu

2) Izaberemo alatku Pen u kutiji sa alatkama (izgleda kao vrh klasičnog pera). Paleta Paths treba da bude otvorena.

3) Napravimo početnu tačku negdje u blizini lijeve strane. Photoshop odmah generiše radnu putanju na paleti Paths. Možemo odmah odrediti ime putanje.

4) Da bi napravili pravu liniju pomjerimo kursor i pritisnemo na drugom mjestu (ne treba držati pritisnutom tipku miša). Na ovaj način smo upravo napravili ugaonu tačku (corner point), što znači da Photoshop spaja te dvije tačke pravom linijom.

7

5) Da bi nastavili putanju recimo krivom linijom postavimo kursor na novo mjesto

(npr. desno i ispod), a zatim držimo pritisnutu tipku miša i povučemo u stranu. Kriva će mijenjati oblik dok povlačimo miša. Na ovaj način smo napravili glatku tačku (smooth point), što znači da Photoshop crta glatku krivu na mjestu gdje se susreću dva zakrivljena segmenta linije.

Pri pravljenju glatkih tačaka u svakoj od njih se pojavljuju dvije ručice (handles). One se koriste za naknadnu promjenu ugla i pravca nacrtane krive. Ugaone tačke – bez obzira na vrstu linije koja stiže u ugaonu tačku rezultat je uvijek ugao, a ne kriva. Ako u ugaonu tačku dolazi zakrivljena linija ugao linije je određen glatkom tačkom na njenom drugom kraju. Ako hoćemo da ograničimo uglove spajanja na 90 ili 45 stepeni to postižemo držanjem tipke Shift dok crtamo tačku. Glatke tačke uvijek pokušavaju da naprave najglađu moguću krivu između dvije linije koje se susreću. Po potrebi se može nacrtati i kriva koja se zove oštra kriva (sharp curve). Ona izgleda kao par lukova ili gornja polovina srca ili loše nacrtan galeb. To činimo u slijedećim koracima:

1) Nacrtamo početnu tačku putanje. 2) Nacrtamo jednu glatku tačku da bi dobili jednu krivu. 3) Postavimo pokazivač miša tačno iznad glatke tačke koju smo nacrtali, držimo

pritisnut taster Alt i povlačimo miša sa pritisnutom tipkom u pravcu prevojne tačke nove krive. Pustimo taster Alt, a zatim i taster miša.

početna tačka

ugaona tačka

glatka tačka

8

4) Postavimo kursor tamo gdje želimo da se kriva završi i povučemo miša u suprotnom pravcu od onoga u prethodnom koraku.

2.3 Prikaz putanje Postoji opcija – Rubber Band - koja nam može mnogo pomoći pri crtanju tačaka i linija. Pristupamo joj tako što izaberemo traku Pen a zatim na traci opcija pritisnemo strelicu prema dole pored niza ikonica alatki. Aktiviranje ove opcije omogućuje da na ekranu vidimo linije i tačke i prije nego što smo ih nacrtali. 2.4 Završavanje putanje Da bismo završili putanju imamo dvije mogućnosti:

- da zatvorimo putanju povezivanjem krajnje tačke sa početnom, - da ostavimo putanju otvorenom.

Zatvorena putanja (closed path) nema ni početak ni kraj, što znači da smo napravili petlju. Da bismo zatvorili putanju činimo slijedeće korake:

1) Za crtanje putanje koristimo proizvoljne tačke. 2) Kad crtamo posljednju tačku postavim okursor iznad početne tačke. Pojaviće

se kružić pored alatke Pen. 3) Pritisnemo taster miša da bi nacrali posljednju ugaonu tačku (završnu krivu).

Otvorena putanja (open path) im ai početak i kraj. Da bismo završili otvorenu putanju činimo slijedeće korake:

1) Nacrtamo putanju korištenjem proizvoljnih tačaka. 2) Kada nacrtamo posljednju tačku, pritisnemo alatku Pen u kutiji sa alatkama.

Sve putanje se u stvari sastoje od niza potputanja, koje je napravio Photoshop. Međutim sa stanovišta korisnika one se ponašaju kao jedna putanja. Treba zapamtiti da putanja nije dio slike. Drugim riječima kada crtamo putanje ne mijenjamo originalnu sliku. Ona nam pomaže da obrađujemo sliku.

oštra tačka

ručice

9

3. MIJENJANJE PUTANJA U većini slučajeva prva putanja koju napravimo nije savršena. Rijetko se u prvom pokušaju dobiju zadovoljavajuće selekcije ili putanje. Putanje možemo izmijeniti drugim alatkama iz grupe Pen. 3.1 Alatke za obradu putanja Alatke za obradu putanja možemo pokazati tako da pritisnemo na trokutić u donjem desnom uglu alatke Pen i na taj način otvorimo odgovarajuću paletu.

Pen Tool – koristi se za crtanje novih putanja. Freeform Pen Tool – ova alatka se koristi za crtanje putanja proizvoljnih oblika i praavca prostiranja, pri čemu Photoshop dodaje potrebne tačke i ručice tako da možemo podesiti svaki dio putanje. Add Anchor Point Tool – alatka za dodavanje tačaka u putanju. Delete Anchor Point Tool – alatka za brisanje tačaka putanje. Convert Point Tool – alatka za naknadnu promjenu vrste tačke. Osim navedenih Photoshop ima i dvije alatke za izbor putanja. One se nalaze u kutiji sa alatkama, odmah iznad alatki Pen. Alatka Direct Selection Tool (predstavljena bijelom strelicom) pomjera pojedinačne segmente putanje. Alatka Path Selection Tool (predstavljena crnom strelicom) pomjera sve komponente jedne putanje odjednom. 3.2 Osnovne tehnike rada sa putanjama

• Da bismo izabrali putanju trebamo pritisnuti njeno ime na paleti Paths. • Da bismo poništili izbor putanje trebamo pritisnuti ime neke druge putanje ili

prazan prostor na paleti Paths. • Brisanje putanje radimo tako da je odvučemo na ikonu kante za smeće. • Kopiranje putanje izvodimo tako da je izaberemo na paleti Paths i odvučemo

na dugme Creae New Path • Kreiranje nove putanje možemo uraditi na jedan od slijedeća četiri načina:

- crtanjem jednom od alatki Pen, - biranjem opcije New Path iz menija palete Path, - pritiskom na dugme Create New Path na dnu palete Path, - pretvaranjem iz selekcije opcijom Make New Path.

10

4. KORIŠTENJE PUTANJA U Photoshopu putanje omogućavaju da sačuvamo selekcije koje hoćemo više puta da koristimo. Oblast obuhvaćenu putanjom možemo ispuniti, a samoj liniji putanje možemo dodijeliti boiju, debljinu itd. Putanje označavaju selekcije ili linije ali se ne pojavljuju na slici dok ih ne obojimo. I putanju možemo ispuniti ili obojiti ili oboje. 4.1 Pretvaranje putanja u selekcije U Photoshopu putanje su najkorisnije za trajno snimanje selekcija. Bez obzira da li će nam određena selekcija ponovo trebati dobro je napraviti putanju da bi je sačuvali. Pretvaranje putanje u selekciju vršimo u slijedećim koracima:

1) Napravimo putanju. 2) Aktiviramo putanju koju hoćemo pretvoriti u selekciju (na paleti Paths). 3) Iz menija palete Paths izaberemo Make Selection

4) U okviru za dijalog podesimo renderisanje (Feather Radius) i potvrdimo sa OK.

11

4.2 Ispunjavanje putanje Da bi ispunili putanju iz palete Paths izaberemo komandu Fill Path. Dobijamo isti skup opcija kao i kod popunjavanja selekcije. U okviru za dijalog Fill Path možemo izabrati boju, šaru ili sliku za ispunjavanje. Osim toga možemo dodati režim mješanja (parametar Blending Mode) , procenat neprovidnosti (Opacity) smanjenje nazubljenosti ivica (Anti-aliased) i umekšavanje ivica (Feather Radius).

4.3 Iscrtavanje putanje Iscrtavanje putanje utiče samo na liniju putanje, a ne na površinu obuhvaćenu sa njom. Iscrtavnje radimo izborom putanje i opcije Stroke Path iz menija palete Paths. Okvir za dijalog Stroke Paths ompgućava da izaberemo alatku, od Pencil do Brush, do Blur i Sponge. Photoshop koristi tekuće parametre izabrane alatke da bi obavio operaciju.

12

5. CLIPPING PATH - UPOTREBA Clipping path je vektorska putanja koja dozvoljava da dio slike bude vidljiv, dok je preostali dio slike sakriven. Ona je ustvari vektorski ekvivalent Photoshop maski. Da bi pokrili dio slike, ako naprimjer pozadinu kreiramo clipping path (isjecajući putanju). Dva načina za kreiranje i upotrebu clipping patha su embedded path (ugrađene putanje) i alpha kanal. EPS, TIFF, PICT i PNG su neki od grafičkih formata koji podržavaju ugrađene putanje ili alfa kanal, pri čemu se najviše koriste EPS i TIFF format. Kod otvaranja clipping patha u Photoshopu ne možemo vidjeti efekat koji postižemo isjecajućom putanjom. Treći način na koji bi mogli izvesti istu radnju je korištenje programa kao što su Adobe InDesign ili QuarkXPress. Ugrađene putanje su vektorske maske ili selekcije koje razdvajaju dijelove slike. Putanje se mogu izvesti kao clipping path u druge aplikacije. EPS format podržava ugrađene putanje. Alfa kanal je bitmap maska sa korištenjem providnosti. Oni sadrže i providna i neprovidna područja slike. TIFF format podržava i ugrađene putanje i korištenje alfa kanala. Pretvaranje putanje Photoshopa u clipping path izvodimo izborom istoimene opcije na paleti Path.

Da bi putanju izvezli u neku drugu aplikaciju iz Photoshopa moramo je spremiti u EPS formatu.

13

5.1 Primjer Ispod je slika ptice na zelenoj pozadini. Isjecimo je, a zatim ćemo ptici dodati novu pozadinu ili je jednostavno prebacim ona bijelu podlogu.

Prvo ćemo iskoristiti Pen alatku da bi iscrtrtali putanju. Otvorimo paletu Paths i pritisnemo ikonu New Path.

Nakon toga crtamo putanju koristeći pero, pokušavajući koristiti što manje tačaka koliko je to moguće.

Na slijedećoj slici je prikazana samo putanja.

14

Photoshop dopušta da se više putanja koristi u datoteci, ali samo jedna može biti isjecajuća (Clipping Path). Odaberimo je i na meniju Path izaberimo opciju Clipping Path.

15

U dijalog prozoru 'Path 1' je izabrana kao isjecajuća putanja. Vrijednost parametra Flatness određuje koliko precizno će putanja pratiti krivu. Manja vrijednost daje precizniju putanju.

Slijedeće što je potrebno uraditi je da snimimo kopiju datoteke u Photoshopovom EPS formatu.

Ispod je prikazan efekat isjecajuće putanje. EFS datoteka koja se štampa (izvozi ) slično PostScript pisaču. Da bi vidje li efekat na ekranu potrebno je otvoriti EPS datoteku u nekom grafičkom programu kao što su Adobe Illustrator, CorelDRAW ili Macromedia Freehand i li izvesti EPS datoteku u page layout program kao što je QuarkXPress ili Adobe PageMaker ili pretvoriti EPS pomoću Adobe Acrobat Distillera i vidjeti rezultat u PDF formatu uz pomoć Acrobat Readera.

16

Napomena: Ako otvorimo EPS datoteku u Adobe Photoshopu ne možemo vidjeti efekat postignut sa Clipping Path. Za primjer sliku možemo uvesti u jedan od page layout programaa ili program za ilustraciju na novu pozadinu.

Na kraju 'spustimo' EPS sliku preko pozadine.

17

5.2 Korištenje clipping patha u aplikacijama Adobe InDesign i QuarkXPress Upotreba EPS datoteke u Adobe InDesignu

1) Izaberemo opciju Create Frame from Clipping Path u okviru EPS Import Options ili odabrati Object, Clipping Path i Photoshop Path

Upotreba EPS datoteke u QuarkXPressu

1) Odabrati opciju Clipping i opciju Embedded Path

18

6. LITERATURA: 1. Carla Rose, ''Naučite Adobe Photoshop 7 za 24h'', Mikro knjiga -Beograd, 2002. 2. www.tutoriali.com 3. www.sketchpad.net 4. www.dtp-aus.com 5. Adobe Photoshop CS , Photoshop Help (F1)