fonts of animated short film

24
BALÁZSI ANNA Vizsgadokumentáció

Upload: anna-balazsi

Post on 29-Feb-2016

218 views

Category:

Documents


0 download

DESCRIPTION

Fonts of animated short film

TRANSCRIPT

Page 1: Fonts of animated short film

BALÁZSI ANNA Vizsgadokumentáció

Page 2: Fonts of animated short film
Page 3: Fonts of animated short film

BALÁZSI ANNA

Mozgóképi animációkészítő sII/14 EgmkSzinapszis Művészeti SZKI

Budapest, 2013

Page 4: Fonts of animated short film
Page 5: Fonts of animated short film

Fonts névre keresztelt fiktív betűforgalmazó cég

ingyenes betűkészleteinek a bemutatása.

Page 6: Fonts of animated short film
Page 7: Fonts of animated short film

BevezetőA design a grafikától a bútortervezésen át, egészen a filmkészítésig minden terü-leten a XXI. század globális jelenségévé vált. Használhatjuk kommunikációs vagy kifejezési eszközként, akár egy új közönség megnyerésére vagy a régi ösztönzésére. A formatervezés széles eszköztára képes újra és újra megújulni, ezzel bizto-sítva stabil helyét egy olyan világban, ahol a befogadót, másodpercenként új impulzusok érik. A formatervezés magába foglalja a különböző betűtípusokat és betűkészleteket is. Társadalmunkban a lehetőségek tárháza korlátlan, a bennünket körülvevő betűtípusok már túllépték a funkcionalitás vonalát, és egy az esztétika és a tervezői szabadság által irányított világot teremtették meg. A formatervezés olyan szinten beszivárgott a mindennapi életünkbe, hogy elvárásaink egyre magasab-bak vele szemben. Folyamatosan valami újat keresünk, egy újat és egy mégjobbat, ezzel nyomást gyakorolva a formatervezés ágazataira és magukra a tervezőkre is. A betűtervező tipográfusok kreatív munkája szerves részét képezi a kortárs vizuális kultúrának. Ma már elmúltak azok az idők, amikor egyetlen stílussal kife-jezhetnénk a kor szellemiségét. A tervezők szabadon alkalmazhatják a stílusjegye-ket, megragadva a lehetőséget, hogy a múlt és a jelen keveredésével létrehozza-nak egy újat a jövő számára. A formatervezést soha nem tapasztalt változatosság jellemzi. A XXI. század mindent magába szippantva képes egyes stílusokat kötött-ségeitől megszabadítva, egy új és modernebb irány felé terelni. Ahogy a formater-vezés többi szakágára is igaz, úgy a tipográfiára is, hogy ma már nem egyszerűen csak a formai vagy funkcionális kérdésekkel foglalkozik, hanem egy külön nyelv-vé fejlődött, amit ahhoz, hogy hatékonyan tudjunk alkalmazni, tökéletesen meg kell ismernünk. Ebben segítségünkre lehetnek azok a robbanásszerű változások, amiket részben a digitális kor rohamos fejlődése idézett elő, de részben az emberi kreativitás és kiváncsiság hozott felszínre.

Page 8: Fonts of animated short film
Page 9: Fonts of animated short film

Kutatás és gyűjtésA digitális kor gyors változása teremtette meg mindenki számára azt a lehető-séget, hogy már külső szakemberek segítsége nélkül kezelhesse és formálhassa a számára hozzáférhető betűtípusokat. Ennek köszönhetően, fantasztikus tipog-ráfiai fellendülés következett be. Az 1930-as években az American Type Founders évente átlagosan öt új betűtípust adott közre. Az Atomic Type legújabb Garage Fonts Collection katalógusában viszont 200 ábécé, szimbólum és díszítőelemcsalád szerepelt, ezek közül a legtöbb feltehetően az elmúlt évek terméke.

A fonttervező szoftverek sokkal egyszerűbbé, egyúttal sokkal olcsóbbá tet-ték az egész folyamatot, így könnyen elérhetővé vált mindenki számára, aki új betűtípus ötlettel állt elő. Az internet elterjedésének köszönhetően egyre több betűforgalmazó cég jelent meg online felületen is, akik az igények felmérését köve-tően, egyre több ingyenes vagy részben ingyenes betűkészletet tettek elérhetővé. Ezáltal színvonalas digitális könyvtárakat állíthatunk össze ingyenes fontok letöl-tésével a megfelelő webhelyekről.

A vizsgamunkámhoz való anyaggyűjtést képezte a már piacon fellelhető, ingye-nes betűkészleteket kínáló cégek profilja. Az általam egyik legkedveltebb inter-netes forrás a Font Squirrel, ahol kíváló minőségű, gondosan összeválogatott betűkészletek vannak. A vizsgamunkámban bemutatott betűkészletek többsége a Lost Type gyűjteményből való, ahol nem az ábécén keresztül ismerjük meg a készletet, hanem már a betüket felhasznált szövegegyszéget látjuk.

A gyűjtésem másik része a logotípia formavilágának a kialakítására irányult. Meg-figyeléseim alapján a hagyományos kör és négyzet forma helyett én egy hexago-nális formakialakítás mellett döntöttem.

Page 10: Fonts of animated short film
Page 11: Fonts of animated short film

Formavilág és a szemiotikaModern világunkban annyira megsokasodtak a jelek és szimbólumok, hogy már természetesnek tekintjük őket. A tervezés lehetővé teszi számunkra, hogy egy gondolatot, üzenetet vagy témát tömören és gyorsan foglaljunk össze. Lehetősé-günk van a jelek és szimbólumok értelmezését azonos módon kezelni, bizonyos szabályrendszer segítségével. De valójában nem létezik ilyen szabályrendszer, a szemiotikai tanulmányok szerint a jelek és a szimbólumok fejlődését rengeteg történelmi, társadalmi, természeti és kulturális hatás befolyásolja.

A szemiotika a jelek és kódok tudománya, a jeleké, amelyeket az üzenetek létre-hozása, közlése és értelmezése során használunk, illetve a kódoké, amelyek a jelek használatát szabályozzák. A jelhasználat alapvető tényezője az emberi létformá-nak, ugyanis a kommunikáció minden formáját ezen keresztül értelmezzük.

A jelek és szimbólumok bárki által hozzáférhetőek, olykor a természet által ké-szen kínált formákból létrejövő ikonokat és piktogramokat tartalmazó betűkész-letekben a rovaroktól a karácsonyfáig, vagy a nemzeti park jeleitől a gasztro- nómiai szimbólumokig szinte bármi elérhető. Használhatjuk őket egy az egyben egy téma megjelenítésére, vagy átalakítva, de akár a jelek és szimbólumok zűrzavaros forgatagaként is, hogy a modern élet sokszínűségét és összetettségét minél job-ban kifejezhessük általuk.

A képek jól illusztrálják a természetben fellelhető hexagonális forma megjelené-sét, ahogy egységes textúrát alkot a méhek által kialakított méhlép vagy a teknős erős páncélja. De igazi természeti csoda az írországi Giant’s Causeway bazaltosz-lopainak a sorakozása egymás mellett.

Page 12: Fonts of animated short film

FontsFonts

FontsFonts Fonts

Page 13: Fonts of animated short film

LogotípiaA jó logó eszméje a tervezési folyamat ésszerű megközelítésén alapul. Fontos figyelembe venni a tartosság, az egységesség, a teljesség és az esztétikum köz-ponti szerepét a tervezésben. A logotípia egy olyan jel vagy jelkép egy cég vagy termék számára, amely az adott cég vagy termék által közvetítendő üzenetet képpé formálja. A logo általában rajzos elemből vagy elemekből és szövegből áll. Az adott cég vagy márka, termék egyértelmű azonosítására szolgál.

Az általam Fonts névre keresztelt fiktív betűforgalmazó cég logójának egy kalligrafikus logotípiát képzeltem el, amely egyértelműen utal a hagyományos kézi íráshoz, illetve a betűtervezés első lépéseire, amikor megszületnek a kézi váz-latok egy papiron.

Kipróbáltam több úgynevezett Brush Script betűkészletet, és hexagonális kerekbe foglaltam őket, de a kezdőbetű rossz olvashatósága miatt elvetettem ezeket.

Végül az Anke Calligraphic FG betűt választottam, mivel a betűformák a termé-szetes folyóírást imitálják. Az ecsetszerű, egyvonású betűk a spontaneitás érzetét keltik a határozottan gördülő íveivel, illetve az egyyszerű és természetes nyomha-gyás már önmagában is hatásos, vizuális jel formakialakítását segíti, ezért a szöve-get kiegészítettem egy díszítőmotívummal, ami a logó frissességét előidézve azt erősíti, és kedvező elemnek bizonyult a logó dinamikus meganimálása során is.

A logótípiát a sárga szín határozza meg, ami önmagában is hatékony figyelemfel-keltő hatással bír, és az olyan szavak mint az erő, fény, vidámság párosul hozzá.A sárga szín a szürkével kiegészítve végigkíséri az arculatot.

Page 14: Fonts of animated short film
Page 15: Fonts of animated short film

Tervezési folyamatA kialakult végleges logotípiát követően, egy egységes formanyelvet érvényesítő design kialaítása volt a célom. A hexagonális forma sajátságát felhasználva, az elem sorolhatóságát vettem alapul. Az egymással kiválóan kooperáló elemeket egy tengely mentén szimmetrikusan helyeztem el. Így alakult ki a méhek léprend-szerét idéző struktúra, amikben elhelyeztem a bemutatandó betűkészleteket.

Betűkészletemet különböző betűtípusokból szerettem volna összeválogatni. Több ezer piacon levő betűtípus között nagyon nehéz eligazodni, de segítségnek ott vannak a különböző kategorizálások. A tervezési szándékom az volt, hogy 10 eltérő betűkészletet fogok bemutatni, olyan fiatal tervezőktől akik még ma is aktívan terveznek.

A 10 kiválasztott készlet között szerepelnek James T. Edmondson Script betüi, Joe Prince Art Deco stílusú betüje, Trevor Baum 1930-as, 40-es éveket idéző betüje, Riley Cran Sans Serif betüje, Alexey Frolov díszbetüje, Tim Donaldson elegáns Serif betüje, The League of Moveable Type csapat egy írott betüje, Type Depotnak Script betüje, illetve Latinotypenak úgyszint egy Script betűje.

A tervezési koncepcióm azt volt, hogy ezeket a betűkészleteket ne csak az ábé-cés betűképpel illusztráljam, hanem már a betűket felhasználva egy szöveget jelenítsek meg. Ezt tovább szinesítve, egyes szöveg megjelenítésénél a betűkész-let karaktereit felhasználva hol grafikai jeleket, hol díszítőmotívumot alkalmaztam kiegészítés képpen.

Page 16: Fonts of animated short film

Mission Script

AaAa

AaAa

Aa

Aa

Lavanderia

Tetra

Haymaker

Otama

Page 17: Fonts of animated short film

Aa

AaAa

Aa

AaAa

League Script

Matilde

Sofia

Muncie

Valencia

FREE DOWNLOAD

Page 18: Fonts of animated short film

Fonts

MatildeDESIGNED BY TYPEDEPOT FREE

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww

Xx Yy Zz

Spring

Aa

Page 19: Fonts of animated short film

Animáció

Az animációs tervezést megelőzően, át kell gondolni a forgatókönyv pontos me-netét, és minden szükséges elemet meg kell rajzolni, majd elő kell készíteni az ani-málás folyamatához. Én a tervezést az Adobe Illustrator programban kezdtem el, ahol a logó vektorizálása után, minden szükséges elemet külön vektorgrafikusan megrajzoltam, majd egyesével kiexportáltam png képformátumba.

A tervezés további részét az Adobe Flash programban folytattam, ahova egy belső könyvtárrendszerbe beimportáltam az elemeimet, majd kategorizáltam és elrendeztem a felhasználás sorrendjének megfelelően. Ezután kialakítottam ma-gamnak a rétegrendet amit úgymond 3 részre tagoltam, bevezetés - betűkészle-tek bemutatás - lezárás. Minden elemet elhelyeztem a megfelelő rétegen. Miután kialakult ez a tiszta rendszer, kezdődhetett az animálási munkafolyamat.

A tervezési koncepciómnak megfelelően kiválasztottam azt a technikát amivel meg fogom valósítani az ötletet. Szerettem volna ha a bemutatott szöveg imitálja az írásbeliség folyamatát, így a maszkolás technikát választottam. Maszkolással szelektíven rejthetjük el és jeleníthetjük meg egy réteg tartalmát. Ezzel a mód-szerrel szabályozhatjuk a néző által látott tartalmat. A Flashben ez úgy működik, hogy az egyik rétegre a maszkot, egy alatta lévő másikra pedig a maszkolt tartal-mat helyezzük. A maszkolt rétegemet fohozatosan fedtem fel, hogy az írásbeliség folyamata jól lekövethetővé váljon.

Page 20: Fonts of animated short film

Fonts

Page 21: Fonts of animated short film

Felhasznált betűkészletekAnke Calligraphic FG | LogoSegoe UI | Kenyérszöveg

Lavanderia | Designed by James T. EdmondsonMission Script | Designed by James T. EdmondsonTetra | Designed by Alexey FrolovOtama | Designed by Tim DonaldsonLeague Script | Designed by The League of Moveable TypeHaymaker | Designed by Trevor BaumMatilde | Design by TypedepotValencia | Design by Joe PrinceMuncie | Design by Riley CranSofia | Latinotype

Page 22: Fonts of animated short film
Page 23: Fonts of animated short film

IrodalomjegyzékBo Bergström - Bevezetés a vizuális kommunikációbaCharlotte & Peter Fiell - Design KézikönyvDavid Bann - Nyomdai megrendelők kézikönyveDavid Harris - Kalligráfusok bibliájaLakshmi Bhasharan - A forma művészeteSimon Loxley - Titkok és történetek a betűk mögötti világbólMark Hampshire, Keith Stephenson - Jelek és szimbólumokVirágvölgyi Péter - A tipográfia mestersége

www.fontsquirrel.comwww.losttype.comwww.atomictype.co.uk

Page 24: Fonts of animated short film