Grunge dizájn scrapbookos szemmel

Három évvel ezelőtt, nem sokkal azután, hogy rám talált a scrapbook, észrevettem magamon, hogy ki van élezve a szemem mindenféle grafikus megoldásra, textúrákra,  köztük például a televízióban a filmelőzeteseknél be-be villanó feliratokra. Ezek a feliratok piszkos-kopott szabálytalan betűkből álltak.

Grunge-nak hívják ezt a stílust. Az angol szó jelentése: piszkos.

A kilencvenes években kezdte térhódítását a nyomtatott sajtóban. David Carson amerikai grafikus munkája volt a legmeghatározóbb ezen a téren, őt tekintik a grunge stílus megteremtőjének. Az általa tervezett magazinok merőben más összképet mutattak az addig megszokottól.

A webdizájnban 2008-ban kezdett divatossá válni, amikor is a megszokott szabályos elrendezéseket, fényes gombokat természetesebb hatású, szabálytalanabb formák és színek váltották fel. A nyomtatásra szánt grafikáknál ezek azonban kissé visszafogottabbak, ugyanis egy weboldalnál elengedhetetlen, hogy logikus és áttekinthető (felhasználóbarát) legyen.

E stílusból kapunk kóstolót manapság oly gyakran a tévé képernyőjén(figyeljük meg a krimik intróját) , háttereken és feliratokon, különféle weboldalakon. Természetesen a scrapbookban is van ilyen trend.

Néhány jellegzetessége: kopott, elnyűtt, régi-hatású hátterek, természetes textúrák és mintázatok, szabálytalan, aszimmetrikus elrendezések, graffitik, kézi rajzok, firkák, tintapacák, természetes matt földszínek és élénk színek (vörös, sárga)  keveredése.
Inspirációért nem kell messzire mennünk. Ezentúl örülhetünk az összefirkált falaknak, kiömlött kávénak, kopott, hulló vakolatnak, olajos aszfaltnak, piszkos terítőnek, foltos, összegyűrt, elszakadt papírlapoknak, kiolvasott, elszíneződött napilapoknak, a városi betondzsungelnek, rozsdamarta felületeknek. Tehát rengeteg olyan dolognak, amiben azelőtt talán semmiféle szépséget nem láttunk. Most már más szemmel nézzük őket is. És akkor rájövünk, hogy valójában remek fotó-, scrapbook-, web-, művészeti alapanyagok.

A fentebb ismertetett vonásokat mutatják a grunge díszbetűk is, amelyből hatalmas mennyiség áll ingyenesen a rendelkezésünkre.

Néhány kedvencem, amit mostanában kipróbáltam:

http://www.dafont.com/turbo-ripped.font

http://www.dafont.com/birth-of-a-hero.font

http://www.dafont.com/anthology.font

http://www.fontspace.com/livin-hell/got-heroin

http://www.fontspace.com/nihilschiz/faith-collapsing

http://www.fontspace.com/last-soundtrack/epoxy-history

Ezeket rövid feliratokhoz ajánlom. Ékezetes karaktereket nem tartalmaznak, és a betűk formája miatt meglehetősen nehéz lenne őket nagy mennyiségben pótolni. Általában freeware fontok, amelyeket személyes (nem üzleti) célokra szabadon felhasználhatsz.

Lehet még válogatni gyűjteményekből:

http://www.dafont.com/gyom-seguin.d1198?page=1

http://smashinghub.com/30-creative-grunge-fonts-for-your-next-design.htm

http://www.webdesignbooth.com/60-awesome-grunge-font-that-every-designer-should-collect/

Grunge textura gyűjtemények:

http://www.grungetextures.com/

http://www.textureking.com/index.php/category/grunge

Grunge ecset gyűjtemények:

http://www.youthedesigner.com/2008/07/28/200-free-grunge-photoshop-brushes/

http://browse.deviantart.com/?qh=&section=&global=1&q=grunge+brush

Végül, de nem utolsósorban egy grunge webdizájn témájú magyar weboldal, tutorialokkal, linkgyűjteményekkel.

http://www.grunge.hu

Aranymetszés Gimp-pel

Akár hiszed, akár nem, ezzel az ingyenes és remek programmal az aranymetszeti vonalakat és pontokat igen gyorsan és számolgatás nélkül is meg lehet határozni.

Hogy hogyan? Lássuk!

1. Nyissunk meg egy új képet a szokásos méretben (3600*3600 pixel).

2. Válasszuk ki a téglalap kijelölő eszközt, az eszköztár alsó felében a paramétereknél állítsuk be lent az aranymetszést. Így jelöljük ki a teljes képet. A kijelölő eszköz egy olyan hálót láttat most, amelyben aranymetszeti vonalak és pontok vannak. Döntsük el, melyik vonalra ill. pontra van szükségünk és jegyezzük fel egy cédulára a pozícióját. Pld nekem a jobb alsó sarok szimpatikus ami 2225 pixelen van a függőleges és vízszintes vonalon is. A kurzort vigyük az aranymetszeti pontra, így a vonalzón függőlegesen és vízszintesen is leolvashatjuk az értékeket. A két értékhez húzzunk segédvonalalakat. A vonalzóról az egérmutató nyomva tartásával húzzuk a kép megfelelő részére a vízszintes, majd a függőleges segédvonalat.

3. Nyissuk meg a fotót a képen belül: Fájl/megnyitás rétegként

4. Ennek is meghatározzuk az aranymetszeti pontját egy másféle trükkel! A kép fölött hozzunk létre egy új, átlátszó réteget. A téglalap kijelölő eszközzel kerítsük körbe a fotót. A fotó fölött most megjelenik a háló. Jegyezzük fel az értékeket és ez alapján húzzuk meg a segédvonalat. Lépjünk át a felette lévő, átlátszó rétegre és válasszuk ki az ecset eszközt. Tegyünk egy pöttyöt a metszéspontba. Láncoljuk össze a fotó és a pont rétegét, majd húzzuk az oldalhoz meghúzott vonalak metszéspontjába.

5. Ezután adjunk alfa csatornát a fotó rétegéhez. Jobb egérgomb a rétegen, majd alfa csatorna hozzáadása. Szüntessük meg a pont láthatóságát, vagy ki is törölhetjük.

6. Keressünk kiegészítőket, háttereket az oldalhoz és folytassuk az emlékmegőrzést!

Fotómanipuláció

A heti CEWE kihívás feladata: Készíts rossz minőségű fotóból oldalt.

Mivel nekem szinte minden fotómat korrigálnom kell valamilyen szinten, nem okozott gondot, hogy találjak egy megfelelő példányt.  Ám ezúttal mégsem egy megszokott átlagos fényképet választottam, hanem egy eredetileg nagyon is jó papírképet, ami az idők során némiképp megkopott, porosodott, a szkennelés sem épp tökéletes és eredeti mérete alapján maximum 9*13 cm-es nyomtatásra alkalmas. Ezt próbáltam meg átalakítani. Először csak javítgatni szándékoztam, de mivel a kontraszton és a porszemeken kívül más hiba nem volt rajta, és a különbség nem volt elég látványos,  gondoltam ki is színezem. És ha már kiszíneztem, miért ne legyen festményszerű..Ha meg úgyis bevetek mindenféle szűrőt és effektet, akkor akár lehetne már belőle egy kisebb poszter is. Hát így lett egy kis 9*13 cm-es szürkeárnyalatos papírképből egy 30*30 cm-es színes  scrapbook oldal rengeteg manipulációval és nagyon kevés kiegészítő elemmel. Ez utóbbiak a legújabb készletemből valók, amit pénteken láthattok majd egyben.

Ez az eredeti fotó:

Ha fekete-fehér a képem, akkor azt digitálisan is telítetlenné teszem a Kép/Korrekciók/Telítettség csökkentése menüponttal, ezzel az esetleges elszíneződések el is tűnnek.

Első lépés mindig a színkorrekció. Szürkeárnyalatos esetén ez eléggé egyszerű, inkább csak a megfelelő kontraszt elérésére szolgál, hogy a különféle részletek láthatóak legyenek. Ezt a műveletet vagy a szintek (levels) vagy pedig a görbe (curves) eszközökkel, ez a kettő ugyanazt tudja, csak más a megjelenítése, számomra a szintek érthetőbb.

A grafikonon a bal oldali fekete csúszkát oda állítom ahol a „hegy kezdődik” ez állítja a legsötétebb színek tartományát (minél inkább balra húzom annál nagyobb felület lesz sötét), a jobb szélső fehér a világos színeket jelzi, ezt előnézet ellenőrzése közben  kb. a „hegy túlsó lábához” állítom, a középső közepes árnyalatokat jelző szürke háromszöget pedig az előnézeti kép alapján mozdítom a megfelelő irányba, amíg nem lesz jó a végeredmény.
Színes képeknél színcsatornánként is be lehet ezeket állítani külön-külön.

Retusáláshoz első körben mindig a helyi javító ecset eszközt használom, ahol az alt billentyű benyomása nélkül egy kattintásra korrigálhatok kevésbé részletes területeket, pld ott ahol csak egy porszem van ez többnyire elegendő. Kissé bonyolultabb korrekcióhoz a klónozó eszköz a megfelelőbb.

Ezzel maga a javítás el is készült.

A színezést úgy csináltam,  hogy az eredeti fotóból készítettem több rétegmásolatot (annyit ahány színt szerettem volna a képre vinni) ezeket a rétegmásolatokat átszíneztem a Kép/Korrekciók/Színezet/Telítettség menüponttal, amit még módosítottam a Színegyensúly menüponttal is.  A képemen a kék (tó) zöld (fák és domb) barna színeket választottam ki. Az összes réteget maszkoltam és a megfelelő helyeken átsatíroztam. (a tó kék lett, a háttérben lévő hegy zöld és barna stb.) A végeredmény eléggé ijesztő lesz, de itt még nem szabad abbahagyni. Így nézett ki:

Összeolvasztottam a „kilyukasztott színes rétegeket” és az eredeti (javított) fekete-fehér alá tettem. A felső színes réteg fedési módját szendvicspozitívra tettem (gimp-nél ez a szorzás) és az alsó fekete-fehér rétegen erőteljes gauss elmosást alkalmaztam. (az előnézeti kép alapján határoztam meg az értékét. Majd összeolvasztottam a két réteget és az egészen egy finomabb (1 pixeles) elmosást csináltam. Ezzel nagyon egyszerűen el lehet érni festményhatást.

Felnagyítottam az egészet 3600 pixel szélesre és egy vászonra helyeztem. No innen már magam sem tudtam igazán követni mit csinálok, de volt mindenféle kísérlet a rétegmódokkal, további színezések,  maszkolás, satírozás, maszatolás, a szűrők közül a száraz ecset és homokkő textúra, de bevetettem Krisssz „Fényözön” leckéjét is.

A címfelirathoz Retro Rock Poster a szöveghez Rough Typewriter betűtípusokat használtam, mindkettő grunge díszbetű, az első nagyon szép és látványos, de csak rövid feliratok készítésére alkalmas, de a második folyó szövegekhez is kiváló és még magyar ékezetes karaktereket is tartalmaz.

Íme a végeredmény:

Fotókönyv – ajándék tanítónéninek :)

Májusban egy titkos meglepetésen dolgoztam.
Timi idén volt negyedik osztályos és a tanítónéninek búcsúajándékként egy fotókönyvet is adtunk. Tavaly már készítettem kettőt hasonló céllal,  egy óvodás és egy iskolás témájút.

Ezúttal is hasonló koncepciót követtem, csak még több anyag állt rendelkezésemre, ráadásul nem is akármilyenek, ugyanis az egyik apuka a fotós, aki az osztályképeket és portrékat készíti, tőle kaptam a képek nagy részét, ami igencsak javára vált a végeredménynek.

A könyv 42 oldalas. Az első osztályos csoportképpel indítottam.  Minden gyerek rajzolt és írt valamit (levelet, idézetet és volt ki a saját maga költötte verset) Ezek az alkotások kerültek az elsős és negyedikes portrék mellé. Mindenkinek lett így egy saját oldala. Fontosnak tartottam, hogy az ő saját kezük munkája kerüljön a képekre, ettől lett igazán egyedi és személyes, más mint egy szokványos fotókönyv, ráadásul  így nemcsak én, hanem az összes gyerek és szülő részt vett az alkotási folyamatban.  A rajzokat és írásokat, amelyiket lehetett, a háttérbe dolgoztam. Erről a módszerről az egyik Scrapbookozz velünk magazinban írtam egy cikket régebben
Ezeket egészítettem ki osztályképekkel és a többi fotóval,  melyek kirándulások, erdei iskolák, rendezvények alkalmával készültek.  A záróoldalon a gyerekek írásait összegeztem a tanítónéni fotója mellett.

A rajzos oldalakat egyesével terveztem, a kirándulásokat, egyebeket oldalpáronként. Egy oldalpár kivételével mind ugyanazon háttér elé került és hasonló elrendezéseket alkalmaztam.

A borítóhoz rengeteg elemet felhasználtam (Scrap Girs, Designer Digitals dizájnerek, Jopke, Loncika + saját készleteim) és ez az első saját tervezésű borítóm, az előző fotókönyveimhez mindig vászonkötést kértem.  Nagyon jó, hogy a CEWE programjában ki lehet próbálni, hogy fog kinézni az előhívott könyv, így át tudtam szabni előhívás előtt és tökéletesen a helyére került minden apróság. A belső oldalak kevésbé díszesek, mert azoknál a gyerekek fotói és rajzai a hangsúlyosak.

Az oldalszélekre is jobban odafigyeltem, mint máskor, ebben ez a cikk volt segítségemre.

Tegnap adtuk át az évzárón, nagy sikere volt. 🙂

Élethű hatások Gimp-pel – domborított felirat a szalagra

Elérkeztünk a legszebb részhez, amikor befejezzük a szalagunkat, habár szerintem az első lecke alapján akár ki is lehetett találni a technikát.

1. Nyissuk meg a tegnap elkészített árnyékolt szalagot
2. Válasszunk ki egy plasztikus hatású betűtípust, pld Plastique, és a szalag színétől eltérő, világos színt (fehéret). Növeljük meg a betűméretet kb. 16 pontra vagy 67 pixelre.


3. Az áthelyezési eszközzel helyezzük a szalag közepére
Láthatjuk, hogy a betű jellegéből adódóan már most domború hatása van, de ezt a hatást teljes mértékben élethűvé tehetjük a következő trükkel:
4. Készítsünk egy rétegmásolatot a szövegről.
Az alsó rétegen alkalmazzunk gauss elmosást, melynek értéke kb. 4 pixel legyen.

5. A rétegek párbeszédablakban válasszuk ki az a szövegréteget, ahol nem alkalmaztuk az elmosást.
A menüből válasszuk ki a Szűrők/Leképezés/Buckaleképzés menüpontot. A megjelenő ablakban az elmosott szöveg rétegét jelöljük ki és a preview bekapcsolása mellett kísérletezzük ki a három felső csúszkán, hogy melyik érték a felel meg legjobban a célunknak. Ha tetszik, fogadjuk el.

6. Íme a végeredmény:

Ha tetszett, akkor ezzel az eljárással bármilyen felirattal készíthetsz címkéket, amelyeket felhasználhatsz scrapbook oldalaidon.