1

UNIVERZITET U ZENICI PEDAGOŠKI FAKULTET smjer: MATEMATIKA I INFORMATIKA godina studija: IV student: Alzira Maljić broj indeksa: 3580/MI

SEMINARSKI RAD IZ PREDMETA RAČUNARSKA GRAFIKA

TEMA : PHOTOSHOP LAYERS

Sarajevo, decembar 2006.

2

UVOD Poštoji čitav niz raznih grafičkih programa, od onih jednostavnih (kojima je moguće vršiti okretanje ili razmjeranje slike) pa sve do veoma detaljnih programa koji imaju jako detaljne algoritme sa mnogo opcija za rukovanje digitalnom slikom. Poznati rasterski grafički programi su Adobe Photoshop, Paint Shop Pro i potpuno besplatni GIMP. Uz profesionalne fotoaparate poznatih firmi kao što su CANON, NIKON i OLYMPUS obicno dobivamo softver za obradu fotografija koji takodje sadrze layere ( slojeve ). Jedna od važnijih osobina svakog grafičkog programa jesu slojevi (layer). Doslovno jedan grafički program može imati neodređeni broj slojeva od kojih se sačinjava cijelina odnosno slika. Grafički program je u mogućnosti sakriti jedan sloj slike, promjeniti samo jedan da ne utiče na drugi, te štopiti dva sloja u jedan, grupisati ih i tako dalje. Ovo je jedna od najvažnijih mogućnosti jer omogućuje lagano i efikasno rukovanje slikom bez da se učini neka nepovratna akcija koja će uništiti cijelu sliku. Također je moguće dodatno isprobavanje raznih efekata i promjena bez diranja same slike, taj se sloj kasnije može ukloniti ili ostaviti, ovisno o kvaliteti kako je odrađen. 2D grafika ne omogućuje korištenje 3D tehnika kao što su osvjetljenje, sjene, odsjaj i tako dalje. Slojeviti (layer) modeli se ponekad zovu i 2 1/2-D grafika. Slojevi ukratko omogućavaju bolje upravljanje sa elementima neke slike. Tako je moguće promjeniti jedan dio slike (odnosno sloj) a da to ne utiče na drugi dio. Naprimjer ako želite zamrljati jedan dio slike a ne želite oštetiti drugi dio slike, tada se prvi dio odvoji u jedan sloj a drugi dio u drugi sloj tako da više nisu jedna cjelina. Poslije mijenjanja oni se mogu sklopiti opet u jednu cjelinu. LAYERS Layeri su uključeni prvi put u Photoshop 3. Oni su istinski preporodili Photoshop. Po prvi put možemo raditi složene slike bez toga da su ranije retuširane. Prije Layera za svaku promjenu koju je klijent tražio bilo nešto jednostavno kao promjena fonta našli bismo se u velikoj nevolji. Slojevi se ponašaju poput kolaža. Dijelovi donjeg sloja koji su pokriveni se neće vidjeti ukoliko gornji sloj nije proziran. Neki alati sami prave slojeve ali poštoji mogučnost i da sam korisnik pravi svoje slojeve što omogućava da neki dijelovi dokumenta budu vidljivi ispred drugih, a i razne druge mogućnosti. Skrivanje sloja Omogućeno je dugmetom . Ukoliko njega isključimo tada taj sloj nije vidljiv ali on ostaje u dokumentu. Za otkrivanje sloja potrebno je kliknuti na isto dugme gdje se i nalazilo oko.

3

Premještanje sloja Obavlja se tako što pritisnemo lijevim tasterom miša na sloj u prozoru sa slojevima i ne puštajuci lijevi taster miša prevučemo ga iznad ili ispod na mijesto na kome želimo da bude. Brisanje sloja Vršimo tako što označimo sloj koji želimo da obrišemo i u padajućem meniju Layer odaberemo opciju Delete pa Layer, a može i preko dugmeta iz prozora za slojeve. Pravljenje novog sloja Dijelimo u više vrsta. Prvo, pravljenje novog potpuno praznog sloja možemo preko padajućeg menija layer, opcije New Layer, ili preko dugmeta iz prozora sa slojevima. Novi sloj će biti pozicioniran u prozoru sa slojevima iznad sloja koji je bio označen prije pravljenja novog. Moguće je na osnovu selekcije napraviti novi sloj tako što selektujemo dio slike koji želimo da pretvorimo u novi sloj i u padajućem meniju Layer odaberemo opciju New pa New Layer via copy ( selektovani dio slike ostaje u starom sloju ) ili New Layer via Cut ( selektovani dio se briše iz starog sloja ) Povezivanje slojeva Obavlja se tako što koristeći dugme koje se nalazi odmah lijevo od dugmeta za vidljivost, uključimo opciju za povezivanje Kada su slojevi povezani tada možemo da ih pomjeramo zajedno, da ih poravnavamo ili da ih sve zajedno spojimo u jedan sloj. Poravnavanje povezanih slojeva se vrši preko opcija ispod padajućeg menija ako je uključen alat ili iz padajućeg menija Layer opcije Align Linked. Spajanje povezanih slojeva u jedan se vrši preko padajućeg menija Layer opcije Merge Linked. Spajanje vidljivih slojeva se vrši preko padajućeg menija Layer opcije Merge Visible, a spajanje svih slojeva preko padajućeg menija Layer opcije Flatten Image. Providnost slojeva Podešava se preko opcije Opacity iz prozora sa slojevima. Potrebno je odabrati sloj a zatim koristeći Opacity podesiti providnost sloja odnosno njegov intenzitet u procentima. Selektovanje sadrzaja sloja Vrši se tako što držeči pritisnut Control taster sa tastature kliknemo lijevim tasterom miša zajedno na sloj u prozoru sa slojevima, tako će biti selektovano sve što sadrži sloj.

4

Dodavanje maske slojevima Providnost slojeva može biti postepena, tj sloj ne mora cijeli biti providan već samo jedan njegov dio. Da bi samo dijelovi slojeva bili providni potrebno je da mu napravimo masku. To činimo tako što u padajućem meniju Layer, odaberemo opciju Add Mask, i u novom meniju se pojavljuju opcije Reveal All – sve će biti vidljivo, Hide All – maska će sakriti sve, i ukoliko imamo selekciju u dokumentu tada su moguće i opcije Reveal Selection – vidljiv je samo selektovani dio, Hide Selection, maska će sakriti selektovani dio. Maska funkcioniše po principu ako je bijela boja onda je taj dio slike vidljiv, nije providan ako je crn onda je on providan. Kada je selektovan rad na maski onda je moguće olovkom ili četkicom takođe izvlačiti dijelove koji će se vidjeti ili koji će biti otkriveni, bitno je samo zapamtiti da crna boja znači skrivanje a bijela otkrivanje sloja. Dodavanje stilova slojevima. Da bismo na sloj dodali stil koristimo padajući meni Layer Style, gdje od ponuđenih stilova biramo koji ćemo da uključimo. Nakon odabira, otvara nam se prozor vezan za podešavanje stila. Npr: ako imamo neki sloj recimo tekst, sijenku na tekst dodajemo ako odaberemo opciju Drop Shadow među stilovima. Nakon primjene stila u prozoru sa slojevima ispod samog sloja se navode stilove koje su primjenjeni. Stilovi se mogu kopirati i na druge slojeve. Kopiranje stila se izvodi tako što kliknemo desnim dugmetom miša na stil sloja i zatim u novootvorenom meniju odaberemo Copy Layer Style, a zatim kursor miša dovedemo na sloj koji želimo da primi stil, kliknemo desnim dugmetom na njega i odaberemo opciju Paste Layer Style. Isključivanje stilova se vrši tako što kliknemo dugmetom na sloj koji želimo da isključimo u prozoru sa slojevima koji želimo da isključimo i odaberemo opciju Clear Layer Style.

Odabirom prve opcije možemo odabrati kako će se pojedini sloj prikazivati. Postoji mnoštvo opcija, koje se odnose na razne efekte:

5

Pored se nalazi opcija za podešavanje transparentnosti sloja:

(058). Transparentnost se kreće od 0% (potpuno prozirno) do 100% (neprozirno). Ispod se nalazi mogućnost zaštite pojedinih slojeva od određenih operacija:

• Zabrana mijenjanja prozirnih točkica • Zabrana mijenjanja točkica • Zabrana pomicanja • Zabrana svih operacija na sloju

Klikom na strelicu gore desno dobiva se sljedeći izbornik:

6

(06 0)

• Dodavanje, kopiranje i brisanje sloja • Dodavanje nove grupe • Kreiranje nove grupe od povezanih slojeva • Zaštita svih slojeva u grupi • Postavke za sloj (odabir naziva sloja i boje) • Postavke za efekte (u nastavku) • Spajanje odabranih slojeva • Spajanje vidljivih slojeva • Spajanje svih slojeva u jedan sloj • Postavke za pogled na slojeve

Na dnu se nalaze ikone sa sljedećim mogućnostima:

• U prvoj opciji možemo odabrati neki od često korištenih efekata za odabrani sloj. Opcije su:

7

• Dodavanje sloja koji čuva podatke o

selektiranim područjima na sloju. • Stvaranje nove grupe za slojeve. Na taj

način se pojedini slojevi mogu lako grupirati.

• Dodavanje sloja koji omogućava korištenje nekih osnovnih promjena na karakteristikama slike:

• Dodavanje novog sloja • Brisanje sloja ili grupe

Vjezba 1 : Kako napraviti stari papir :

8

1. Novi dokument Ctrl+N 150x200 pix sa bijelim Backgroundom. Ctrl+Shift+N novi layer i na njemu napraviti pravougaonu selekciju te je obojiti u crno. Ctrl+D deselect.

2. FILTER - BRUSHED STROKES - SPRAYED STROKES i namjestiti postavke kao na slici.

3. U alatima izabrati Magic Wand i kliknuti bilo gdje unutar crnog kvadrata.

9

4. Ctrl+Shift+I invertirati selekciju i stisnuti Delete. Ctrl+D deselect.

...sada ponoviti korake 2, 3 i 4 ali umjesto Stroke Direction Horizontal izabrati Right Diagonal..

5. Ctrl+KLIK na layer i odabrati boju R:240, G:225, B:205 i obojiti crni "podrapani" kvadrat. Ctrl+Shift+N novi layer.

U Brushes prozoru odabrati soft Brush i spustiti opacity na 20% zatim smiksati R:116, G:74, B:0 boju i opcrtati rubove.

10

....sada Ctrl+KLIK na layer na kojem je kvadrat da bi se učitala njegova selekcija, zatim Crtl+Shift+I da bi je invertirali i stisnuti Delete. PAZITI: layer na kojem su opcrtavani ruboi mora biti plav u Layers prozoru tj. selektiran.

6. Linkati layere i ići Merge Linked. FILTER - EFFECTS - Outer Glow i podesiti postavke kao na slici.

...

11

FILTER - EFFECTS - Drop Shadow.

7. Potom IMAGE - ADJUST - Brightness/Contrast i malo pojačati oboje, dodati text ili sliku ili oboje. Vjezba 2: Preklapanje dvije slike Ovo ukljucuje korištenje ImageReady -a, koji je ukljucen u standardni paket Adobea za animiranje slika. Početi sa dvije slike u Photoshopu, te slike mogu biti bilo koje . Neka slike budu iste veličine. Otvoritti Photoshop i dvije slike po izboru. File -> Open Otvoriti slike u posebnim prozorima. Zatim izabrati sve na jednoj slici ( Ctrl+A. Onda izaberite Move Tool (slika ispod) i povući sve na vrh druge slike.

12

Sad bi trebali imati ovakva dva layera:

13

Zatvoriti onu sliku sa jednim layerom i ostaviti samo ovu sa dva layera. Pritisnuti " Jump to ImageReady":

U ImageReady -u možete poceti praviti animaciju. U ImageReady -ju su dva prozora bitna, s kojima će se raditi: Animation Window:

14

I layers Window:

Slijedeći korak je sakriti gornji layer. Napraviti to klikajući na malo oko odmah do gornjeg layera u "Layers Windiw"

15

Premjestiti se u "Animation Window". Duplicirati trenutni frame, to napraviti sa "Duplicates current frame" (slika dolje):

Trebali bi sad imati dva framea, poput ovog:

Sada kliknuti na malo oko na gornjem layeru (onog koji je ranije sakriven). Paziti da je selektiran drugi frame dok ovo radite. Sad bi to trebalo ovako izgledati:

16

Sljedeći korak je korištenje "Tween" gumba:

Paziti da je i dalje selektiran drugi frame i kliknuti "Tween" gumb. Otvorit će se sljedeći prozor. Unijeti ovakve opcije:

Trebalo bi ovako izgledati:

17

Izabrati prvi (1) frame, kliknuti na "Tween" ponovo i unijeti sljedeće opcije:

I na kraju konačan rad:

Po želji malo usporiti animaciju. To napraviti tako da selektirate sve frameove i umjesto "0.0 sec." stavite npr. 0.2 sec."

18

I ovako izgleda malo sporije:

Na kraju to sačuvajte File -> Save Optimized As Literatura: Internet (http://findarticles.com/p/articles/mi_m2479/is_1_30/ai_89985961 http://iit.bloomu.edu/vthc/Photoshop/Basics/layers.htm http://www.photoshopcafe.com/tutorials/layers/intro.htm ) Scott Kelby : Adobe Photoshop CS, Kompjuter biblioteka, Cacak. Peter G. Christiansen: Najprikladniji prirucnik za Photoshop 7.0, Egmont , Zagreb