Gombok és menük
"Kivágott" menü


Webgrafika sorozatom harmadik részének eredetileg a feliratokat és logókat terveztem, azonban a nyomógombok, menűk és társaik témája akkora anyagot ölel fel, hogy menetközben meggondoltam magam, és maradok ennél a témánál ebben a cikkben, sőt az is lehet, hogy a következőkben is. Illetve, mint ahogy látni is lehet majd, nem igazán lehet (és nem is kell) ezeket a dolgokat szétválasztani, hiszen az alábbi összetett gombok tartalmaznak feliratokat is.

 

Első fázis


Essünk neki. Először is, nézzünk valami csinos texturát, vagy csináljunk. Én most márvány textúrákat fogok használni, mellékelek a cikk mellé néhányat, Ami fölkerül a cd-re is. Szeretném még megemlíteni, hogy tervezem egy olyan cikksorozat indítását is, ami csak a különféle textúrák előállításával foglalkozik, Photoshop-al (leginkább) és Painter-el (is). Remélhetőleg a következő lapszámban már elkezdődik.

Nos tehát ott van előttünk a monitoron a textúra, kapcsoljuk hát be a grid-et (View/Show Grid) és a Snap to Grid -et is (ettől minden vonalunk a hozzá legközelebb levő grid-vonahoz fog zárni, sokkal könnyebb pontosan dolgozni). Válasszunk ki a Crop eszközzel (a kijelölés eszközsor végén található) egy számunkra megfelelő nagyságú területet, és vágjuk ki a képből. Hogy álló, vagy fekvő téglalapot választ, esetleg négyzetet, azt mindenki eldönti magának. Ha a Snap to Grid be volt kapcsolva, akkor az új képen a kép szélei mind pontosan érintkeznek a háló széleivel, nincs olyan hogy a négyzetrács fele-harmada lelóg. Erre a pontos kijelölések miatt lesz szükségünk.

Miután megvan a méret, amit nagyjából szeretnénk, legelőször a téglalap alakú nyílásokat fogjuk elkészíteni. Először is csináljunk egy másolatot a Background layer-ről, remélhetőleg ez már senkinek nem fog gondot okozni, aki pedig esetleg már hosszú ideje próbálkozik vele, és mégsem sikerül, annak mellékelek egy kis gifanimációt...

Az új rétegen pedig hozzunk létre téglalap-alakú kijelöléseket, méghozzá a grid segítségével egyenlő méretben és egyenlő távolságokra. Az első kijelölés után a többit már a SHIFT lnyomásával csináljuk, mert így minden új kijelölés hozzáadódik az előzőhöz. Ha esetleg túl sok hely maradna ki valamelyik oldalon, mint ahogy a mellékelt ábra esetében is, akkor se essünk kétségbe, hanem a Crop eszközzel vágjuk ki a nekünk kellő részt.

Miután megvan a kellő számú téglalap, mentsük le a kijelölést (Select/Save Selection), szüntessük meg (Ctrl-D), írjuk föl a menűnek szánt címet, vagy valami olyasmit, hogy Welcome, vagy Isten hozott Ottlapomon (brrrr... ottlap sux!!!), vagy egyéb míves baromságot. Alakítsuk úgy (Free Transform, Ctrl-T), hogy dimenzióiban hasonló legyen mint a téglalapok, értem ezalatt, hogy ugyanolyan magasságú és szélességű legyen összességében, mint a téglalap kijelölések összessége. Miután ezzel megvagyunk, töltsük be a Layer Transparency-t (Select/Load Selection/Channel: Layer 1 Transparancy, de ugyanez, csak gyorsabban, ha az aktív feliratrétegre kattintunk a Layers palettán, a Ctrl billentyűt lenyomva). Miután megvan a betűk kijelölése, töltsük be hozzá a téglalapokét (Select/Load Selection/Channel: #4, Add to Selection [x]). Mentsük le ezt a kiválasztást is (ugye most látszódnia kell a felirat kijelölésnek és a téglalap kijelölésnek), ez lesz a #5, majd dobjuk ki a feliratot tartalmazó réteget, nem lesz rá tovább szükségünk.

Mivel az egész képre nincs szükség, vágjuk ki a kijelölést tartalmazó részt a Crop-al, lehetőleg úgy, hogy alul is és felül is ugyanannyi legyen a távolság.

És, amikor a betűk és a téglalapok egyaránt ki vannak választva, egy határozott mozdulattal nyomjuk le a backspace billentyűt (legutóbb valahol az ENTER fölött láttam). Na vajon mi lesz? Kitöröltük a kiválasztáson belüli területet. Ezzel az első fázis végére értünk.


Tovább

Grafika, szöveg, HTML-kód, design: Mammuth