Archive for the 'Kiadványszerkesztés' Category

Elemental Scraps és Amazon.com gift card

Az Elemental Scraps-on tegnap jelent meg a szeptemberi Designer Samplers! Az összes designer mintacsomagja benne foglaltatik, köztük az én részem, ami itt fent  látható. A Basic Grey Origins papírkészlet színei inspiráltak, pontosabban az alábbi hagyományos oldalam, amit nagyon szerettem készíteni:

Teljesen újfajta akció indul az üzletben: december 31-ig minden ES készletre fordított dollár 1 amazon pontot ér, 100 amazon pontért pedig egy 5 dollár értékű Amazon kártya igényelhető.
Az akcióról részletesen itt olvashatsz. Az Amazon ajándékkártya (amazon gift card) tájékoztatójához pedig kattints ide!

Minden héten van két termék, amelyre bónusz pontok járnak. Az egyikük ez a Designer Samplers, amely most akciósan 3.99-ért kapható és 10 pontot ér!

Kis kitérőt teszek logótervezés irányba, ugyanis az utóbbi néhány napban erre a témára koncentráltam.  Ebből a logóból pedig igazán van mit tanulni :)

Az Amazon.com története 1995-ben kezdődött. Nevét a Föld leghosszabb folyamáról kapta.  Online könyvesboltként indult, mára a világ egyik legnagyobb elektronikus üzlete (a könyvektől a bútorokon át az élelmiszerekig mindenféle terméket közvetítenek) Ezt a széles választékot jelképezi a logójában szereplő A-tól Z-ig mutató (vásárlók elégedettségét jelző) mosolyt formázó nyíl.

Forrás: share a logo

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!

Aranymetszés

Az aranymetszés egy arányokra vonatkozó szabály, melyet gyakorta használnak a művészetekben (még a zenében is) építészetben, tipográfiában, kiadványszerkesztésben. Mivel a scrapbook leginkább a kiadványszerkesztéssel, más változatai a kollázskészítéssel mutatnak erőteljes rokonságot, érdemes megismerni ezt a fogalmat annak érdekében, hogy még jobb hatást tudjunk elérni oldalaink megalkotása során.
Az aranymetszés vagy aranymetszet szerint esztétikailag legvonzóbb az olyan arány, amelyben a kis rész úgy aránylik a nagyobbhoz, mint a nagyobb rész az egészhez.
Számokban kifejezve a Fibonacci számsor közelíti ezt meg. Ennél a számsornál az első tag a 0, a második az 1 az utána következő pedig mindig az előző kettő összege, tehát 0,1,2,3,5,8,13,21 stb. A számsorból pedig a 3, 5, 8 számokat ragadjuk ki.
Nézzük meg ezt egy egyszerű és nem túl számolásigényes példában, készítsünk egy címsort kétféle betűmérettel és vastagsággal.


Az arany szót Arial Black betűtípusból 50 pontosra, a metszet szót pedig Arial regular betűtípusból 30 pontosra vettem, a kettő együtt pedig 80 pontot tesz ki. Tehát a három szám 3-5-8 így szerepel benne. Tapasztalhatjuk, hogy valóban szemnek kellemes a hatása. Persze nem fontos ennyire pontosan számolni, a címfeliratoknál, wordartoknál az a lényeg hogy jól látható legyen a különbség. A példában azért tér el a betűk vastagsága is. Erre majd egy másik bejegyzésben vissza szeretnék térni, mert a téma megér egy újabb misét.
Az aranymetszetet használhatjuk a fotó elhelyezésére is az oldalunkon, ugyanis legtöbbször a fényképen van a fókusz.


Kissé időigényes módszer az oldal és kép felosztása segédvonalak segítségével. Tegyük ezt úgy, hogy mindig megfelezzük az oldalt függőlegesen és vízszintesen is, mindaddig, míg nyolc-nyolc egységet nem kapunk a négyzet (fotó illetve oldal alap) minden oldalán. Függőleges és vízszintes irányba is húzzunk vonalakat a következő beosztás szerint 3-2-3 egység. E vonalak találkozási pontjai az aranymetszeti pontok. Ha ugyanezeket a pontokat megkeressük a fotónál is és úgy helyezzük az oldalra, hogy a pontok fedik egymást akkor az elhelyezésben betartottuk az aranymetszeti arányt. A vonalakat aranymetszeti vonalaknak hívjuk, ezeket is lehet használni az elhelyezéshez.

Ha tovább szeretnénk nehezíteni a dolgunkat, akkor a méretek arányában is igazodhatunk még ehhez. Egy 30*30 cm-es oldal esetében például annak területe 900 cm2, ha ezt elosztom nyolc felé, akkor 112,5 cm2 jön ki egy egységnek, öttel szorozva, kerekítve 562-t kapunk, ez kb egy 25*23 cm-es téglalap területe (nagyon kerekítve). Ha ezt a téglalapot elhelyezzük az oldalon láthatjuk hogy körülbelül hogy néz ki a kisebb és nagyobb rész aránya. Alkothatunk úgy, hogy erre az öt egységnyi területre kerülnek a fotók, díszek, írások, a maradék, három egységnyi terület pedig üresen marad.

Most, ahogy elnézem ezt a fenti ábrát, egészen jó kis sokképes sablon lehetne belőle további aranymetszeti vonalak meghatározásával :)

Persze egyáltalán nem fontos pontosan követni ezeket a szabályokat, az alkotás legyen mindig szabad és örömteli tevékenység, másrészt pedig azért mert főleg a területszámításnál borzasztóan bonyolult lenne pontosan számolni, mert például a szövegek közti terület is üres résznek számít! Legtöbbször elég ha a már kialakult szépérzékünkre hagyatkozunk. Vagy (és ezt kezdőknek mindenképpen ajánlom) nézegessük kedvenc dizájnereink profi oldalait és próbáljuk meg alkalmazni az elrendezés és méretarány ötleteiket saját munkáinkon is.

Az aranymetszésnek van egy másik értelme is, ami a könyvkötészethez, nyomdaiparhoz kapcsolódik. A könyv vágott részeit, azaz a lapok szélét ott ahol nincs kötés, nem hagyják fehéren, hanem annak érdekében, hogy ne piszkolódjon, arany színű fóliával, un. aranyfüsttel vonják be. A felületet több lépésben hibátlanul simára csiszolják, lemossák, fenyőgyanta-alkohol keverékkel lekezelik, majd arany fóliával bevonják. Gyönyörű és igen értékes kiadványok születnek így.

Újítások a honlapon

Egy kis átöltöztetésen ment keresztül az oldalam.
Elsőként a logómat terveztem át. A tanfolyamon ugyanis hirdetéseket és névjegykártyákat szerkesztettünk legutóbb vektorgrafikus program segítségével és bizony rá kellett jönnöm, hogyha nem jó a logó (meg úgy általában a grafika) egy kiadványban, akkor hiába rendezem el jól a szöveget, egyáltalán nem lesz vonzó a végeredmény. Nem ártott egy kis gyakorlás és végül egészen jól sikerült. Most úgy érzem ez végre tetszik nekem is, így marad állandóra. A múltkor kitalált 7 színes pöttyhöz rendeztem az egészet, amit a fejlécben és a blinkie-ben is láthattok.
Annyira megtetszett ez a tevékenység, hogy utánanéztem annak, hogyan készül egy cég arculata, begyűjtöttem egy csomó linket és könyvcímet és még biztosan olvashattok ilyesmiről is :)
A blogfejlécet is átalakítottam. Honlapomon a K2-es sablont használom, amelyen néhány szín, így a domináns kék és a szürkének ez a finom, világos árnyalata adott. Nem piszkálok bele a sablonba, inkább a saját elemek színeit igazítottam hozzá. A kék csíkkal alul viszont annyira nem vagyok még kibékülve, szóval itt lehet hogy lesz majd még változtatás. Bence színezős képéhez még mindig ragaszkodom (mert úgy érzem nagyon illik, ahhoz, amit képviselni szeretnék) ehhez pedig kizárólag ezt a grunge-os, írott hátteret tudtam elképzelni…
Vannak új gombok is, amelyekkel a zárt oldalra kérhetsz jelszót, illetve léphetsz be.
Röviden ennyi…
És a lényeg. Most már két kattintással megoszthatod a Neked tetsző bejegyzéseimet e-mailben twitteren, facebookon és bármely más oldalon. Ehhez kattints ide alulra a Share this feliratra.
Ezen nagyon hasznos kis elemek. WordPresshez rengeteg van, csak győzze az ember átböngészni és kipróbálni.

Ha GIMP-es vagy akkor holnap reggel 8-kor várlak szeretettel ugyanitt! :)

Élethű hatások Photoshoppal – árnyék

Az előző bejegyzés alapján elkészített objektumot fogjuk árnyékkal ellátni ebben a leckében.

1. Nyissunk egy új képet 1000*1000 képpontos méretben fehér háttérrel

2. Új rétegként illesszük be a png formátumú téglalapot

3. Nagyítsunk rá

4. A rétegstílusok közül válasszuk a vetett árnyékot. A következő alapbeállításokat nyugodtan átállíthatjuk.

5. A keverési mód maradjon szendvicspozitív és a kívánt hatásnak megfelelően módosítsuk a távolságot terülést, méretet.
Érdemes a színt is módosítani. Ez mindig a háttér színétől függ. Például fehér háttér esetében a fekete túl sötét lenne, ezért sokkal jobb a lágyabb szürke.

6. A valóságban minél távolabb van valami a háttértől, annál nagyobb és világosabb az árnyéka.  Kézi scrapbook oldalon például egy matrica, mely rásimul a háttérre kisebb és sötétebb árnyékkal rendelkezik, mint egy 3D-s ragasztópöttyel rögzített papírvirág.

7. Mielőtt véglegesítenénk az oldalunkat érdemes mindenféle méretben megnézni, hogy jól állítottuk-e be az árnyékokat.

8. Ha tetszik az eredmény, mentsük el png formátumban.

A következő leckében ezt fogjuk felhasználni.

Élethű hatások Photoshop-pal – domborítás

Nemrég volt egy olyan kihívás a Scrapbook.hu-n, amelynél technikaváltás volt a feladat: digitális oldal alapján kellett készíteni hagyományosat vagy fordítva. Nagyon szép oldalak születtek mindkét tábor képviselői által.

Sok digi-scrapbookos törekszik az élethű hatásokra. Ehhez mindenképp ajánlatos olykor hagyományos alkotásokból kiindulva dolgozni, s még jobb, ha mi magunk készítünk néhány kézi oldalt, hogy minél jobban meg tudjuk figyelni az árnyékokat, felületeket.

A photoshop segítségével nagyon könnyen el tudjuk érni ezeket a hatásokat a rétegstílusok segítségével. Fontos, hogy ne elégedjünk meg az alapbeállításokkal. Kísérletezzük bátran velük!

A következő három napban elkészítünk valamit (majd a végén kiderül, hogy mit), amely során megismerkedünk néhány rétegstílus használatával.

Velem tartasz?

Akkor vágjunk bele! :)

1. Nyissunk egy új dolumentumot (1000*1000 pixel) Rajzoljunk egy téglalapot. Az enyém 600*90 képpont méretű.

2. Válasszuk a Bevésés és Domborítás (Bevel and emboss) rétegstílusból a belső vésetet (inner bevel):

3. Először az árnyalást változtassuk meg. A csúcsfénymód, mely szendvicsnegatívra van állítva alapbeállításban fehér. A szendvicsnegatív (screen) esetén mindig világosabb színt kapunk. Állítsuk ezt olyanra, amely jobban illik az objektum színéhez. Én a blogfejlécben látható kék színt használtam és ennek egy egészen világos árnyalatát választottam ki úgy hogy a szendvicsnegatív csúszka melletti színválasztó ikonra kattintottam és a pipetta segítségével mintát vettem a kék négyzetemről. Majd a kapott palettán balra fel húztam a csúszkát és egy fehérhez nagyon közeli  kékes színre tettem:

4. Az árnyékmód shadow, mely szendvicspozitívra van állítva, alapbeállításban fekete. A szendvicspozitív (multiply) esetén a két színt összeszorozza a program. Minden esetben sötétebb színt kapunk végeredményként, ha fekete szín van valahol, akkor a végeredmény kizárólag fekete lehet. Az árnyékmódnál mi is mindig az alapszínnél sötétebb szín válasszunk, de ne feltétlenül feketét. Főleg világos színek esetében kerüljük el a feketével való árnyalást. Én az előző pontban ismertetett pipettás módszerrel kevertem ki egy sötétkéket.

5. A célnak megfelelően változtathatunk az árnyékmód és csúcsfénymód átlátszóságán, a szerkezet mélységén, méretén és lágyságán. A lágyítást csaknem minden esetben érdemes picit növelni.

6. Nézzük meg nagyban és kicsiben is, hogy megfelel-e ez a beállítás.

7. Tegyük láthatatlanná a háttérpapírt és mentsük el png formátumban a téglalapot.

6. Készen is van:

Holnap folytatjuk!

Plakát készítés

Janka “Lift egy csavarral” kihívását semmiképp nem szerettem volna kihagyni. A feladat liftelés (=inspiráció, tetszőleges elemek – színek, formák, elrendezések – átvétele másoktól az alkotás során). Ami rendhagyó benne, hogy nem scrapbook oldalakról kellett ihletet merítenünk, hanem plakátokból, cd borítókból, nyomtatott hirdetésekből.

Először valami nagyon ütőset szerettem volna kreálni, Keresgéltem is ehhez különleges plakátokat, tutorialokat, csakhogy sehogyan sem tudtam megfelelő fotót és témát találni ezekhez.

A Smashing  Magazine honlapján van egy gyűjtemény,  rengeteg részletes útmutatóhoz vezet el a témában: hogyan készíthetünk lenyűgöző hirdetéseket és plakátokat Photoshop és Illustrator segítségével: Amazing Poster and Advertisement Tutorials.

Sajnos nem sikerült összehoznom, amit terveztem ezért fordítottam rajta egyet.

Tegnap Bence, miután hazajöttünk az oviból, azt mondta, hogy szeretne sütit sütni. Remek közös délutáni elfoglaltság a sütés, feltéve, ha az ember nem akar valami sosem próbált különlegességet összehozni. Gyorsan kerestem egy egyszerű receptet, kimértem a hozzávalókat, ő pedig boldogan kevergette.

Stahl Judit: Végre otthon szakácskönyvében találtam egy ínycsiklandó képet és leírást görög citromos sütiről, amit én szintén lifteltem, méghozzá csavarral, merthogy citrom nem volt itthon. Citrom helyett narancs került bele.

Íme az én módosított receptem.

Hozzávalók:

20 dkg rétesliszt
10 dkg búzadara
20 kávéskanál szódabikarbóna
35 dkg cukor
1 csipet só
3 tojás
1 narancs

Először a tészta hozzávalóit keverjük össze: lisztet, búzadarát, cukrot, szódabikarbónát, sót az egyik, a folyékony anyagokat – tojást, narancs reszelt héját, narancslét a másik tálban, majd az egészet összedolgozzuk habverővel. Sütőpapírral bélelt tepsibe öntjük és kb háromnegyed órát sütjük.

Erről az eseményről készült aztán a kép a kihívásra, amely a 2010-es fotókönyvem oldalait is szaporítani fogja, így két legyet ütöttem egy csapásra, sőt hármat mert azért annak ellenére, hogy egy nagyon egyszerű képet választottam, ebben is volt lehetőség a tanulásra.

Kerestem egy ételreklámot, mindjárt a második találat megtetszett.

és ez lett belőle:

A minimál stílusba is beleillettek Arenn tüneményes figurái, amiket már nagyon régóta szerettem volna felhasználni. A fehér háttér előtt minden elem tökéletesen érvényesül és a sok üres felület nem fárasztja a szemet feleslegesen és azonnal megtaláljuk a lényeget és természetesen bármilyen szín illik hozzá.  Az elemek, szövegek középre rendezésével pedig a minél gyorsabb figyelemfelkeltés a cél,  a hirdetéseknél többnyire ezt a rendezési elvet követik.

A precizitást úgy lehet fokozni, hogy amikor a képeket egymás mellé rendezzük, akkor jól kinagyítjuk a nézetet és mozgatáshoz nem az egeret, hanem a kurzor billentyűket használjuk. Nekem például 7 pixel távolság van a fotók közt az eredeti 3600*3600-as oldalon.

Kétféle betűtípust használtam. Nagyon jó, ha egy rövidebb szakasz (a cím) és a hosszabb rész (leírás) közt erős kontraszt van, ezt különféle betűtípusok használatával tudjuk elérni. Címhez megfelelőek a díszbetűk, én például egy bohókás karaktert választottam: “A little pot“, amit a gyerek és étel témához is illőnek találtam. A többi szöveghez pedig egy egyszerű,  jobban olvasható, talp nélküli (groteszk) betűtípust, a Calibrit, illetve annak bold változatát kétféle méretben.

Januári összefoglaló

Scrapbookos körökben bizonyára ismerősen cseng a Project 365 elnevezés. Ennek lényege, hogy minden nap örökítsünk meg egy élményt és foglaljuk oldalba. A Blog4scrap oldalán egy remek ismertető és kedvcsináló cikket olvashattok róla és rendszeresen letölthetők sablonok is hozzá.
Bár – szerény véleményem szerint – végigcsinálni csak  rendíthetetlenül stabil energiaszinttel rendelkezők tudják. Magamat ismervén idén is csak a könnyített változatba kezdtem bele. Tavaly a fontos eseményekről készítettem egy-egy oldalt, idén pedig emellett minden hónapról tervezek egy összefoglalót. Ha úgy jobban tetszik ez a Project 12 :)
Ezúttal nagyobb hangsúlyt helyezek az írásra is.
Az írás sokszor bensőséges, sőt az a jó ha szívből jön és őszinték vagyunk önmagunkhoz, mintha naplót írnánk. Azonban vannak esetek, mikor nem szeretnénk minden részletet megosztani a nyilvánossággal. Ilyenkor el lehet  mosni a szöveget, eltakarni a képen szereplők arcát. Jó megoldás, ha a publikus verzión írásunkat véletlen szöveggel helyettesítjük, mert ilyenkor a szövegkép ugyanolyan mutatós marad, mint az eredetinél, mégsem olvasható.
A Lorem ipsumot használják a kiadványok tervezésénél a betűtípusok, tipográfiai jellemzők és az elrendezés bemutatására. Ezt a scrapbook oldalaknál is bátran kipróbálhatjuk. :)

Itt találsz egy Lorem ipsum generátort.

Oldalam hozzávalói:

Crafty kit – háló, címfelirat, varrás

Emlékeztető: Most a teljes készletet megnyerheted tőlem. Vasárnap éjfélig tart a játék! Részletekért kattints ide!