HTML

Leírás

Még egy blog az információs grafikákról. Azért mert nagyon szeretjük őket nézni és készíteni egyaránt. Jó sok időt töltöttem velük eddig, itt kicsit rendszerezem az elmúlt évek élményeit. Kapcsolat: bence.mikola@gmail.com

Csatlakozz!

Címkék

alberto cairo (1) Alberto Cairo (1) Andrew Kovalev (1) Antonio Farach (1) artisjus (1) Bárány Krisztián (1) Batman (1) Beatles (1) bor (2) Brazília (1) buborék diagram (1) Címkék (1) Costa Concordia (1) Dancsák András (7) David McCandless (1) diagram (2) divat (1) dob (1) Donald (1) El Mundo (2) esettanulmány (6) facebook (1) fantasy (1) fender (1) Ferenc Ferdinánd (1) FourFourTwo (1) fuck (1) futball (2) Gagarin (1) galéria (39) Galla Miklós (1) hiba (1) hibás (2) himnusz (1) hirdetés (1) hofi (1) hogy készült (1) idő (1) inbfografika (1) infografika (72) infographicsmag (1) ing (1) InGraphics (2) interaktív (3) iron man (1) James Bond (1) Jan Schwochow (1) jég (1) JFK (1) karácsony (1) katona (2) Képeslap (3) Képes Sport (1) kiscelli múzeum (1) klasszikus (1) könyvajánló (1) kördiagram (1) lapszemle (1) Led Zeppelin (1) magyar (2) Magyar Nemzet (3) Máté István (4) média (1) merénylet (1) Mike Portnoy (1) Mikola Bence (14) Minard (1) Moszkva (1) mozi (2) műhelytitok (2) National Geographic (1) nb1 (1) Nemzeti Dal (1) nemzeti sport (1) New York Times (1) Nike (1) nyakkendő (1) nyomdagép (1) olimpia (1) orosz (1) Oscar (1) oszlopdiagram (1) pálinka (1) pápa (2) reklám (3) retro (1) Robin Williams (1) Rolling Stones (1) saját (2) sajtó (1) Sasha Brichkin (1) sci-fi (1) sör (3) sportgéza (1) stratocaster (1) Superman (1) Szarajevói merénylet (2) Szentpétervár (2) telesport (1) Terence Hill (1) történet (1) Toseland (1) tutorial (1) űrhajó (1) űrutazás (1) vasember (1) Vettel (1) vicces (1) világbajnokság (1) visualloop (2) wired (1) zene (1) Címkefelhő

Szerzők

2014.02.03. 10:00 mbence

Izometrikus Macintoshok és Ipadek

Így készült...

Volt már szó az izometrikus megjelenítési forma előnyeiről amikor Dancsák András vendégposztjában bemutatta a módszer lényegét. Eddig nem sok grafikában használtam izometrikus ábrákat, de mindig elismerően bólintottam, ha találkoztam valahol velük. Például pár éve, amikor az Európa-bajnokság stadionjairól készítettünk egy sorozatot, András rajzolt egy ilyen kis kiegészítő ábrasort. A teljes grafika is nagyon jó lett (itt látható), de a poznani grafikában nekem ez volt a kedvenc részem:

poznan_kisstadion.jpgeredetileg 1hasáb, álló formában lett elhelyezve, csak szétvagdostam, hogy ne tolja szét a posztot

Azt hiszem azóta vártam az alkalmat, hogy ilyen ábrákat rajzolhassak, amióta ezen az anyagon dolgoztunk. Az alkalom jelentem megjött, de a túl sok örömöt nem hozott magával (legalábbis kezdetben).

Múlt héten volt az első Macintosh gép piacra dobásának harmincadik évfordulója. Ennek apropóján kértek a Magyar Nemzet Magazinba egy ezzel kapcsolatos infografikát. Másik régi tervem volt, hogy oldalakon át folyassak egy vonaldiagramot. Most lehetőség volt mindkét vágyam megvalósítására. A grafika alapja az Apple árfolyama volt. Szerencsére évtizedeken át nem sok minden történt vele, így szépen meghúzta magát az oldal alján. A kétezres években aztán nekilódult, hogy szépne mellé lehessen szedni a szöveget. Első lépésként felrajzoltam az oldaltervre, hogy nézne ki a grafika. Így:

apple_elsovazlat.jpgOldalpárt terveztünk, de nem középsőt, így az árfolyam görbéjét meg kellett szakítani a felénél. A tőzsdei adatsor egyúttal egy idővonal, amin jól elhelyezhetők az Apple fontosabb termékei. Ott alul azok a kis firkált téglalapok. A hipotézisem az volt, hogy az új fejlesztések sikere szépen követhető lesz az árfolyam változásán. Ez nem igazolódott be, gyakorlatilag az elmúlt évtizedig alig van mozgás a görbén. Biztos ennek is van érdekes magyarázata, de nézzük inkább a grafikákat.

Nem szerettem volna fényképeket használni az Apple termékek bemutatásakor, mert a rajzos megoldások mindig adnak valami többletet az ábrának. A kérdés csak az volt, hogy milyen stílusban dolgozzunk. Az újság fekete fehér, napilapos papírra nyomva. Ilyen kis méretben és nyomdatechnikával 3D-s modellek nem mutattak volna jól. Az izometrikus, vonalas ábrák viszont jól érvényesülnek. Itt egy részlet a végleges grafikából.

regi_gepek.jpg

Nem volt bevált módszerem így András tippjein felbuzdulva leszedtem pár referencia képet és elkezdtem kapásból vektorosan rajzolni az első Macintosht. Annyira jó lett, hogy ki se merem tenni ide :)

Látszott, hogy ebből nem lesz használható anyag, kellett valami segédlet, hogy ne szálljak el az arányokkal, formákkal. Találtam a neten egy iso grid alapot, amit kinyomtattam és ceruzával elkezdtem vázlatolni rá. Nagyon sokat segített a grid háló. A referencia fotókat szem előtt tartva mankót készítettem magamnak a vektorizáláshoz. Beszkennelve így nézett ki:

apple_isovazlat_01.jpg apple_isovazlat_02.jpg

 

Szkennelés után bepakoltam Illustratorba és elkezdtem átrajzolni. Sok apró részletet ekkor kellett kitalálni, de a gépek tömege biztosan fel lett rakva, plusz ekkor is a háttérben volt még az iso grid így nem volt túl nehéz feladat. A vonalas rajz elkészülte után minden felületet kitöltöttem fehérrel, rendbe tettem az alá-fölé rendeltségeket és máris mehetett a helyére.

vektorizalas.jpg

A végleges oldalpár pedig ilyen lett:

20140125_Magazin_Applestory_kisebb.jpgMagyar Nemzet Magazin 2013. 01. 25. 

1 komment

Címkék: diagram esettanulmány infografika műhelytitok Magyar Nemzet Dancsák András Mikola Bence


A bejegyzés trackback címe:

https://infograf.blog.hu/api/trackback/id/tr935790545

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben és az adatvédelmi tájékoztatóban.

Reggie 2014.02.04. 10:20:53

Igy elnezve az Apple arolyama pont olyan gorbe, mint a tulipane volt.
süti beállítások módosítása