A digitalizáció a vizuális kommunikációban az egyes alkotási területek bővüléséhez vezetett. A nyomtatott sajtó layoutja új mezőkkel egészült ki, amelyek a közösségi médiában is megtalálhatók.

Kai Kaspar (2021:99) szerint az animált képeket vagy a GIF-ek formájában megjelenő tipográfiát egyre gyakrabban használják a figyelem felkeltésére. A GIF-eket nemcsak a reklámokban használják, hanem a közösségi médiában is nagy népszerűségnek örvendenek. Itt az érzelmek megjelenítésére szolgálnak, hogy kiegészítsék az üzeneteket, de önmagukban is megállják a helyüket. Sőt, egy sajátos jelenségről is beszélhetünk a neten, az önálló digitális képi kultúráról.

Számos diák mai világának részét képezik a GIF-ek, amelyeket ebben a feladatban vizsgálunk és kipróbálunk. Ennek célja a technikai készségek elsajátítása, a konkrét vizuális kommunikációs eszközökkel való foglalkozás és a GIF-ek megfelelő használatának képessége.

A projekt a tipográfiával és a layouttal kapcsolatos előzetes ismeretekre épít, a vizuális kommunikációt pedig a GIF formátummal kombinálja, amely technikailag egyszerűen és kis erőfeszítéssel létrehozható.

• A tanítási egység elején a korábbi ismeretekhez, például a kézírásos tipográfiához, a betűkészlethez és a plakáttervezéshez kapcsolódunk. Az első rövid gyakorlatban (TB1) a diákok játékosan próbálgatják az írást és kifejezést, majd ezt közösen megvitatják. Ezután egy input következik az írásról, mint kommunikációs eszközről és a “szemantikus tipográfiáról”.

• Az első munkafázisban (F1) a hangsúly a játékos vizsgálódáson van, valamilyen kijelölt anyaggal, például sóspereccel, gemkapoccsal, fedőszalaggal, léggömbökkel stb. A kétfős csapatokban kísérletképpen a “tipográfia” szót (helyőrző elemként szolgál) írják le, majd fotóval dokumentálják. Ezt követően a létrehozott betűket a megbeszélés során megvizsgáljuk aszerint, hogy milyen benyomást keltenek, és létrehozunk egy kis gyűjteményt olyan lehetséges kifejezésekből, amelyek alkalmasnak tűnnek a betűkkel való vizualizációra.

• A második munkafázisban a cél az, hogy egy szabadon választott fogalomra önálló tervezési megoldás szülessen.
  Minden egyes dupla óra elején rövid gyakorlatokkal (TB2, TB3) és kreatív eszközök segítségével bővítjük az idővel és a mozgással kapcsolatos tapasztalatokat. A diákok elmélyítik érzékelésüket és növelik alkalmazási repertoárjukat.
  A megvalósítás során (F2) használhatják a már meglévő fogalomlistát, vagy új képi ötletet dolgozhatnak ki. A rendelkezésre bocsátott anyagok kiegészíthetők és bővíthetők. Emellett a résztvevők elsajátítják a digitális képfeldolgozáshoz és a GIF-készítéshez szükséges ismereteket (F3). E célból a legfontosabb lépéseket plénumban mutatjuk be a kivetítőn keresztül. Ennek eredményeképpen minden kétfős csapat egy GIF-et készít.
  A munkafolyamatot a kurzus munkafüzetben képekkel, ötletvázlatokkal, köztes eredményekkel és rövid jegyzetekkel dokumentáljuk. A lényeg az, hogy a folyamatot – mint munkamódszert – megtapasztaljuk.

• Megjegyzés: A diákok nagyon eltérő sebességgel dolgoznak, különösen a technikai megvalósítás terén. Ezért egyes csoportok további feladatot (1 dupla óra) kapnak. Ez nincs összefüggésben a témával.

• A záró reflexiós fázisban közösen megnézzük a készített GIF-eket, és közösen gondolkodunk a kommunikációban való lehetséges felhasználásról (F4). Ennek a fázisnak a bevezetéseként a diákok egy szöveg elolvasásával és saját tapasztalataik és nézeteik megvitatásával szereznek ismereteket a GIF-ekről. Végül megvizsgálják a csoport GIF-jeit, és különböző szituatív felhasználási módokat mérlegelnek. A cél az, hogy reflektáltan tudjunk különbséget tenni az üzenet és az érzelem között, és kritikusan állást foglaljunk a hasznosság tekintetében.

• Időtartam: összesen 5 dupla óra / kb. 450 perc.

• TB1: Írás és benyomás
  • Írja a következő szavakat úgy, hogy a tartalom vizuálisan megjelenjen az írás kinézetében: “Dühös, könnyű, nehéz, remegni”.
  • Idő: 10 perc

• F1: Anyag és benyomás vizsgálata
  • Csoportmunka (kétfős csoportok)
  • Anyagok:
    • A2-es üres lapok
    • okostelefon beépített kamerával
    • laptop
  • Az egyes csoportok munkaanyagait kisorsoljuk:
    • gemkapcsok
    • papírkígyók
    • sósperecek
    • fedőszalagok
    • kockacukrok
    • kábelkötözők
    • léggömbök
  • Idő: 60 perc

• • Vizsgálgassa az adott anyagot, játsszon vele. Milyen tulajdonságai vannak? Hogyan lehet betűkké formálni?
  • Helyezze az egyik A2-es lapra az a szót, hogy TIPOGRÁFIA.
  • Fontos: A betűknek egységes írásképként kell működniük!
  • Dokumentálja az eredményt fényképen az okostelefonjával, és töltse fel a kurzus munkafüzetbe > közös munka > szemantikus tipográfia > képgyűjtemény TIPOGRÁFIA.
  • Beszéljék meg saját munkájukat és a többi csoport eredményét is.
    A betűk összhatása szögletes, lágy, áramló, komoly, humoros, könnyed…?
    Gyűjtse össze azokat a főneveket, amelyeket az írással megfelelően lehet ábrázolni (a betűforma a jelentés vizualizációja legyen). Legalább két kifejezést írjon le a saját képe mellé.

• TB2: Elírások GIF-ekben
  •  Anyag:
    • laptop
  • Idő: 10 perc
    

• • Keressen a GIPHY-n vagy egy másik platformon egy olyan GIF-et, amely mozgást és tipográfiát használ, és amely tetszik Önnek.
  • Töltse fel az előkészített Padletbe, hogy megoszthassa az osztállyal.
  • Jelölje meg szívecskével az Önnek legjobban tetsző GIF-et.

• TB3: Szó, mozgás, idő
  • Anyagok:
    • A5-ös vázlatfüzet
    • ceruza
  • Idő: 10 perc
    

• • Közösen megnézzük Ji Lee „Word as Image“ (2011) című filmjét (kb. 3 perc)
  • A látott szóanimációk közül legalább kettőhöz vázoljon fel egy kisebb forgatókönyvet (két kép). Nyilakkal stb. tegye láthatóvá, hogy miként használja a mozgást.

• F2: A koncepció kidolgozása és kivitelezése
  • Anyagok:
    • gemkapcsok
    • papírkígyók
    • sósperecek
    • fedőszalagok
    • kockacukrok
    • kábelkötözők
    • léggömbök
    • egyéb saját beszerzésű anyagok
    • üres A4-es és A2-es lapok
    • ceruza
    • okostelefon
    • okostelefon-tartó
    • esetleg lámpák
    • laptop
  • Idő: 240 perc (3 dupla tanórára felosztva)

• • Induljon ki azokból az anyagokból és kifejezésekből, amelyekkel már dolgozott. Válasszon ki egy kifejezést (legalább 6 betű), amellyel kreatívan szeretne foglalkozni.
  • 1-2 db A4-es lapon készítsen vázlatokat arról, hogyan szeretné kivitelezni a kiválasztott fogalmat GIF-ként.
  • Fontos: Használja a mozgást az üzenet/tartalom bemutatására.
    Használja az idő és az ismétlés tényezőit az üzenet/tartalom hangsúlyozására. Fontolja meg, hogy szüksége van-e további kellékekre. A betűknek egységes írásképként kell működniük!
  • Kísérletezzen és gyakoroljon az anyagokkal. Dokumentálja eredményeit fényképen, és töltse fel a kurzusfüzetbe > közös munka > szemantikus tipográfia > csoportmunkák.
  • Házi feladatként gyűjtsön esetleg további anyagokat. A cél az, hogy pontosan tudja, mit és hogyan szeretne megvalósítani a következő dupla órán.
  • Ne felejtse el feltölteni az A4-es lapokat a vázlatokkal a közös munka > szemantikus tipográfia > csoportmunkák alá.
  • Fogalmazza meg az ötletét 10-20 képben.

• F3: Képszerkesztés és GIF készítés
  • Anyag:
    • laptop
  • Idő: 160 perc (2 dupla tanórára felosztva)
    

• • A későbbi GIF-ek készítése szempontjából fontos a fájlok rendezett iktatása és számozása.
  • Fontos: Készítsen mappát 3 al-mappával: eredeti, szerk, kész. A képeket az eredeti mappába mentse, adjon nekik beszédes címet és számozza őket.
  • A fényképeket visszafogottan szerkessze az Affinity Photo programmal (vágás, tónusérték-korrekció …).
  • Fontos: Dolgozzon makrókkal, hogy gyorsan és egyszerűen, ugyanúgy tudjon eljárni minden egyes kép esetében.
  • A képeket aphoto-fájlként mentse le a szerk mappában, majd exportálja őket jpg-fájlként a kész mappába.
  • Készítsen az egyik választható weboldal segítségével (erzgif, Imgflip, GIPHY) egy GIF-et.
  • Mentse le a GIF-et Teams-ben > Fájlok > Documents General > GIF-ek Leadás.

• F4: Reflexió
  • Anyag:
    • laptop
  • Idő: 45 perc
    

• • Beszéljék meg a következő kérdéseket:
    • Manapság hol találkozhatunk GIF-ekkel?
    • Hogyan használják a GIF-eket a közösségi médiában?
    • Mi a véleménye a GIF-ekről?
    • Ön szerint a GIF-ek használata jó, szükséges vagy felesleges …?
  • Az előkészített Padleten tanulmányozza az összes létrehozott GIF-et. Gondolja át, hol és hogyan lehetne őket felhasználni. Legalább 3 GIF-hez fűzzön megjegyzést a tanulócsoport arról, hogy hogyan használhatnák ezeket.

További olvasmányok:

• Baumgärtel, Tilman: GIFS. Berlijn: Wagenbach (Reihe; Digitale Bildkulturen), 2020
• Moormann, Peter / Zahn, Manuel / Bettinger, Patrick / Hofhues, Sandra / Keden, Helmke Jan / Kaspar, Kai (Hrsg.): Mikroformate. Interdisziplinäre Perspektiven auf aktuelle Phänomene in digitalen Medienkulturen. München: kopaed, 2021

Érdekes példák és a szemantikus tipográfia meghatározása:

• Baumann, Barbara / Baumann, Gerd (Hg): Wortbilder. Semantische Typgrafie. Zürich: Niggli, 2005

Videó-példa a szemantikus tipográfiához, Mozgás és idő:

• Ji Lee, Word as image:
  https://www.youtube.com/watch?v=J59n8FsoRLE

Sara Gysin a berni Kirchenfeld Gimnázium képzőművészeti tanára, valamint a berni Tanárképző Főiskola tanítási gyakorlatért felelős tanára. 2021 tavaszán a Berni Művészeti Főiskolán (HKB) a network-hét keretében tartott workshopot. Érdekli a posztdigitális művészeti oktatás, valamint az ezzel kapcsolatos új tanítási tartalmak és stratégiák.

Szerzői biztatás
A közösségi médiát és a hozzá kapcsolódó világméretű hálózatba szerveződést a globalizáció részének tekintem. Ezek nagyban megváltoztatták a diákok életvilágát és kommunikációját. Ez a feladat lehetőséget kínál arra, hogy foglalkozzunk a kommunikáció új formáival annak érdekében, hogy tudatosan és kritikusan viszonyuljunk hozzájuk.

Szemantikus tipográfia: A GIF-ek készítése ösztönzi a diákok önállóságát, mivel az előzetes gyakorlatok alapján viszonylag szabadon dolgozhatnak ki egy ötletet. A kezdetben rendelkezésre bocsátott anyaggyűjteményen túlmutató anyagokat maguknak kell beszerezniük.

A Padlet mint kommunikációs platform kiválasztása elősegíti, hogy minden diák egyformán részt vegyen, és hogy minden projekt ugyanannyi figyelmet kapjon. Különösen a reflexiós szakaszban ügyeljünk arra, hogy az eszmecsere a lehető legdemokratikusabb módon történjen.

Előzetes ismeretek
Fontos, hogy előzetesen megismerkedjünk az animált GIF-ek kreatív lehetőségeivel. GIF-ek könnyen kereshetők a neten.
Egyik lehetőség a következő https://giphy.com. Érdemes végigmenni a GIF létrehozásának folyamatán. (A szükséges idő az alkalmazott programok előzetes ismeretétől függ.)

Segítség a hallgatóknak
Hasznos, ha a diákok már rendelkeznek tapasztalattal a tipográfia és a kézírás, valamint a plakáttervezés (kompozíció) terén.
Fontos, hogy a hallgatók rendelkezzenek előismeretekkel a digitális képfeldolgozás területén (képkivágás, tónusérték-korrekciók, fehéregyensúly, élesítés…).
Minden kétfős csoportnak rendelkeznie kell egy okostelefonnal, egy állvánnyal, valamint egy okostelefon-tartóval és egy laptoppal. A lámpák szintén hasznosak a munkahely jó megvilágításához.

Felsőoktatási szint
A feladatot hasonló formában végeztük el a művészetpedagógia MA szakos hallgatókkal. Az órákat online workshop formájában szerveztük (3 nap). A kommunikáció a Zoomon és egy Miro táblán keresztül folyt. A feladatot, a téma rövid bemutatását, néhány példát és a csoportmunka munkaterületeit (többnyire kétfős, egy háromfős csapat) egy Miro táblán oldottuk meg.
A feladatot kevesebb részlépéssel fogalmaztuk meg, és a hallgatók olyan anyagokat használtak, amelyekkel otthon rendelkeztek.
A workshop célja a tipográfia és a GIF-ek témájában szerzett saját tapasztalatok összegyűjtése mellett az volt, hogy maguk dolgozzanak ki egy feladatot jövőbeli, középiskolában tartandó óráikra. Összesen 3-szor fél napot dolgoztak a feladaton.
A hallgatók már komoly tapasztalatot szereztek a digitális médiumok kezelése terén. Ezért az esetleges technikai nehézségeket önállóan is meg tudták oldani, és a hangsúly a lehetőségek játékos felfedezésére helyeződött. Az egymás közötti rendszeres eszmecsere során az egyes csoportok inspirálták egymást és reflektáltak egymás projektjeire. Egyéni, sokszínű megközelítéseket dolgoztak ki. Mivel a feladat nyitott volt, a személyes érdeklődéstől és az előzetes ismeretektől függően nagyon különböző megoldások és megközelítések születtek.

További eszközök

• Microsoft OneNote
• Padlet, https://de.padlet.com
• Microsoft Teams
• Affinity Photo, https://affinity.serif.com/de/photo
• ezgif, https://ezgif.com/maker
• Imgflip, https://imgflip.com/gif-maker
• GIPHY, https://giphy.com
• okostelefon, állvány, okostelefon-állvány, okostelefon tartóval
• esetleg lámpák, reflektorok
• OneNote (a Microsoft Office 365 része). A kurzus munkafüzetében egyrészt a feladatokat, útmutatásokat és képi példákat tároljuk, így a diákok bármikor hozzáférhetnek ezekhez. Másrészt a munkafolyamat dokumentálása a weboldalon keresztül történik. A csoport minden tagja (és a tanár is) hozzáférhet, a munkát pedig megoszthatja.
• A képek megosztása és kommentálása a Padleten keresztül történik (QR-kódok és/vagy linkek segítségével).
• A kész GIF-eket a Teams-en (a Microsoft Office365 része) gyűjtjük össze és mentjük el.
• A képszerkesztés az Affinity Photo programmal történik.

Különböző eszközöket kínálunk egyes képek segítségével történő GIF-készítéshez:

• ezgif: weboldal ingyenes GIF-készítésre. A webes alkalmazás utólagos szerkesztési lehetőségeket kínál (képkivágás, szöveg, optimalizálás…).
  Figyelem, az ezgif segítségével létrehozott GIF-ek néha problémákat okoznak, ha iPhone-on keresztül osztják meg őket.
• imgflip: GIF-ek ingyenes létrehozására szolgáló weboldal. A webes alkalmazás lehetőséget kínál az utólagos szerkesztésre (képkivágás, szöveg, optimalizálás…). Ugyanakkor minden egyes GIF-en (bár nagyon kicsi, alig látható) reklámot is készítesz az oldalnak.
• GIPHY: GIF-ek létrehozására, feltöltésére és kezelésére szolgáló weboldal. Regisztrálni viszont kötelező. Ne feledd, hogy a beállításokat neked kell “privátra” állítani, ha nem szeretnéd, hogy a GIF-jeid nyilvánosak legyenek.
• Minden kétfős csoportnak rendelkeznie kell egy okostelefonnal, egy állvánnyal, amelyhez okostelefon-tartó és egy laptop tartozik. Lámpák is hasznosak a munkahely jó megvilágításához.
• A képfeldolgozó program kiválasztásakor fontos, hogy a program képes legyen a képek sorozatos feldolgozására, mert minden képet pontosan ugyanúgy kell megmunkálni (pl. a képkivágás megváltoztatása). Emiatt nem tanácsos a képeket közvetlenül az okostelefonon szerkeszteni.
• A GIF közvetlenül az okostelefonon is elkészíthető egy megfelelő alkalmazással (széles körű kínálat létezik), ha a feladatot ennek megfelelően alakítjuk át (a képszerkesztés elhagyásával).