Old school edition from Futura by red_mad_robot
Forum & nbsp;
Jen málo věcí zahřeje srdce robotů, stejně jako příjemné vzpomínky na první vydání Jem. Někdo s frází „stará škola“ v hlavě zahrnuje Run-D.M.C. a Aerosmith a zachycujeme flashbacky GIF s DJ konzolí a odšťavovačem.
Grafičtí designéři Kristina Skvortsova a Roma Bortsov budou sdílet skvělý příběh o vytváření korporátní identity obalů Jem a řeknou vám, jaké nástroje používají použili, jak hledali inspiraci a oživovali dopisy od čísla k číslu a do obálek dávali velikonoční vajíčka.
Nejprve jsme přišli s názvem „Jam“ a poté jsme přišli s animacemi, ve kterých byla písmena „Design Jam“ nějakým způsobem rozemletá a ve skutečnosti se změnila na jam. Styl se zrodil z lásky designérů k písmům, a když se s písmem stane příběh, je to vždy zajímavé. Lineární, hrubé ilustrace v obálkách jsou také designovým prvkem. Jsou to velmi jasné, kontrastní tvary a když ucítíte tah a čáru, vypadá to ladně.
kreativní ředitel Zhenya Bondarev red_mad_robot
ex-grafik red_mad_robot
Dobrý den! Dnes se podělím o své oblíbené obaly, které jsem udělal pro Jem. Začněme mixérem.
Letter Juice
V Jamu jsme se vzdálili od korporátní identity obalů Robots s červeným a modrým pozadím. Hlavní pozadí pro nás bylo bílé a jen trochu spojitosti zůstalo v podobě silného obrysu a červené, které se v budoucnu budou jemně objevovat na různých místech, v závislosti na obálce.
Mixér GIF je úplně první GIF pro náš digest. Nastavila styl pro všechny následující obálky. Myšlenka přesouvání písmen se objevila okamžitě a byla založena na „triku“, že se neustále něco děje s nápisem „design jam“. Teprve později se každá obálka Jem spojila s tématem čísla a zpočátku jsme se snažili soustředit na písmena.
V hlavě jsem měl spojení, že džem je ovoce, koktejl . Takže jsem přišel s nápadem ořezat písmena a rozdrtit je v mixéru.
Pracoval jsem s animací stop motion: řezal jsem písmena na kousky a posouval je snímek po snímku, vykreslil každý rámeček, aby vytvořil pocit, že jsou písmena smíchána. V animaci se často objevovaly silné skoky, nalezení plynulosti trvalo čtyři hodiny. Samozřejmě, protože se jedná o stop motion, je to stále trochu trýznivá animace, ať už řeknete cokoli, ale má svou vlastní estetiku.
Blender Evolution
Dalším potahem je pračka. Dokonce i když jsem kreslil první gif, napadla mě myšlenka nejen zastavit pohyb, ale znovu vytvořit fyziku písmen. Chtěl jsem znovu vytvořit míchací efekt, a tak se mi v určitém okamžiku před očima objevila pračka.
Animaci jsem vytvořil v After Effects pomocí zásuvného modulu Newton, který umožňuje vytvářet fyziku objektů. Má gravitaci, pády, pružinový efekt – obecně vše, co je potřeba k opětovnému vytvoření praní. Písmena v GIF jsou uzavřena v kruhu a jsou animovaná, pomocí modulu plug-in jsem trochu posunula gravitační sílu v kruhu a bylo to celkem snadné:
- prvky, které chceme v After Effects animovat;
- přejděte na plugin Newton a zapište hodnoty: vyberte, které z objektů by měly být statické a které by měly být dynamické a podléhající gravitaci;
- stiskněte tlačítko „Přehrát“ a podívejte se na výsledek;
- pokud se něco pokazilo, změňte hodnoty.
Pokud pokaždé přijdete s koktejlem dopisů, pak se v určitém okamžiku dostanete do slepé uličky. Proto se záznam pohybuje v konzole DJ a písmena již odpočívají. Animace je zde jiná, ale význam konceptu je zachován, písmena nadále žijí svým vlastním životem. Rotace talíře byla provedena v After Effects pomocí Attention.
Living tumbleweed
Gif s tumbleweed „stojí od sebe“: na rozdíl od pračky nebo DJ konzole, která měla přísnou technickou grafika, v této hyfě se objevil jiný zvuk. A to vše díky živé kresbě čmeláka, že je celý tak křivý, pichlavý a stejně jako písmena z prvních obálek si žije svým vlastním životem.
Při vytváření blatníku jsem stále používal After Effects: Nastavil jsem animaci objektu z bodu a do bodu b a nastavit efekt rozmazání pohybem, který způsobil rozmazání při pohybu. Ve skutečnosti se čmelák zpočátku valí s písmeny, prostě nejsou viditelné. Na vrstvu s písmeny jsem nasadil masku, a když se čmelák dostane do oblasti tabletu – tedy do pole masky, objeví se písmena a za maskou – zmizí.
Noc, ulice , lucerna, mouchy
GIF se sběrnicí je úplně jiný koncept než například s mixérem. Zde hlavní pozornost neláká ani písmena, ani autobus, ale blikající lucerna a mouchy.
Mouchy jsou dva malé čtverečky, na které jsem vložil Wiggle efekt v After Effects. Jedná se o takovou „náhodnou pozici“, která rozptyluje objekt v různých směrech podél os x-y-z. Nastavíte frekvenci a rozsah, přehrajete animaci a uvidíte, jestli to vypadá jako mouchy nebo ne. Pokud je to příliš drsné nebo trhané, začněte s úpravami.
V té době ještě nebylo u nás používání červené barvy příliš rozšířené a na tomto hyfu můžete vidět, jak skromně stojí na kraji. Červené jsme představili postupně: jedno tlačítko, tři tlačítka – velmi bodově. A zkusili jsme to použít pro některé malé akcenty, takže například když se rozsvítí žárovka, pak se určitě rozsvítí červeně.
Zaznamená vás kamera na jamování
< p>Fotoaparát je můj druhý GIF, o kterém chci mluvit. Christina věnovala velkou pozornost kompozici a „dobrodružství písmen“, ale já jsem měla jiný přístup – chtěla jsem ukázat, jak vše funguje. Pokud je to kamera, nezáleží na tom, kde leží nebo kdo ji drží, hlavní je, co dělá.
S druhým gifem se mi zdálo, že jsem na všechno trochu přišel, ale také jsem s ním dlouho seděl, stále jsem nemohl udělat průchod fotografie. Technicky fotka na Polaroidu prudce klesá a pak nevidíte, co je na fotografii. Musel jsem trochu ležet a nechat fotografii zvednout mírně nahoru. Ale tato blikající bílá na konci, jako z blesku, byla speciálně vyrobena tak, aby obraz smyčky bez trhání.
3D potrubí
Když jsem kreslil dopravník, stále jsem přemýšlel, jak se odchýlit od stylu plochého džemu a zároveň zobrazit téma vydání. Ve výsledku jsem přišel s kostkami, které jsou zpočátku ploché a zdá se, že se nafukují a nakonec se stávají objemnými.
A byla tu také otázka s anténou vpravo, pořád jsem přemýšlel, jak ji zpestřit. A vzpomněl jsem si na nejrůznější desky v továrnách, které ukazují různé informace: zde jsem stiskl tlačítko – něco se vznítilo, stisklo to znovu – byly přidány další tři žárovky. Ve výsledku jsme dostali takový dopravník.
Komplexní odšťavňovač
Když přijdu s animačním grafem, hodím několik vizuálních obrazů, metafor, které jsou spojeny s tématem vydání. Stává se, že v procesu „zrychlení“ se myšlenka drží něčeho odděleného od tématu, ale dokonale vysvětluje jeho podstatu. Tak tomu bylo i tentokrát.
Bylo léto. Vzpomínám si, jak jsem se ráno díval na technickou specifikaci týmu a šel na letiště. Cestuji v Aeroexpressu, ponořuji se do tématu, hledám odkazy na svém notebooku a moje přítelkyně navrhla, že protože epizoda je o WWDC, ve skutečnosti jde o vymačkání všech šťáv z jablek. Nakonec jsme seděli a „googlili“, jak může vypadat proces odšťavňování. Vždycky jsem si představoval takovou oranžovou, kde stále musíte tlačit shora. Ukázalo se však, že odšťavňovače jsou velmi odlišné.
A pak jsou tu šťávy jako vlny, já prostě opravdu miluji moře 🙂 Měl jsem samostatný dlouhý rám s „vlnou“ a smyčkoval jsem ho. Nyní to vypadá jako celý fragment, ale abyste vše smyčkovali, museli jste vzít dvě části rámu a skrýt jednu pod druhou: zhruba řečeno, spodní vrstva pod horní, aby se obě synchronně pohybovaly a vytvářely plynulý smyčková animace.
Uhasit světlo
Při práci na GIF pro Jem jsem vždy rád dokončil vytváření spiknutí, aby animace tvořily nějaký příběh a každý prvek měl svůj vlastní význam. V GIF s odkazem na „No, počkej!“ Snažil jsem se nevynechat jediný detail. Tento gif je poctou těm, kteří nakreslili mou oblíbenou karikaturu mého dětství.
S animací bylo vše jednoduché: málo sovětských karikatur je spojeno s roboty. Pro mě je nejdůležitější robot ze sovětských komiksů zajíc a kluci z „Tajemství třetí planety“ přicházejí až později. A také obrázek z „No, počkej!“ je pro nás prakticky nakreslené: má červené oči i geometrický robotický tvar.
Dokonce jsem použil animaci ruka z fragmentu „No, počkej chvíli!“ Vyhovovala nám dokonale. Vzal jsem televizi a vázu s květinami z jiné epizody, ve které zajíc zpíval v televizi. Pamatujete si, jak tam zpíval: „Osole, osole myooo“?
Právě jsem vzal tento fragment a přidal vázu a ubrus pod televizi – je to spíše nostalgická věc pro ty, kteří si pamatují, jak byly televizory pokryty ubrousky. Také jsem se pokusil nakreslit několik verzí růží a vrátil se k té nejpodivnější verzi, která je trochu abstraktnější, ale podle mého názoru úspěšná.
To bylo mých oblíbených pět GIFů pro Jem. Christina vyprávěla o velikonočním vajíčku ve druhém GIF a moje velikonoční vajíčko se poprvé objevilo ve třináctém Jamu. Uhodnete, kde je?
Napište své možnosti do komentářů. Aktualizovali jsme styl a nyní jsou tyto gify pro nostalgii, podívejte se do našich přehledů s novými obaly a nezapomeňte se přihlásit k odběru kanálu Design Jam Telegram a utekli jsme sbírat další přehled. Ať je s vámi síla robotů! 🤖
#redmadrobot #futura #designjam #cover #gif #old
