MűhelyTitkok

Ha vektorgrafikáról esik szó, többnyire mindenkinek az Illustrator vagy a Corel Draw jut elsőnek eszébe. Kevesen tudják, még kevesebben használják a Photoshopba épített vektoros funkciókat, pedig hihetetlen szabadságot, rugalmasságot ad az alkotónak, ráadásul a megszokása sem bonyolult, hosszadalmas feladat. Megijedni sem kell, hiszen rengeteg előnyünk lehet a vektorok és shape-ek használatából akkor is, ha rajztudásunk éppen csak a pálcikaemberek megalkotására elegendő.

Alapok

A szoftverekben felbukkanó vektor kifejezés alig különbözik az iskolában, geometria-órán megismert fogalmaktól. A vektorokat a pixelekkel ellentétben egy matemetikai képlet segítségével definiáljuk és a későbbiekben a különféle szoftveres műveletek elvégzésénél (átméretezés, effektek stb.) ez a matematikai képlet a kiinduló pontja az algoritmusnak, tehát minden egyes ilyen műveletnél geometriai transzformáció megy végbe, a szoftveres számítás a matek képleten történik és nem bitmap-en (pixeleken). Ez az elmélet biztosítja, hogy a vektorok, shape-ek átméretezésnél semmilyen adat nem veszik el, azaz mindegy, hányszor és mekkorára méretezzük át az alakzatot, az élek határozottak, a görbületek élesek maradnak. A vektorokat kontrolpontok (anchor point) definiálják, a pontok közötti szakaszt pedig -görbület esetén- további anchor pointok írják le. (A Bézier-görbék leírására nem térek ki, ha valakit érdekel az elmélet, látogasson el erre a Wikipedia oldalra.) A Photoshop a vektorokat path-nak, az összekötöt vektorok által határolt alakzatot shape-nek nevezi.

Shape layerek és maszkok

Shape-eket csak shape layeren tudunk létrehozni, illetve a PS minden shape-nek létrehozza a shape layerét. A shape layerek ugyanazokkal a tulajdonságokkal rendelkezhetnek, mint a “hagyományos” layerek, a blend mode-ok, layer-effektek ugyanolyan hatással vannak rájuk és ugyanazokat a műveleteket lehet elvégezni velük. A shape layerek természetesen a layer palettán is megjelennek. A “hagyományos” raszter (bitmap) layereknek a jól ismert bitmap-maszkon kívül lehet shape-maszkjuk is. A shape layer tulajdonképpen egy egyszínű layeren létrehozott shape-maszk.

Photoshop shape mask egy bitmap layeren

Eszközök

Shape-ek létrehozására, szerkesztésére és a vektorokkal való munkára 3 féle eszköztár áll a rendelkezésünkre. A különféle Pen toolok (gyorsbillentyű: P és SHIFT+P a váltáshoz), a Path selection toolok (A és SHIFT+A) és az egyszerűbb és bonyolultabb shape-ek dokumentumon való létrehozására használható Shape toolok (U és SHIFT+U). A Pen toolokkal path-okat tudunk létrehozni - akad belőle szabadkézi rajzoláshoz és anchor-pointokat “összekötő” változat is. A Path selection toolokkal a már létrehozott path-okat, shape-eket és anchor pointokat tudjuk kiválasztani, hogy később különféle műveleteket tudjunk elvégezni rajtuk. A Shape toolokkal pedig létrehozhatjuk a dokumentumon vagy a maszkokon a shape-eket.

Egyszerű shape-ek, Custom shape-ek, Shape library

A Pen toolokra ebben az írásban nem térnék ki, ha valaki használ Illustratort, akkor ezzel a résszel is el fog boldogulni, igaz ez némileg gyengébb lehetőségeket biztosít bonyolultabb alakzatok megalkotására. Ami viszont már az elején izgalmas lehet, azok az előre definiált alakzatok: a Rectangle tool (négyszög), a Rounded rectangle tool (lekerekített sarkú négyszög), az Ellipse tool (ellipszis, kör) és a Polygon tool (háromszög, sokszög). Egy kis képzelőerővel és kitartással ezekből az egyszerű alakzatokból bármilyen bonyolult shape-et létre lehet hozni. A shape-eken természetesen az egymáshoz igazítás és az alapvető “összeadás-kivonás” műveletek is elvégezhetők. Érdekes funkció még a Combine, ami az összetett alakzatokból csinál nekünk egyetlen shape-et.

Photoshop shape műveletek

A létrehozott shape-eket természetesen elmenthetjük magunknak későbbi használatra a Custom shape library-be. (Custom shape-eket -hasonlóan a fontokhoz vagy brush-okhoz is rengeteg helyről lehet letölteni, érdemes utána nézni).

Logók, Fontok

Munkám során gyakran kerülök olyan helyzetbe, hogy az ügyfelem, kollégám nem rendelkezik az általam használt betűtípussal, ezért az őt megillető PSD fájlt nem tudja a későbbiekben megnyitni illetve további munkára továbbadni. Logóknál pedig alapvető elvárás, hogy nyomtatásban, illetve bármekkora méretben meg lehessen jeleníteni a brand, cég stb. egyik legfontosabb jellemzőjét, magát az emblémát, a logót. Rengetegszer találkoztam erre megoldásként azzal, hogy a logó megalkotója mellékel egy több ezer pixeles vagy egy nagy méretű, több száz dpi-s bitmapet is az elküldendő fájlok mellé azzal az érvvel, hogy ez majd “jó lesz, ezt lehet méretezni”. Valljuk be, ez egyrészt elég gyenge megoldás, másrészt nem feltétlen biztosítja teljesen a scalabilty-t. Mindkét esetre megoldás a shape-ek használata. A fontokat egy kattintással átalakíthatjuk shape layerré (Layer/Type/Convert to shape menü), ráadáasul a layer tulajdonságai teljes egészében megmaradnak. A logót pedig, ha shape-ben alkotjuk meg, már a kezdetektől fogva biztosak lehetünk benne, hogy az átméretezéssel sehol senkinek nem lesz problémája.

Átjárhatóság, kompatibilitás

A megalkotott shape-ek természetesen minden gond nélkül exportálhatók a PS által ismert vektoros formátumokra, illetve a shape copy-paste hibátlanul működik a Photoshop és az Illustrator (valamint az összes, shape-eket, vektorokat ismerő Adobe alkalmazás) között. Ez a lehetőség kétirányú, tehát az Illustratorban megalkotott shape-ek CTRL+C - CTRL+V-el beilleszthetők a Photoshop dokumentumra.

Negatívumok

Sok negatívumot nem igazán tudok felsorolni. A filterekről a shape layereken le kell mondanunk, ezen még a CS3-családban bemutatott Smart object sem segít. Bosszantó továbbá, hogy a mai napig nincs megoldva a Shape selection toolok logikus használata: sokszor egy mögöttes shape layert választ ki a Photoshop, mindegy, hogy a shape-em melyik részén kattintok.

Összegzés

Minden munkámban -legyen az webdizájn, logó, nyomtatvány-, amit csak lehet shape-ekkel hozok létre. Egyszerűen más nem biztosítja számomra ezt a szabadságot, valamint rugalmasságot a későbbi esetleges módosításoknál. A Photoshopot sokkal régebb óta használom, mint az Illustratort, ezért a használata számomra sokkal egyszerűbb, kézenfekvőbb, kényelmesebb. A Flash-ben is sokkal nagyobb hasznát veszem a szabadon méretezhető alakzatoknak, mint a bitmapeknek. A shape-ekkel hamar meg lehet barátkozni és némi ismerkedés után jelentősen gyorsabbá, logikusabbá teszi a munkát.

Példa

Végezetül letölthetővé tettem egy példafájlt (PSD), amiben egyszerű shape-ekből hoztam létre egy logót egy nem létező online rádióállomásnak.

Klikk a képre a letöltéshez! (zip, 1631KB)

Jó Photoshoppolást kívánok!