Infografika és digitális scrapbook

Az infografika szöveg, rajz, fénykép együttes használatával létrehozott illusztráció, melynek célja az információ közlése. A témát személetesebben mutatja be mint egy fotó vagy szöveg külön, ezáltal könnyebben megérthető és megjegyezhető a mondanivaló. Mindig tartalmaz adatokat, a szövegek rövidek, többféle szín alkalmazásával tagolható az információ.

Valójában már nagyon régóta készítenek infografikákat. (Lehet, hogy a barlangrajzok is e célt szolgáltak? Hogyan kell levadászni a bölényt, stb) Műszaki leírásokban, tudományos könyvekben egészen biztosan találkozhatunk ilyen ábrákkal. Ezek közül az egyik legrégebbről fennmarad példa Christoph Scheiner, csillagász nap állásait bemutató rajza.

Mára pedig nem csak képek, hanem térbeli infografikák, videók és animációk is elterjedtek.

Az emberek nagyobb része elsősorban vizuálisan képes befogadni az információt, ezért ilyen jellegű kiadványok nagyon ajánlottak oktatóanyagokhoz, tanulmányokhoz. Weboldalakra, közösségi oldalakra is igen hatékony, hamar felkelti a figyelmet és az olvasók szívesen osztják tovább.

Megjelenés szempontjából fő jellegzetessége, hogy képek (rajzok, fotók) és szöveg (számok, szavak, idézetek) vannak rajta, de gyakori a különféle szimbólumok, táblázatok, diagramok, grafikonok, térképek használata is.

Elkészíthető különféle grafikai programokkal, elsősorban rajzolóprogrammal (Pld Adobe Illustrator) vagy képszerkesztővel (Adobe Photoshop, Gimp), de van több ingyenes online program is kifejezetten erre a célra. Mint például a következők:

Ha nem áll tőled távol az efféle látványvilág, illetve az adatok logikus, letisztult ábrázolása, akkor bátran próbálkozhatsz a scrapbookban is hasonló stílussal, nagyon érdekes oldalak születhetnek így és mindig jó érzés kipróbálni valami újat. Nem muszáj teljesen infografika jellegűnek lennie, elég ha egyes elemeket átveszel belőle.

Néhány tipp, hogyan kezdj hozzá:

Nézegess infografika gyűjteményeket. Itt van például az én Pinterest táblám, de a fent ajánlott online szerkesztőprogramokban még több példát találsz. Ha valamelyik tetszik, mentsd el magadnak.

Találd ki scrapbook oldalad témáját. Ha sok adat van, akkor érdemes ezeket először leírni, papírra, számítógépre, akár grafikon, diagram is készíthető.

Válaszd ki a fotót (fotókat), amiről az oldalt szeretnéd. (De fotó nélkül, különféle elemekkel is készíthetsz ilyet – ami rólad szól és nem valami konkrét témáról, üzletről, tudományról, az is scrapbook az én értelmezésem szerint)

Keresgélj piktogram stílusú kiegészítő elemeket. Néhány scrapbook dizájner kínálatában is találhatsz ilyeneket, de használhatsz weboldalakhoz készített ikonokat is. Ezek az ábrák mindig nagyon egyszerűek, színesek vagy fekete-fehérek, néha csak egy vonalból állnak.

Készítsd el az oldalad. Infografikákból kölcsönözheted a következőket

  • szimbólumok stílusát (egyszerű piktogramok, ábrák, nyilak)
  • az oldal felépítését (lineáris, kör alakú, „tortaszeletek”)
  • diagramok, grafikonok, táblázatok megjelenítését
  • néhány soros idézeteket
  • adatok feltüntetését
  • színek alkalmazását

Az oldal ilyenkor legyen szellős, áttekinthető, rendelkezzen elegendő üres térrel, inkább a minimál és grafikus stílus jellemezze.

Nyári hangulat, infografikus jellegzetességek az egyik digitális scrapbook oldalamon:

Hozzávalók: Tracy Martin – All Turn-up Shapes, Accoutrements9
Nyári ikonkészlet a Smashing Magazin.com-ról ( a Printerinks.com dizájner csapatától)
Font: Spelling Night Regular, TALUHLA Regular

Az oldal egyébként „fordítva” készült. Az ikonkészlethez igazítottam a témát és a tagolást.

Színes hetet kívánok!

Fotós felirat – GIMP lecke

fotós szövegeffekt

A ma bemutatott technikával fotós feliratot vagy alfa készletet tervezhetsz a GIMP-pel scrapbookhoz, webdizájn-hoz.

Ezeket használtam fel, töltsd le Te is!

Fotó (L-es méret 1920×1274 pixel)

Font: Bebas Neue

Nyiss meg egy új képet: Fájl/Új kép. Mérete legyen 1200×700 pixel, 300 dpi felbontással

1

Az eszköztárból válaszd a szöveg eszközt. Kattints bele a betűtípus megnevezésének mezőjébe és kezdd el írni a font nevét (elég az első két betű) és legördül a választék, ebből válaszd ki a Bebas Neue betűtípust.

2

A betű leggyakrabban használt mértékegysége a pont (pt). Ezt a betűtípus megnevezése melletti mezőben tudod beállítani:

3

A betűméret legyen: 72 pont. Húzz egy szövegkeretet a kép szélességében

4

A szöveg eszköz beállításainál jelöld ki a középre rendezést a megfelelő ikon kiválasztásával és írd be a szöveget.

5

Illeszd be új rétegként a tengerpartos képet: Fájl/Megnyitás rétegként

6

A rétegek párbeszédablakban húzd ezt az új réteget a szövegréteg alá, majd az áthelyezési eszközzel mozgasd tetszőleges pozícióba (a szöveg alá a megjeleníteni való képrészletek kerüljenek)

7

A Rétegek panelen a szöveg réteget tedd láthatatlanná a szem ikon kikapcsolásával. Jobb egérgombbal hívd le a helyi menüt, és válaszd az alfa csatorna kijelöléssé alakítása menüpontot.

8

A Rétegek panelen válaszd a fotó rétegét, a menüből: Szerkesztés/Másolás menüpontot.

9

Majd a Szerkesztés/Beillesztés másként/Új réteg menüpontot:

10

Szüntesd meg a kijelölést: Kijelölés/Semmit.

11

Az áthelyezési eszközzel mozgasd középre a szöveget. (Az elhelyezésben segíthet a még meglévő szövegréteg.) A szöveg és a fotó rétegét ki is törölheted. Adj árnyékot a felirathoz: Szűrők/Fény és árnyék/Drop Shadow (vetett árnyék). Mérete maradhat az alapbeállítás:

12

További textúra adható hozzá a domborítással. Szűrők/Dekor/Add Bevel

13

Töröld ki a háttér rétegét is. Kép/Rajzvászon illesztése a rétegekre menüponttal optimalizálható a képméret.

14

A Fáj/Exportálás másként menüponttal mentsd el. A megnevezés után kerüljön png kiterjesztés, így átlátszóságát megőrzöd.

15

augusztus

Talpas betűk – fontajánló

serif_fonts

Talpas (serif) betűtípusokat gyűjtöttem össze, méghozzá olyanokat, amelyeket bátran használhatsz bármilyen hosszú szöveghez: könnyen olvashatóak és magyar ékezetes karakteret is tartalmaznak ezek a készletek.

Első ránézésre 1-2 kivételtől eltekintve egyformának tűnnek, ezért készítettem még egy bemutató képet, hogy az egyes betűk is összehasonlíthatók legyenek.

serif_abcd

Tölts le őket itt:

  1. Allegreya
  2. Liberation
  3. Forum
  4. Tryst
  5. Judson
  6. Paciencia
  7. Nimbus Roman

Párosítsd talp nélküli betűtípusokkal!