Dnevnik jedne Cyber mačke

U sredu, 28. aprila 2010. godine na brodu Parobrod u Novom Sadu, prisustvovala sam prezentaciji Adobe paketa Creative Suite 5 (Adobe CS5) koji je organizovala kompanija Smart d.o.o. u saradnji sa zvaničnim distributerom Adobe proizvoda za Srbiju, kompanijom HSM Informatika.

Novine i poboljšanja u ovoj verziji Adobe paketa predstavili su i demonstrirali Mirko Ledić, Adobe Channels Sales Manager i Zoran Imširagić, sertifikovani Adobe prezenter.

Po rečima gospodina Imširagića, paket Creative Suite 5 je najveći uspeh u istoriji kompanije Adobe koji je odgovor na sve ono što se dešava oko nas i omogućava nam da kreiramo interaktivne web sajtove, prezentacije, animacije i grafiku brže i jednostavnije. Ove godine kompanija Adobe proslavlja dvadeseti rođendan Photoshopa.

Na prezentaciji je demonstriran veliki broj novina koje donose programi iz paketa CS5: Flash Catalyst, Flash, Dreamweaver, Illustrator, InDesign i Photoshop.

Novina iz kompanije Adobe je proizvod Flash Catalyst koji spaja dizajnere sa developerima i predstavlja alatku pomoću koje dizajner može samostalno da kreira interaktivne sadržaje bez potrebe za poznavanjem koda. To znači da grafički dizajner može u potpunosti da se posveti dizajniranju sajta i da dizajn kreiran u Photoshopu, Illustratoru ili Fireworksu na jednostavan način iskoristi za kreiranje gotovih interaktivnih web stranica a da pri tom ne razmišlja o kodu. U tom slučaju, web developer dobija gotovo, iskodirano rešenje koje nakon toga prilagođava i uređuje.

Moj favorit (pored Photoshopa), Adobe Dreamweaver CS5, donosi značajna poboljšanja od kojih izdvajam najbitnija:

• CMS podrška (Content management Systems) koja olakšava rad sa CMS-om poput WordPressa, Joomla!-e i Drupala; svi eksterni fajlovi (css, php, js i drugi) koji su povezani sa dokumentom na kome radite se jednim klikom mogu editovati bez potrebe da se otvaraju kao zasebni dokumenti (ovo  postoji i u verziji CS4).
• integracija sa novim online servisom Adobe Browser Labs koji služi za testiranje web strana u svim relevantnim web čitačima (cross browser testing), njihovu dijagnostiku i međusobno upoređivanje,
• PHP hints za rad sa PHP kodom,
• integrisan CSS inspection kojim je rad sa CSS kodom pojednostavljen jer obezbeđuje vizuelni prikaz elemenata strane i njihovu jednostavnu modifikaciju (ukoliko koristite Firefoxovu ekstenziju Firebug ova novina u Dreamweaveru će vam omogućiti da CSS inspection koristite na sličan način).

Jedna od novina u programu Flash CS5 koja je spomenuta na prezentaciji je novi format zapisa fajlova sfl (Flash CS5 Uncompressed Document) koji omogućava rad na istom fajlu od strane više osoba. Pored toga, novi Flash ima mogućnost kreiranja aplikacija za iPhone.

Predstavljene su i nove zanimljive alatke Illustratora kao što su: perspective tool (crtanje objekata na mreži u perspektivi), draw inside (crtanje unutar objekta), shape builder (alatka za spajanje više oblika u jedan, jednim klikom) poboljšanja u radu sa art board-ovima. Ono što bih posebno istakla je Bristle brush, interaktivna alatka kojom slikate u vektorskom formatu, nešto potpuno novo i jedinstveno. Novina je i Pixel preview, prikaz vektorskog crteža kao bitmape pri čemu postoji mogućnost modifikacije piksela na mreži za potrebe eksportovanja u bitmapu.

InDesign i Photoshop su predstavljeni na kraju prezentacije gde smo imali prilike da se upoznamo sa njihovim novim alatima i karakteristikama. Istakla bih samo nekoliko.

Novina u InDesignu je povezivanje fontova sa dokumentom što znači da ne moramo imati instaliran veliki broj fontova na računaru već se prilikom pokretanja dokumenta (ukoliko je font u istom direktorijumu kao i dokument koji se otvara) font privremeno instalira a nakon zatvaranja dokumenta se deinstalira. Ovo je značajna ušteda resursa. Mini Bridge daje pregled svih fajlova (fotografija) korištenih u dokumentu. Posebno mi se dopala opcija za Live Caption koja omogućava automatsko iščitavanje različitih podataka iz fotografije (na primer ime autora, opis i drugih podataka iz File info). InDesign sada može da pravi i interaktivne prezentacije koje uključuju animacije, slajdove i video zapise.

I za kraj, moj omiljeni program Photoshop donosi izvanredne mogućnosti za obradu fotografija od kojih je najznačajniji Content Aware koji po mom skromnom mišljenju predstavlja pravu revoluciju u retuširanju i obradi fotografija. Pored Mixer Brush i Puppet alatke, unapređen je i rad sa 3D objektima. Ono što će posebno obradovati fotografe je Camera RAW koji je, prema rečima gospodina Imširagića podignut na nivo vrhunskih alata za rad sa RAW formatima fotografija. Još jedna novost koju donosi Photoshop je potpuno nov način zumiranja dokumenata.

Prema rečima prezentera osobina celog paketa CS5 je da radi brže, alati su optimizovaniji a programi zauzimaju manje resursa. Radujem se instaliranju novog paketa (koji sam imala prilike da probam i vidim) i verujem da će pojedini procesi rada biti ubrzani a posebno me raduje što je Adobe pokušao (i verovatno uspeo) da ovim alatima omogući većem broju korisnika da brže i jednostavnije kreiraju interaktivne sadržaje. Za moju profesiju to znači da svako može da se bavi svojim delom posla bolje i kvalitetnije ali i da može jednostavnije da komunicira i prilagodi svoje projekte kolegama sa kojima sarađuje.

Za detaljniji prikaz novih karakteristika programa iz paketa CS5 pogledajte sajt kompanije Adobe ili Adobe TV.

Prikaz ovog događaja možete pročitati i na Personal Magazinu.

Na web sajtu izdavačke kuće “Kompjuter biblioteka” objavljeno je novo elektronsko izdanje knjige u kojoj sam korak po korak objasnila proceduru pomoću koje možete napraviti pozadinu za vaš desktop za Dan zaljubljenih. U okviru tutorijala korišćeni su različiti koraci koje možete primenjivati i u drugim situacijama, odnosno jednostavne procedure koje vam mogu olakšati rad.

Preuzmite knjigu u elektronskoj formi sa sajta Kompjuter biblioteke.

Preuzmite wallpaper 1680 x 1050 px (fajl je preuzet 103 puta).

Trenutno se refleksije na tekstu i crtežima vrlo često koriste. Napraviti refleksiju na tekstu je zapravo vrlo jednostavno i može se uraditi u samo par jednostavnih koraka.

Napravite novi dokument u Photoshopu. Napišite tekst i obojite ga bojom po vašoj želji.

Desnim tasterom kliknite na tekstualni sloj na panou Layers i iz menija izaberite Rasterize Type. Zatim napravite duplikat sloja i izaberite Edit > Transform > Flip Vertical. Pomerite tekst prema dole da biste ga postavili ispod teksta. Dok povlačite tekst držite pritisnut taster SHIFT da biste ga pomerali paralelno sa originalnim slojem.

Kliknite mišem na ikonicu Add Layer Mask na donjem delu panoa Layers da biste kopiji sloja sa tekstom dodali masku.

Uzmite alatku Gradient Tool iz kutije sa alatima i pritisnite taster D na tastaturi ili ikonicu ispod polja za Foreground i Background boju. Tako ćete podesiti crnu za površinsku (Foreground) i belu za pozadinsku (Background) boju.

Proverite da li je na panou Layers na sloju sa kopijom teksta aktivna maska (kada je aktivna, maska je uokvirena crnom zadebljanom linijom).

Povucite alatkom od dole prema gore.

Volim da koristim maske jer ne brišem piksele trajno već u svakom momentu mogu da napravim korekcije na sloju ili vratim piksele koje sam prethodno obrisala odnosno zaštitila maskom. Prilikom dodavanja gradijenta ili kreiranja refleksije na ovaj način tekstu možete dodati bilo koju pozadinu jer će se sloj koji predstavlja odraz originalnog sloja u tom slučaju prilagoditi bilo kojoj boji.

Smanjite Opacity sloju da biste dobili bolji efekat. Po želji možete izvršiti i neku transformaciju, ma primer Edit >Transform > Perspective.

Preuzmite PSD fajl (fajl do sada preuzet 117 puta).

Nivo: početni.

Još jedan način za kreiranje maske na delu fotografije je upotreba veoma interesantne opcije Color Range. Ovo je zapravo jedan od načina za kreiranje selekcije pomoću koje ćemo napraviti vrlo preciznu masku. Kao i u prethodnom primeru, cilj je oživeti fotografiju i napraviti korekciju bezličnog neba.

Otvorite fotografiju koju želite da korigujete. Na fotografiji koju ću koristiti u ovom primeru je Novi Bečej fotografisan za potrebe web sajta udruženja Ekovaroš.

Prvi korak biće priprema slike koja podrazumeva smanjenje dimenzija i kropovanje. Originalne dimenzije ove fotografije su 1072×804 piksela što je previše i za obradu i za postavljanje na sajt. Moja preporuka je da fotografiju koju pripremate za postavljanje na web stranu smanjite na dimenzije koje će odgovarati web strani a zatim izvršite korekcije. Pri tom vodite računa da ne radite sa isuviše malim dimenzijama u slučaju da pravite umanjenu verziju (thumbnail) koju postavljate na stranu i uvećanu koju dobijate klikom na thumbnail.Fotografija je kropovana na 500 px širine.

Ukoliko je fotografija mutna iskoristite Sharpen tehniku kako biste je izoštrili. Na ovu fotografiju je primenjen samo Sharpen filter - Filter > Sharpen > Sharpen.

Za korekciju neba ću koristiti istu tehniku kao i u prethodnom primeru (upotrebom lejera sa gradijentom) ali ću masku napraviti na drugi način. Iz menija Select izaberite opciju Color range. Otvoriće se prozor u kome ćete videti masku (ukoliko želite, možete izabrati i opciju Image umesto Selection koja prikazuje masku). Eyedroper alatkom kliknite na deo fotografije koji želite da maskirate. U ovom slučaju to je nebo. Tako ćete izabrati boju od koje pravite selekciju.

Kliknite na ikonicu Add to Sample (pipeta sa znakom +) i pritisnite levi taster miša i povlačite po ostatku neba kako biste dodali boju na masku. Vodite računa da selektujete piksele sličnih nijansi. Ukoliko pogrešite možete koristiti opciju Subtract from Selection (pipeta sa znakom -) da uklonite neželjene piksele ili možete resetovati Color Range opciju: postavite miša iznad tastera Cancel i pritisnite ALT taster, dugme će se promeniti u Reset taster. Za precizniju masku možete koristiti i klizač Fuzziness.

Kada ste dobili masku približnu onoj koja vam odgovara pritisnite OK. Ne brinite ako maska nije savršena jer ćete je doraditi kasnije. Dobili ste selekciju koju ćemo iskoristiti za maskiranje. Dok je selekcija još uvek aktivna napravite novi lejer i pritisnite ikonicu Add layer mask. Lejer sam nazvala nebo.

Pritisnite ALT taster i kliknite na ikonicu maske lejera nebo na panou Layers. Tako ćete dobiti crno belu maskiranu verziju fotografije, odnosno radićete direktno na maski.

Uzmite četkicu (Brush) i napravite korekcije na maski bojeći crnom i belom.

Kliknite na kućicu ispred ikonice lejera nebo na panou Layers (ikonica oka) kako bi lejeri ponovo bili vidljivi. Pazite! Sada je na panou Layers izabrana maska i ako dodate gradijent to će uticati na masku. Potrebno je da mišem kliknete na umanjenu verziju lejera (Layer thumbnail) kako biste selektovali lejer a ne njegovu masku. Oko umanjene verzije lejera na panou Layers pojaviće se beli okvir (kada je izabrana i aktivana maska, okvir se nalazi oko umanjenog prikaza maske).

Izaberite plavu za površinsku boju (u ovom primeru je korišćena boja sa oznakom #4988c2) i belu kao pozadinsku. Napravite linearni preliv od gore prema dole.

Da bi fotografija izgledala prirodnije i bogatije četkicom ću nacrtati oblak (četkice možete preuzeti odavde). Oblak je nacrtan belom bojom, jednim potezom.

Ako je potrebno, napravite korekcije i na drugim delovima fotografije. Na primer, u ovom slučaju je pojačan kontrast da bi se naglasile boje na čamcima. Vrlo često koristim opciju Curves (Image > Adjustment > Curves) jer osim kontrasta menja i druge karakteristike fotografije. Curves primenite na Background lejer ili napravite pomoćni lejer (adjustment layer).

Fotografija izgleda mnogo bolje, boje su življe, nebo je vedro.

Dobila sam neki materijal za sajt Ekovaroši, udruženja za čistiju varoš za koji sam nedavno radila redizajn i za koji me je angažovala firma sa kojom sarađujem dugi niz godina, E-KONEKTA.

Fotografija bledolika i nebo je, na primer, ostalo bez boje. Da bih je oživela, primenila sam nekoliko jednostavnih koraka koje generalno možete primeniti kod fotografija na kojima imate nebo, prirodu, zelenilo i gde je potrebno naglasiti svaki od ovih delova. Cilj je zapravo - pojačati boje.

Otvorite u photoshopu fotografiju koju ćete obrađivati. Ukoliko je potrebno, smanjite je na dimenzije koje će vam najviše odgovarati. Ja sam fotografiju Novog Bečeja smanjila na širinu od 500 piksela jer je to dovoljno da stane na web stranu.

Korekcije boje neba

Napravite nov lejer. Obojite ga gradijentnim prelivom od plave ka transparentnoj. Ja sam koristila plavu boju sa oznakom #006eea. Lejeru dodelite Overlay blend mod da bi se stopio sa pozadinom, odnosno sa lejerom ispod. Tako ćete vratiti teksturu donjeg lejera i originalnog neba. Lejer sam nazvala nebo.

Kreiranje maske

Da bi plavo-beli gradijent bio primenjen samo na nebo, potrebno je da uklonimo suvišne delove. To ćemo uraditi koristeći maske. Stanite na lejer nebo i dodajte masku klikom na ikonicu maske (Add layer mask) u dnu panoa Layers. Dobićete belu - praznu masku. Uzmite četkicu (Brush) iz palete sa alatima ili pritisnite taster B na tataturi. Za površinsku boju izaberite crnu boju a za pozadinsku - belu (možete pritisnuti taster D na tastaturi da biste automatski podesili crnu i belu).

Bojeći crnom bojom po maski četkicom pravite poteze po celoj površini slike osim po delu gde se nalazi nebo. Izaberite meku četkicu (soft brush).

Ukoliko postoje detalji koji se nalaze preko neba, kao lampe u ovom slučaju, potrebno ih je pomoću maske  ukloniti sa gradijentnog lejera.

Naglašavanje zelene boje trave

Da bih naglasila zelenu boju trave iskoristila sam pomoćni lejer (adjustment layer) Curves. Podesila sam krivu tako da dobijem naglašenije zelene površine na fotografiji i da istaknem travu. Pomoću maske zaštitiću sve delove fotografije osim trave, drveća i žbunja. Crnom bojom na maski povlačim poteze po svim delovima osim po travi i drveću.

Dodavanje detalja: oblaci

Fotografija već sada izgleda mnogo bolje. Ali, da bih dodala nekoliko detalja za prirodniji izgled, napraviću par oblačića na nebu. Napravila sam novi lejer i nazvala ga oblaci. Imam set sjajnih braševa (četkica) koje mi omogućavaju da jednostavnim klikom nacrtam oblak. Četkice besplatno možete preuzeti odavde.

Izabrala sam belu boju kao površinsku i na novom lejeru nacrtala oblak.

Opsecanje slike (kropovanje, crop)

I kao poslednji korak kropovala sam fotografiju kako bih odsekla donji deo na kome se vidi pešačka staza.

Maskiranje pojedinih delova slike je ključna stvar kod ovakvih korekcija na slici gde je svakom delu potreba odgovarajuća korekcija, odnosno kod fotografija gde nije moguće jednom vrstom podešavanja dobiti odgovarajuće rezultate.