VISSZA A FŐOLDALRA | FLICKR | FACEBOOK | TWITTER


A FOTÓ TEXTÚRÁZÁS ALAPJAI (PHOTOSHOP)

Mivel többen több helyről is érdeklődtek a képeim megtekintése után a textúrázás mibenléte felől, gondoltam összedobok egy kis bemutatót erről. :)

A leírás a szoftver egyik régebbi verziója alapján készült (CS2), illetve feltételezi a legalapvetőbb ismereteket a programmal kapcsolatban (ennek ellenére igyekeztem minél alaposabb leírást készíteni, hiszen mégiscsak kezdőknek szól).

1. lépés - A FELHASZNÁLNI KÍVÁNT ALAPANYAGOK BETÖLTÉSE

Miután megnyitottuk a Photoshopot, töltsük be az átalakítani kívánt képünket, fotónkat, illetve magát a felhasználandó textúrát (a lenti képen ez az állapot látható). Textúrát rengeteg helyről lehet letölteni (pl. deviantart, flickr), a flickr-en saját csoportja (group) is van "Textures for layers" néven. (elérhető itt: http://www.flickr.com/groups/textures4layers/) Jelen cikk megírásának pillanatában több mint 15 000 kép található a csoportban, nagy többségük szabadon felhasználható személyes (free for personal use), hobbi célú felhasználásra is, sőt elég sok akár üzleti célúra (free for commercial use) is. (Ezen tudnivalók általában a kép alatt fel vannak tüntetve.)

Ha a kiválasztott textúránk mondjuk álló helyzetű, a képünk pedig fekvő, akkor értelemszerűen a textúrát is forgassuk el fekvő helyzetbe.

Én az alábbi képet és textúrát választottam, de utóbbit mindenkinek a saját fantáziájára bízom.



2. lépés - MÉRET (FELBONTÁS) ÉS MÉRETARÁNY KÉRDÉSE

Második lépésként meg kell vizsgálni a betöltött képek méretét és méretarányát.
Ha azonos a méretarányuk, akkor csak annyi a dolgunk, hogy vagy a fotót a textúra méretére kicsinyírjük (file -> image size), vagy fordítva, értelemszerűen ez attól függ, hogy melyik a nagyobb méretű (felbontású).

A konkrét példánál a méretarányok egy kicsit eltérnek, a textúra kicsit "hosszúkássabb". Ez szabad szemmel nem biztos, hogy kiterül, mert elég kicsi az eltérés, de miután a fotót a textúra szélességéhez (width érték) vagy magasságához (height érték) igazítottam, a másik "nem stimmelt".
Jelen esetben a textúra felbontása 726 x 1024 pixel, míg a fotó szélességét ha 726 pixelre állítom, akkor a magassága csak 968 pixel lesz.
Ebben az esetben két megoldás van, vagy a textúra magasságához igazítjuk a fotót, ebben az esetben a textúra nem fogja teljesen beborítani a fotót, tehát meg kell azt vágni (a "crop tool" segítségével), vagy pedig ha a textúra szélességéhez igazítom a fotót, akkor a textúra egy része (az alsó és felső szélei) "le fog lógni" a munkánkról. Mivel itt nem zavaró, ha a textúra említett részeiből kimarad egy kicsi, így ebben az esetben az előbbi megoldást választottam.

A fotó tehát a textúra szélességéhez lett igazitva, mindkettőnel 726 pixel most már a szélessége.

(Természetesen nem muszáj és a kép és a textúra méretét egymáshoz igazítani. Ha pl a textúra jóval nagyobb felbontású mint a fotónk, és úgy végezzük el a következő lépéseket, hogy nem változtatunk a méretén, akkor is nagyon érdekes hatásokat lehet elérni. Előfordulhat olyan eset is, amikor ez a megoldás kifejezetten előnyös a munkánkra nézve.)

3. LÉPÉS - A TEXTÚRA RÁHELEZÉSE A FOTÓNKRA

Ehhez a lépéshez nem kell mást tenni, mint a kijelölni az úgynevezett mozgató eszközt ("Move tool", lásd a lenti képen, a bal oldalon lévő eszköz paletta legfelső sorának jobb oldalán kijelölve), majd a textúra rétegére kattintani, végül az egér bal gombját nyomva tarva áthúzni a képet a fotóra ("drag and drop" módszer).
Valószínűleg ezzel nem kerül egyből pontosan a fotó fölé az új réteg, tehát egy olyasmi állapotot kapunk, mint ami a lenti képen is látható.



4. LÉPÉS - A TEXTÚRA PONTOS BEIGAZÍTÁSA

Ügyeljünk arra, hogy továbbra is a "move tool" legyen aktív, és az egér gomb folyamatos nyomva tartásával helyezzük a textúrát középre.
. A 2. lépésben leírtakból következően a textúra magassága nagyobb lesz mint a képé, úgyhogy alul és felül is kimarad némi részlete, de ez egyátalán nem zavaró ebben az esetben. Miután középre (vagy oda ahol mi jónak látjuk) igazítottuk a képet egy olyan állapotot fogunk kapni, mint ami a lentebbi képen látható. Ekkor az "eredeti" textúrát tartalmazó ablakot zárhatjuk, nem lesz már rá szükségünk, innentől csak 1 ablakban dolgozunk tovább.



5. LÉPÉS - ISMERKEDÉS A RÉTEGEKKEL (LAYERS)

Mielőtt tovább folytatnánk a munkát, vessünk egy pillantást a lenti képre, ahol a jobb alsó sarokban lévő dobozban láthatóak a rétegek (layer). A rétegek működésének megértése elsődleges fontossággú a Photoshop használatához (erről majd egy későbbi írásban).
Jelen pillanatban két réteget fogunk látni ebben a kis ablakban. Van az alap fotó (background - háttér) és felette a textúra rétege (most nem adtam neki külön nevet, így a program automatikusan "layer 1", azaz "1-es réteg" névre keresztelte).
Kattintsunk ebben a rétegkezelő ablakban a textúra rétegére (ekkor sötét lesz a színe), ezzel ezt a réteget tettük aktívvá, bármi változtatás vagy törlés, amit ezután végzünk, ezen a rétegen lesz érvényes, az alatta lévőt nem érinti.



6. LÉPÉS - RÉTEGEK ÖSSZHATÁSMÓDJÁNAK MEGVÁLTOZTATÁSA (MULTIPLY)

Miután kijelöltük a textúra rétegét, következik a legfontosabb lépés.
A máe említett - jobb alsó sarokban lévő - rétegkezelő ablak bal felső részen találunk egy legördülő menüt, amely alapértelmezetten "normal" módra van állítva. Ebből a lenyíló menűből a különféle réteg összhatásmódokat (blending modes) választhatjuk ki, amelynek azt befolyásolják, hogy az egymás felett elhelyezkedő rétegek milyen módon jelennek meg egymáshoz képest.
Ha erre a kis menüre kattintunk, a felugró ablakból felülről a negyedik opcíót válasszuk ki, ami a "multiply" (lásd a lenti képen). Ha textúrázni akarunk egy képet, akkor ez a leglényegesebb mozzanat. :)
A multiply opció egyébként magyar nyelvű fordításban az igen érdekes "szendvicspozitív" nevet kapta.
Miután tehát "multiply"-ra állítottuk a legfelső réteg összhatásmódját, láthatóvá vált a textúra alatti réteg is, azaz a fotónk. (lásd kettő fotóval lentebb)
Ha szigorúan technikailag nézzük akkor ezzel be is fejeződött a textúrázás folyamata. Van olyan fotó ami ennyivel is jól néz ki, de szerintem ebben az esetben még nem az igazi.





Itt jegyezném meg, hogy a továbbiakban ismertetésre kerülő lehetőség csak egy a sok közül, innentől kezdve mindenki az egyéni ízlését és kreativitását kamatoztathatja, hiszen a Photoshopban a lehetőségek tárháza szinte kimeríthetetlen.

7. LÉPÉS - SZATURÁCIÓ (SZÍNTELÍTETTSÉG) EMELÉSE

Már az eredti fotóra sem mondhatjuk, hogy kicsattan a színektől, a textúrázás után pedig méginkább sötét ill fakó lett, így kicsit felturbóztam a színeket.
A lenti képen, a rétegek alatt piros karikával jeleztem azt az ikont, amire rákattintva felugrik egy ablak, amiben a "hue/saturation" opciót kell kiválasztani, ha a színtetítettséget (szaturáció) szeretnénk növelni. Az újabb ablakban a középső sáv az amire szükségünk van (lásd a lenti képen), a színek élénkítéséhez jobbfelé kell elhúzni, mindenkinek a saját ízlésére tartozik, hogy mennyire teszi ezt meg. Miután "leokéztuk", az eddigiek mellé egy 3. réteg is megjelenik, ez hordozza a színbeli változtatásokat



8. LÉPÉS - ÚJABB "BLENDING MODE" BEÁLLÍTÁS

Ha azt szeretnénk, hogy a színtelítettséget hordozó réteg harmonikusabban illeszkedjen a fotóhoz, akkor ismételjük meg a 4. kép felett látható műveletet azzal a különbséggel, hogy most a "muliply" helyett a "saturation"-t válasszuk ki. (lásd a lenti képen) Arra ügyeljünk, hogy a színtelítettség által létrehozott rétegünk (Hue/Saturation 1) legyen ekkor aktív.



9. LÉPÉS - A TEXTÚRA EGY RÉSZÉNEK TÖRLÉSE

A következő lépéssel még különlegesebbé tehetjük a textúrás munkánkat, legalább is szerintem elég sok képnek nagyon jól áll ez a kis "trükk".
Arról van szó, hogy a textúrának egy részét eltüntetjük, mintegy kilyukasztjuk azt, és ezáltal az érintett részeken csak maga az alap fotó fog látszódni "szüzen", illetve a rajta végrehajtott módosítások (jelen esetben szín élénkítés - lásd a 7. lépést).

Ehhez a trükkhöz a radír eszközre (eraser tool) van szükségünk. A bal oldali eszközpalettán kattintsunk rá (felülről a 6. sorban bal oldalon található).
Ekkor a programablakban a felül lévő vizszintes részen, annak a bal szélen megjelenik egy kis ecset ikon és mellette a brush felirat. Attól jobbra látható egy kis nyíl, arra kattintva pedig lenyílik egy ablak (lásd a képen), ahol többek között az ecset méretét és fajtáját jelölhetjük ki. Ecsetnek azt a kör arakú részt nevezzük, ami a lenti képen a fotón is látható, és ez jelöli ki hol fog végrehajtódni a törlés.
Ami a beállításokat illeti: a legfontosabb, hogy ne átmenet nélküli ecsetet válasszunk ki (ezek vannak legfelül), hanem átmeneteset, így harmikus hatást érünk el és nem durva annak a résznek a határa ahol még van textúra, és ahol már nincs. A méretben is minél nagyobbat érdemes beállítani, illetve ez a kép aktuális felbontásától is függ.



Miután megvagyunk a törlő ecset beállításaival, jöhet a törlés.
Először is nézzük meg, hogy a rétegkezelőnél a textúra rétege (layer 1) legyen kijelölve, majd vigyük az ecsetet a fotó fölé és vagy 1-1 kattintással, vagy folyamatos egérgomb nyomvatartással végezzük el a kívánt rész törlését. Ez az átmenetes ecset olymódon működik, hogy a kör középpontjától távolodva egyre kevésbé érezteti a hatását.
Jelen esetben elsősorban a tó kék részére helyeztem a hangsúlyt, így lehet elérni ezt a különlegesebb hatást.



10. LÉPÉS - A "SELECTIVE COLOR" HASZNÁLATA A KÉK SZÍN MEGVÁLTOZTATÁSA ÉRDEKÉBEN

A törlés befelyezése után még egy kicsit alakítottam a képen, nevezetesen a kék színen erősítettem egy kicsit, így a kitörölt textúra alatt még hangsúlyosabb és érdekesebb lett a kék szín.
A 7. lépésben ismertetett szaturáció növeléssel szemben most az volt a cél, hogy csak a kék részek változzanak. Ehhez az úgynevezett "selective color"-t (szelektív szín) kell használni. Ekkor ugyanazt kell tennünk, mint amit a 7. lépésben, csak most a felugró ablakban értelemszerűen a "selective color" részre kell kattintani, majd az igy megjelenő ablak felső részén a színek (Colors) közül a kéket kiválasztani (a legördülő menüben a Blues).
Ezután a csúszkák jobbra és balra történő csúsztatásával lehet a kék szín különféle összetevőit erősíteni és gyengíteni, közben a képen most is folyamatosan figyelhetjük a változtatásokat.
Természetesen erre sincs egy mindenkire érvényes recept, addig kell kísérletezni az értékek változtatásával, amíg a kívánt eredményt el nem értük.



Ezzel meg is volnánk, íme a kész kép. :)

Természetesen másképp is meg lehet csináléni. Pl. lehetséges további variáció ezen a képen, hogy a textúrát a mostaninál nagyobb vagy éppen kisebb területen törlöm ki, illetve azzal is el lehet játszani, hogy ezt a középen "kilyukasztott" textúrát megduplázom (jobb gombbal kattintás a textúra rétegére, és a felugró ablakban a "duplicate layer"-t, azaz a réteg megduplázását kell kiválasztani), ekkor a textúra még erősebben fog látszani a megmaradt részeken. Ilyenkor érdemes a második textúrarétegből még törölni kicsit, hogy csak egészen a szélein maradjon meg a képnek, mintegy keretbe foglalva azt. Ez utóbbira példa EZ és EZ a képem.

Néhány, hasonló módszerrel (nem fedi be az egész képet a textúra) elkészült képem látható pl. ITT, ITT, ITT, ITT, ITT, ITT, ITT, ITT, ITT, ITT, ITT, ITT és ITT. A felhozott példákon szerintem elég jól lehet látni, hogy van ahol egy egész kicsi területen radíroztam ki a textúrát, viszont van ahol mondjuk csak a kép széleinél hagytam meg.

Itt jegyezném meg, hogy vannak olyan esetek mikor kifejezetten jó, ha az egész képet textúra borítja, vagy azért mert egyszerűen úgy esztétikusabb, hatásosabb és jobban érvényesül (szerintem EZ, meg EZ, meg EZ a kép jó példa erre), vagy azért mert mondjuk elfedi a kép egy adott hibáját. Pl. EZEN és EZEN a képen a textúrával fedtem az eredeti fotó erős zajosságát. Ennnél a két utóbbi példánál egyébként többször is duplikálva lett a textúra, alatta pedig erőteljesen megemeltem a fotó szaturációját, így ezzel a módszerrel fesményszerű hatást tudtam elérni. A többszörös textúra duplázás kapcsán jegyezném meg azt is, hogy a vannak olyan textúrák vagy olyan fotók, aminél az adott textúra, csak így fejti ki igazán hatását (pl. ENNÉL a képnél 2-3 alkalommal is megdupláztam a textúrát).

Végezetül még annyit, hogy egy fotón több textúra is felhasználható egymás felett, így lehet variálni a különféle hatásokat. Ha második esetleg harmadik textúrát is helyezünk a kép fölé, akkor ugyanúgy a "multiply" értéket hell használtunk. Ha azt szeretnénk, hogy akármelyik rétegünk halványabban látszódjon, akkor az adott réteget ki kell választani, majd a rétegkezelő palettán a jobb felső sarokban az "opacity" érték csúszkáját kell tetszés szerint állítani. Alapértelmezetten 100%-on van, tehát az adott réteg teljesen "látszik". Ha a csúszkát elkezdjük balfelé csúsztatni akkor a rétegünk fokozatosan elhalványul, amikor pedig elérjük a 0%-ot, teljesen eltűnik.
Ennek itt a textúrázásnál is nagy jelentősége lehet, ha azt szeretnénk, hogy pl a textúra kevésbé markánsan látszódjon, vagy pl több textúra együttes alkalmazásánál az egyik csak lágyabban látszódjon a képen.

Nyilvánvaló, hogy erősen szubjektív dolog az, hogy ki mit tart igazán szépnek, vagy ki melyik textúrát tartja illőnek egy fotóhoz és milyen módszerrel, úgyhogy hajrá, sok sikert a kísértezegetéshez. :)
(Ha valamelyik lépéssel nem boldogulsz, akkor dobj nyugodtan egy emailt, szívesen segítek. A címem a főoldalon megtalálható. :) )