Program ImageReady 2 - Photoshop

Program ImageReady 2.0 je dodatni program koji je obuhvaćen programom Photoshop 5.5. On ima nove komande, opcije, alatke i efekte. Otvorimo sada program i upoznajmo se sa njim. Pritisnite dugme Start i izaberite stavku Programs. Zatim birajte redom Adobe, Photoshop 5.5 i na kraju Adobe ImageReady 2.0. U levom uglu naslovne linije ispisano je ime otvorenog programa.

Radni prostor programa ImageReady 2.0 na prvi pogled izgleda identično kao i radni prostor programa Photoshop 5.5. U trenutku upoznavanja sa programom teško je uočiti razlike. Otkrijmo koje su nove alatke unutar palete Toolbox. Paleta Toolbox se nalazi uz levu ivicu ekrana. Prva nova alatka sa kojom se upoznajete je alatka Rounded Rectangle Marquee. Nalazi se na podpaleti alatke Rectangle Marquee, koja se nalazi na vrhu leve kolone unutar palete. Alatka Rounded Rectangle Marquee je druga alatka sleva na podpaleti. Pomoću nje označavate deo crteža četvorouglom čiji su uglovi zaobljeni. Sledeća specifična alatka je alatka Slicing. To je treća alatka odozgo u levoj koloni. Koristi se u Web dizajnu prilikom stvaranja dokumenta koji je sastavljen od nekoliko drugih složenijih dokumenata. Sledeća alatka je alatka Slice Select. Pomoću nje se isecaju oni delovi dokumenta koji će se ukomponovati u novi dok‹ument.€

Sledeća grupa novih alatki nalazi se na podpaleti, koja se prikazuje posle izbora pete alatke odozgo u desnoj koloni. Podpaletom su obuhvaćene alatke Rectangle, Rounded Rectangle i Ellipse. To su alatke za crtanje kvadrata, kvadrata sa zaobljenim uglovima i elipse. Sa načinom njihove primene upoznaćete se kasnije.

Sledeće dve specifične alatke su Hide i Show Slice Tols. Ove alatke su smeštene odmah ispod polja boja u paleti Toolbox. Alatka Hide Slice Tool nalazi se u levoj koloni i pomoću nje uklanjate podelu crteža načinjenu alatkom Slice. Alatka Show Slice Tool nalazi se u desnoj koloni i pomoću nje prikazujete podelu načinjenu alatkom Slice.

Poslednje dugme u paleti Toolbox je dugme alatke Jump. Pomoću ove alatke prelazi se sa grafičkih programa Adobe na program ImageReady.

Napomena:

Alatka se može primeniti i prečicom sa tastature, kada se pritisnu tasteri Ctrl+Shift+M.

Sada kada ste se upoznali sa novim alatkama upoznajmo se i sa njihovom primenom.€

Alatka Shape nalazi se na paleti Toolbox. Njenim izborom otvara se potpaleta koja obuhvata tri alatke. Njihovom primenom stvaraju se kvadratna i eliptična polja koja se popunjavaju izabranom bojom. Dobijena polja mogu biti istaknuti delovi slike unutar kojih je ispisan tekst ili dugmad koja se javljaju na slikama koje se koriste na Web-u. Polja dobijena primenom alatke Shape nisu vektorski oblici.

Otvorimo dokument na kojem ćemo primeniti alatku Shape. Izaberite meni File i stavku Open. Zatim dokument Ducky 1 iz direktorijuma Photoshop 5.5 Advanced. Zatvorite okvir za dijalog dugmetom Open.

Otvorite podpaletu alatke Shape. Dugme alatke Shape je peto odozgo unutar desne kolone palete Toolbox. Izaberite alatku Ellipse. Postavite kursor unutar dokumenta i razvucite elipsu preko sredine patkinih grudi. Elipsa se automatski popunila bojom prikazanom u polju boje Foreground, a to je crna boja. Poništite poslednji korak kombinacijom tastera Ctrl+Z. Izaberite polje boje Foreground. Otvoriće se okvir za dijalog u kojem birate boju. Izaberite kursorom zeleni deo na skali boja. Skala se nalazi u desnoj polovini okvira za dijalog. Sada postavite kursor u gornji desni deo polja sa bojom i pritisnite levi taster. Obratite pažnju na kontrolno polje boje u gornjem desnom uglu okvira za dijalog. Gornja polovina polja je popunjena novoizabranom bojom, dok je donja polovina popunjena prethodno aktivnom bojom. Vratimo se dokumentu izborom polja OK. U paleti Toolbox vidite da je polje boje Foreground popunjeno sada zelenom bojom. Pozovite ponovo alatku Ellipse i razvucite novu elipsu. Elipsa se automatski popunjava zelenom bojom.+

Upišimo tekst unutar elipse. Izaberite alatku za tekst sa palete Toolbox. Dugme alatke je osmo odozgo unutar leve kolone. Sledeći korak je zadavanje boje teksta. Umesto trenutno aktivne zelene zadaćemo belu boju, tako što ćemo izabrati preklopnik boja pri čemu će boja iz polja Background popuniti polje Foreground i obratno. Preklopnik boja se nalazi između polja boja unutar palete Toolbox.

Postavite kursor unutar elipse i pritisnite levi taster miša kako biste započeli ispisivanje teksta. Primećujete da se kursor prilagodio izabranij alatki. Upišite tekst I’m doing ducky i pritisnite taster Enter. Zatim upišite How’s quacking i ponovo pritisnite Enter. Na kraju upišite on your end? i pritisnite taster Enter.

Uneti tekst nije dovoljno čitljiv. Popravimo ga. Postavite kursor ispred znaka pitanja i pritiskajući levi taster pomerajte kursor nadesno i nagore dok ne obeležite sva tri reda teksta. Posle obeležavanja pritisnite desni taster miša. Sa pomoćnog menija izaberite stavku Font, a zatim sa duge liste i stavku Harrington. Pored tipa slova promenićemo tekstu i boju. Izaberite polje boje Foreground. U okviru za dijalog, unutar polja boje izaberite crvenu boju iz gornjeg desnog ugla polja. Zatvorite okvir sa OK. Poništite obeležavanje teksta postavljanjem kursora na belu površinu unutar dokumenta i pritiskom na levi taster miša. Centrirajte tekst u odnosu na elipsu, alatkom Move. Izaberite ponovo alatku za tekst i postavite kursor na belu površinu. Pritisnite levi taster miša i uklonite linije kojima je tekst podvučen.

Alatka Shape svojom potpaletom obuhvata i alatke Rectangle i Rounded Rectangle. Ove alatke se primenjuju na isti način kao i alatka Ellipse. Koriste se za stvaranje pravougaonih površina unutar kojih se ispisuje tekst ili za stvaranje dugmadi unutar dokumenata za Web.+

Pomoću efekata menjate svoj dokument na veoma zanimljiv i neobičan način. Program Photoshop 5.5 sadrži brojne efekte sa kojima ćete se upoznati u narednim lekcijama. U ovoj lekciji upoznaćete se sa efektima koji se dodeljuju slojevima i koji su specifični za program ImageReady 2.0. To su efekti Gradient i Pattern.

Paleta Layers smeštena je uz desnu ivicu radnog prostora. Izaberite kursorom naslovnu liniju palete i pritisnite levi taster miša kako bi se prikazala čitava paleta. Zatim postavite kursor na gornju ivicu naslovne linije i kada se pojave duple strelice povucite nagore. Na taj način proširujete paletu. Da biste sagledali sve slojeve prikazanog dokumenta pomerajte klizač skale koja se nalazi uz desnu ivicu palete.

Našem malom prijatelju dodelićemo efekat Gradient, kojim se postiže postepeno prelivanje jedne boje u drugu pod zadatim uglom. Prvo izaberite sloj Layer 1 pokazivanjem kursorom i pritiskom na levi taster miša. Izabraćemo boje koje će se prelivati. Koristićemo se bojama koje su prikazane na dokumentu - žutom i zelenom. Zelena boja je već prikazana u polju boje Background. Izaberite polje boje Foreground kako biste učitali žutu boju. U okviru za dijalog prvo izaberitie žuti deo skale, zatim izaberite gornji desni ugao u polju boja. Zatvorit‹e okvir sa OK.€

Pošto smo završili sa pripremama, možemo da dodelimo efekte. Otvorite meni Layer i izaberite stavku Effects. To je peta stavka odozgo. Sa podmenija izaberite Gradient/Pattern. To je sedamnaesta opcija odozgo.

Napomena:

eljeni efekat možete izabrati i sa palete Layers izborom dugmeta Add Effects. Simbol ovog dugmeta je crni krug u kojem je ispisano slovo f.

Posle izbora efekta po sadržaju izabranog sloja prikazuje se preliv. Paleta sa opcijama zadatog efekta prikazuje se u donjem desnom uglu radnog prostora. Trenutno je aktivno radi dugme ispred efekta Gradient. Izaberite dugme efekta Pattern i pogledajte promenu. Sadržaj sloja se ispunio balonima. Paleta efekata prikazuje kontrolni kvadrat sa uzorcima šara sa kojima program raspolaže. Izborom dugmeta desno od kontrolnog kvadrata sagledavate listu raspoloživih šara. Sa liste izaberite poslednju navedenu šaru. U dokumentu se automatski prikazuje izmena.

Vratimo se sada efektu Gradient. Izaberite dugme efekta i u paleti se prikazuju opcije. Lista opcije Gradient Style sadrži dve stavke koje se prikazuju posle izbora strelice u desnom uglu liste. Stavkom Linear zadaje se linijski preliv od jedne ka drugoj boji. Stavkom Radial se zadaje preliv kružnog oblika, pri kojem se jedna boja preliva u drugu u vidu koncentričnih krugova. Sledeća opcija je Gradient Angle. Ona omogućava zadavanje ugla pod kojim se preliv prikazuje. Izborom strelice u desnom uglu polja opcije, otvara se dodatni okvir u kojem pomeranjem strelice zadajete željeni ugao. Ugao možete zadati i upisivanjem vrednosti unutar polja. Skala preliva omogućava određivanje tačke u kojoj se jedna boja završava a druga počinje. Pomeranjam klizača sa krajeva skale, menjate tačku u kojoj se boje prelivaju. Izaberite kursorom levi klizač i pritiskanjem levog tastera miša pomerite ga udesno. Tokom pomeranja klizača promene se prikazuju po dokumentu. Primećujete da dominira žuta boja jer je izmešten centar preliva. Vratite klizač u njegov prvobitni položaj.€

Za stvaranje preliva nije neophodno da se koristite samo bojama unutar polja Foreground i Background. Kao što postoje različite šare, tako postoje i unapred definisani prelivi. Njima pristupate posle izbora strelice smeštene desno od skale. Otvoriće se dugačka lista. Sa liste izaberite preliv Spectrum, koji sadrži sve boje spektra. Promena se prikazuje unutar dokumenta i na skali preliva. Skala sadrži klizač za svaku boju. Pomeranjem klizača definišete trajanje svake boje. Vratimo se prelivu boja Foreground — Background. Pritisnite strelicu i sa liste izaberite preliv Foreground to Background. Sada se dokumentu vratio pređašnji izgled. Zatvorite dokument izborom dugmeta Close. Na pitanje o zapisivanju izmena odgovorite sa No.

Napomena:

Sloju se može dodeliti više efekata otvaranjem liste dugmeta Add Effects i izborom jednog po jednog efekta.€

Program ImageReady pruža mogućnost stvaranja jednostavnih dvodimenzionalnih animacija. Upoznajmo se i sa tim mogućnostima.

Otvorite meni File i izaberite Open. U okviru za dijalog izaberite dokument Happy Hippo iz direktorijuma Photoshop 5.5 Advance. Zatim zatvorite okvir sa Open. Otvorite meni Window i izaberite Shoe Animation. U dnu radnog lista otvara se paleta Animation. Unutar palete prikazuje se prva slika. Broj u gornjem levom uglu slike ukazuje na redni broj slike unutar animacije.

Napomena:

Broj slika koje će animacija da sadrži zavisi od količine memorije kojom raspolažete.

U donjem desnom uglu prikazane slike pojavljuje se meni Delay. Opcije se prikazuju posle izbora strelice usmerene nadole. Prikazanim opcijama zadaje se trajanje slike unutar animacije, odnosno koliko dugo će se slika prikazivati pre nego što je zameni sledeća slika. Izaberite trajanje u vrednosti 0.2 sekunde. Odmah ispod slike nalazi se meni Looping koji sadrži opcije za definisanje načina ponavljanja slike. Otvorite meni izborom strelice. Meni sadrži opcije Once, Forever i Other. Opcijom Once zadajete samo jedno prikazivanje. Opcijom Forever zadajete stalno ponavljanje slike i opcijom Other zadajete željeni broj ponavljanja. Zatvorite prikazane opcije izborom sive površine unutar palete.

Desno od menija Looping smeštena su dugmad za pokretanje i zaustavljanje animacije, kao i dugmad za prelazak sa slike na sliku. Prvo dugme sleva vraća animaciju na početnu sliku. Sledeće dugme vraća animaciju na prethodnu sliku. Treće dugme zaustavlja prikazivanje animacije, a četvrto pokreće prikazivanje. Peto dugme prikazuje narednu sliku animacije. Dugme čiji je simbol list papira sa uvijenim uglom, omogućava učitavanje sledeće slike animacije. Poslednje dugme u nizu je dugme Trash koje uklanja izabranu sliku iz animacije.

Napomena:

Sliku možete odstraniti iz animacije i njenim povlačenjem do dugmeta Trash.

Paleta Animations sadrži još dve kartice. Karticu Slice i Rollover. Opcije ovih kartica se koriste u definisanju animacije za Web.€

Stvaranje animacije unutar programa Photoshop 5.5 i ImageReady je veoma jednostavan proces sa kojim ćete se upoznati u ovoj lekciji. Proverite da li je aktivna paleta Layers. Dopunićemo dokument novim elementima, a samim tim i novim slojevima. Prvo ćemo ispisati tekst. Izaberite alatku za tekst. Postavite kursor u gornji levi ugao dokumenta i pritiskom na levi taster miša zadajte početnu tačku. Upišite Summer is i pritisnite taster Enter. Zatim upišite Almost. Načinite sada novi sloj sa tekstom postavljanjem kursora na sredinu kade i pritiskom na levi taster miša. Pre unošenja teksta promenimo boju kojom će biti ispisan. Izaberite preklopnik boja Foreground i Background. Zatim upišite HERE!!! Promenite veličinu slova. Prevucite kursorom reč Here i znake uzvika. Pritisnite desni taster miša i izaberite Size. Sa dodatnog menija izaberite vrednost 36px. Popravite položaj teksta pomeranjem pomoću alatke Move. Alatka Move je prva alatka odozgo unutar desne kolone palete Toolbox. Centrirajte tekst u odnosu na kadu.

Promenimo sada i tekst koji smo prvo uneli. Izaberite alatku za tekst i prevucite kursorom preko teksta u gornjem levom uglu slike. Pritiskom na desni taster prikažite dodatni meni i izaberite Size, zatim vrednost 60px. Izaberite kursorom belu površinu d‹ćokumenta kako biste poništili izbor teksta. Sa unošnjem teksta proširila se i lista slojeva koje dokument sadrži.€

Animirajmo sadržaj novih slojeva. Pogledajte sliku unutar palete Animations. Vidite da ona sadrži i slojeve sa tekstom. Te slojeve ćemo isključiti na prvoj slici. U paleti Layers isključite vidljivost slojeva Summer is i HERE. Vidljivost se isključuje izborom dugmeta sa simbolom oka. Sada ćemo napraviti novu sliku animacije izborom dugmeta New Frame unutar palete Animations. U paleti se prikazuje nova slika koja izgleda kao i prethodna. U drugoj slici prikazaćemo i sadržaj sloja Summer is. Izaberite dugme sa simbolom oka i sadržaj sloja se prikazuje unutar slike. Sada ponovo izaberite dugme New Frame i napravite i treću sliku animacije. U trećoj slici prikazaćemo sadržaj sloja HERE, a ukloniti sadržaj sloja Summer is.

Sada je trenutak da sagledamo načinjenu animaciju. Izaberite u paleti Animations dugme sa udvojenim strelicama usmerenim nalevo. Na taj način se vraćate na početnu sliku animacije. Izaberite sada i dugme za pokretanje animacije. Program će prelaziti sa jedne slike animacije na drugu dogod ne zaberete dugme Stop. Zatvorite sada prikazani animirani dokument izborom dugmeta Close. Na pitanje o zapisivanju dokumenta odgovorite sa No. Umanjite prikaz programa ImageReady izborom dugmeta Minimize u naslovnoj liniji.+