- Pochopení vztahu mezi vrstvami, snímky a animací v Kritě je klíčem k správnému exportu spriteů.
- Je možné exportovat animace jako GIFy nebo obrazové sekvence přizpůsobené 2D enginům.
- Vrstvy lze animovat pomocí klíčových snímků, které se spravují a odstraňují z časové osy.
- Organizovaný pracovní postup usnadňuje vytváření materiálů optimalizovaných pro 2D herní enginy.
Pokud jste právě objevili Kritu a vytvořili své první sprity nebo animace, je naprosto normální, že se ptáte, jak čistě exportovat všechny tyto vrstvy a snímky pro použití v 2D herním enginu. Na rozdíl od jiných programů (viz alternativy jako GIMP a Photoshop ) v Kritě není vždy zřejmé, kterou možnost zvolit pro export celé animace, GIFu, sheetu spriteů nebo jednotlivých assets.
Navíc, když poprvé začnete pracovat s časovou osou a animací po jednotlivých snímcích, je snadné nechtěně kliknout tam, kam byste neměli, a vytvořit klíčový snímek , nebo dokonce animovat vrstvu, když jste zamýšleli pouze něco statické. To vše se může zdát matoucí, ale jakmile pochopíte možnosti exportu a jak spravovat snímky, Krita se stane velmi praktickým nástrojem pro pracovní postupy s enginy jako Godot, Unity, GameMaker Studio a podobnými programy.
Základní pojmy: vrstvy, snímky a animace v Kritě
První věc, kterou je třeba pochopit, je, jak Krita zpracovává animace a vrstvy, protože to určí, jak exportujete snímky a další zdroje . Každá vrstva může být statická (pouze jeden obrázek) nebo animovaná (více snímků na časové ose). Když říkáte, že máte „každý snímek na vrstvě“, ve skutečnosti jste použili systém vrstev, jako by se jednalo o jednotlivé snímky, což je velmi běžné u jiných programů.
V Kritě je standardní přístup k animaci obrácený: použití jedné animační vrstvy s více snímky na časové ose. Každý klíčový snímek se pak spravuje z panelu Animace a zobrazuje se postupně. Pokud jste však již vytvořili animaci, kde je každý snímek na samostatné vrstvě , můžete tyto prvky stále exportovat, i když pracovní postup se bude mírně lišit od standardní animace.
Když se ponoříte do světa 2D herních enginů, obvykle potřebujete tři věci: buď sekvenci obrázků (například PNG) k importu jako animace, referenční GIF/video nebo sprite sheet, kde jsou všechny pozice postav uspořádány do mřížky nebo proužku. Krita vám umožňuje dosáhnout všech tří výstupů, pokud víte, jak soubor před exportem připravit.
Je také důležité pochopit, co je klíčový snímek v Kritě: v animované vrstvě představuje každý malý čtvereček na časové ose snímek. Pokud se ikona klíčového snímku objeví na určité pozici, znamená to, že je tam nakreslený obsah. Jsou to snímky, které se později stanou obrázky, které exportujete pro svou hru, takže je dobré je na časové ose dobře uspořádat a nerušit .
Jak exportovat animaci z Krity jako GIF nebo jiný formát
Pokud již máte animaci v Kritě připravenou (ať už s použitím jedné animované vrstvy nebo více vrstev), jedním z nejrychlejších způsobů, jak výsledek otestovat, je exportovat ji přímo jako animovaný GIF nebo sekvenci obrázků. To je velmi užitečné pro kontrolu plynulosti pohybu nebo pro sdílení náhledu s ostatními členy týmu před přechodem do herního enginu.
Chcete-li vygenerovat GIF nebo jiný animační formát, musíte přejít do nabídky exportu animací. Tam si můžete vybrat jak kodek, tak i požadovaný typ souboru. I když GIF není ideálním formátem pro práci v herním enginu (obecně se preferuje PNG nebo lépe ovladatelné video formáty), může být užitečný pro rychlé ověření správnosti načasování a snímkové frekvence.
V nastavení exportu umožňuje Krita definovat rozsah snímků, které chcete exportovat, rozlišení a v některých případech i možnosti komprese. Pro použití v 2D enginu budete chtít mít možnost exportovat jako sekvenci očíslovaných obrázků , které pak engine interpretuje jako animaci snímek po snímku. Jinými slovy, skončíte se soubory jako character_0001.png, character_0002.png atd.
Pokud jste zvyklí na programy, kde jednoduše vyberete „exportovat vrstvy jako snímky“ a máte hotovo, zjistíte, že proces v Kritě se více spoléhá na animaci na časové ose než na samotné vrstvy. Pokud je tedy každý snímek na samostatné vrstvě, měli byste zvážit, zda se vyplatí reorganizovat projekt a převést tyto vrstvy na snímky v rámci jedné animační vrstvy. To vám poskytne mnohem jasnější kontrolu nad exportem jako GIF nebo jako sekvence.
Exportujte všechny vrstvy jako jednotlivé snímky pro animaci
Velmi častou otázkou začátečníků je, zda existuje nějaká magická možnost exportovat všechny vrstvy jako jednotlivé obrázky , podobně jako v jiných ilustračních nebo animačních programech. Vytvořili jste si postavu v různých pózách, každou na samostatné vrstvě, a nyní chcete každou z nich exportovat jako soubor PNG, abyste mohli animaci sestavit přímo v herním enginu.
V Kritě není jediné tlačítko, které by doslova říkalo „exportovat každou vrstvu jako samostatný snímek“, jako to dělají některé jednodušší animační aplikace, ale stejného výsledku lze dosáhnout kombinací několika funkcí. Jedním typickým řešením je exportovat vrstvy jako jednotlivé obrázky pomocí skriptů, rozšíření nebo vícevrstvého souborového systému, případně automatizovat exporty pomocí akcí, ale pokud nemáte příliš mnoho vrstev, můžete to udělat i ručněji.
Pokud potřebujete rychlé a méně technické řešení, můžete aktivovat vždy pouze jednu vrstvu a použít možnost exportu do PNG, přejmenovat ji příponou, která označuje číslo snímku nebo název akce. Není to nejpohodlnější způsob, jak to udělat, pokud máte desítky snímků, ale funguje to pro malé projekty. Tímto způsobem vygenerujete assety, které pak importujete jako sprity přímo do svého 2D herního enginu.
Pro pokročilejší pracovní postupy se mnoho umělců rozhodne soubor reorganizovat: sloučí nebo seskupí vrstvy, které k sobě patří, a každou pózu přesunou do po sobě jdoucích snímků v rámci stejné animační vrstvy. Jakmile je vše umístěno na časové ose, lze animaci exportovat jako sekvenci obrázků, takže každý snímek bude samostatným souborem připraveným k použití ve vašem herním projektu.
Je také důležité si uvědomit, že při exportu vrstev nebo snímků pro herní engine je nejlepší začít se správnou velikostí plátna, vycentrovat polohu postavy ( viz návod na vycentrování vrstev ) a průhledným pozadím. Tím se zabrání pozdějšímu opakování úprav a zajistí se, že 2D engine rozpozná všechny obrázky se stejnou „kotvou“ a velikostí, což výrazně zjednoduší nastavení kolizí a pivotních bodů.
Správa klíčových snímků a chyb při animaci v Kritě
Při práci na animaci je docela pravděpodobné, že omylem kliknete na časovou osu a přidáte klíčový snímek, který jste nezamýšleli . To se může stát například na vrstvě jako „C2“ (nebo jakékoli jiné), kde jste chtěli zachovat pouze statický obrázek, ale nyní se v pozdějším snímku objeví rámeček označující, že vrstva byla animována.
První logickou reakcí, když si uvědomíte, že jste udělali chybu, je použití funkce Zpět. V Kritě je klasická zkratka Ctrl+Z stále vaším nejlepším přítelem. Existuje však trochu zvláštní chování: v mnoha případech budete muset stisknout Ctrl+Z dvakrát , abyste zcela vrátili zpět vytvoření daného klíčového snímku. S tím se setkává mnoho uživatelů a stojí za to si to pamatovat, takže nepanikařte, pokud první „Zpět“ snímek z časové osy neodstraní.
Pokud si problému ihned nevšimnete a budete pokračovat v práci, nastane bod, kdy použití funkce vrácení zpět již není praktické, protože byste ztratili několik kroků své práce. V takovém případě je správný způsob, jak klíčový snímek odstranit, kliknout pravým tlačítkem myši na snímek časové osy, kde se nežádoucí klíčový snímek objevil. V kontextové nabídce, která se otevře, najdete možnosti jako „Odebrat klíčový snímek“ nebo „Odebrat snímek a stáhnout “, což jsou ty, které potřebujete.
Možnost „Odebrat snímek“ jednoduše odstraní daný klíčový snímek bez ovlivnění zbytku, zatímco možnost „Odebrat snímek a stáhnout“ jde ještě o krok dále a posune všechny následující snímky o jednu jednotku zpět, aby se mezera uzavřela. Tato druhá možnost je velmi užitečná, pokud chcete zachovat celkovou délku animace, aniž byste na časové ose nechali prázdná místa, což může zabránit problémům při pozdějším exportu obrazové sekvence do herního enginu.
Za zmínku stojí důležitý detail: jakmile je vrstva v Kritě animována (to znamená, že má na časové ose snímky), nelze ji transformovat zpět do zcela statické, normální vrstvy. Klíčové snímky můžete smazat, ale samotná vrstva je programem stále považována za animovanou. Pokud potřebujete, aby se z vrstvy opět stala „čistá“ statická vrstva , praktickým řešením je obvykle tuto vrstvu smazat a na jejím místě vytvořit novou vrstvu malby.
Může se to zdát trochu drastické, ale v projektech 2D herních animací je standardní praxí jasně rozdělit vrstvy: některé pro statické prvky (pozadí, uživatelské rozhraní, reference) a jiné speciálně určené pro animované snímky. Dodržování tohoto pořadí od začátku vám ušetří spoustu problémů, zabrání zmatku při exportu a snižuje pravděpodobnost, že vrstva skončí se snímky tam, kde by neměla.
Příprava datových zdrojů pro 2D herní enginy
Kromě jednoduchého procesu exportu se vyplatí zaměřit na to, jak přizpůsobit kresby v Kritě reálnému světu 2D enginů. Pokud je vaším konečným cílem použít tyto kresby v Godotu, Unity, GameMakeru nebo jiném enginu, musíte přemýšlet o datech optimalizovaných pro hry , nejen o hezkých ilustracích.
Začněte plánováním velikosti vašich sprajtů: od začátku se rozhodněte, zda chcete pracovat s typickými rozlišeními, jako je 32x32, 64x64, 128x128 atd., nebo zda bude vaše hra s vysokým rozlišením. Navrhování vrstev a animací s mentální (nebo viditelnou) mřížkou pomáhá zajistit, aby se obrázky perfektně hodily do enginu. Mít všechny snímky se stejnými rozměry a konzistentním umístěním v rámci plátna je téměř nezbytné, pokud se chcete vyhnout vizuálním závadám.
Dalším klíčovým aspektem je alfa kanál. Aby sprity fungovaly správně, potřebujete průhledné pozadí, ne bílé ani jiné barvy. Krita pracuje s průhledností velmi dobře, proto se ujistěte, že vaše plátno a vrstvy jsou nastaveny tak, aby zachovaly alfa kanál, a že tuto průhlednost zachováváte i při exportu do PNG. To umožní hernímu enginu vykreslit pouze postavu, nikoli neprůhledný čtverec kolem ní.
Jakmile exportujete snímky jako jednotlivé PNG soubory (buď z vrstev, nebo jednotlivých snímků), můžete je importovat přímo jako animaci v enginu nebo vytvořit sprite sheet: jeden velký obrázek obsahující všechny snímky uspořádané do řádků a sloupců. Mnoho enginů má vestavěné nástroje pro generování těchto sprite sheetů, ale pokud chcete, můžete je také připravit v Kritě uspořádáním vrstev a použitím funkcí pro zarovnání.
A konečně, je dobré udržovat názvy souborů organizované. Dobrým systémem je kombinovat název postavy nebo objektu, akci, kterou provádí, a číslo snímku: například hero_run_0001.png, hero_run_0002.png atd. Tento typ konvence pojmenování výrazně urychluje import a přiřazování souborů v enginu, zejména pokud budete znovu používat animace nebo sdílet datové zdroje s ostatními členy vývojového týmu.
Praktické tipy pro hladký pracovní postup
Práce s Kritou na tvorbě 2D herních prvků a animací je zcela proveditelná, ale je to mnohem jednodušší, pokud si osvojíte pár návyků. Prvním a možná nejdůležitějším je ukládat postupné verze souboru za pochodu, abyste v případě, že animovanou vrstvu nebo časovou osu pokazíte, mohli se vždy vrátit k předchozí verzi, aniž byste ztráceli příliš mnoho času.
Dalším tipem je seznámit se s klávesovými zkratkami, zejména s těmi, které souvisejí s animací a vrácením zpět. Jak již bylo zmíněno, někdy budete muset dvakrát stisknout Ctrl+Z , abyste vrátili zpět vytvoření klíčového snímku, což může být matoucí, pokud s tím nejste obeznámeni. Nastavení vlastních klávesových zkratek pro zobrazení/skrytí časové osy, pohyb mezi snímky nebo přehrávání animace také výrazně zrychlí váš pracovní postup.
Co se týče struktury souborů, uchovávání prvků s různými funkcemi ve hře v samostatných vrstvách zjednodušuje export. Můžete například seskupit všechny vrstvy, které budou tvořit hlavní postavu, a efekty, stíny nebo doplňky seskupit do jiných skupin. Poté, když je čas exportovat, můžete aktivovat nebo deaktivovat celé skupiny v závislosti na tom, co potřebujete převést na sprite nebo samostatný assets.
Také je dobré věnovat několik minut kontrole časové osy před exportem čehokoli do enginu. Zkontrolujte, zda neobsahují žádné prázdné snímky, které nepotřebujete, zda je délka každé pozice správná a zda žádné sekundární vrstvy nemají omylem vytvořené klíčové snímky. Rychlá kontrola vám může ušetřit spoustu neúspěšných testů v enginu, kde je mnohem zdlouhavější zjistit, že uprostřed cyklu chůze chybí nebo je snímek navíc .
S těmito opatřeními a dobrým pochopením specifik Krity je naprosto možné mít hladký pracovní postup: kreslíte, animujete, upravujete snímky, exportujete jako PNG nebo sprite sheety a nakonec vše integrujete do svého 2D enginu bez zbytečných bolestí hlavy.
Ačkoliv se Krita může zpočátku zdát trochu zvláštní, pokud přecházíte z jiných nástrojů, kde je vše založeno na snímcích podobných vrstvám, jakmile si zvyknete na jeho animační systém a možnosti mazání klíčových snímků, reorganizace časové osy a exportu sekvencí, stane se velmi solidním spojencem pro vytváření profesionálních spriteů a dalších prvků pro vaše 2D hry, vyhnete se opakovanému exportu vrstvu po vrstvě a maximalizujete tak možnosti programu.
Vášnivý spisovatel o světě bytů a technologií obecně. Rád sdílím své znalosti prostřednictvím psaní, a to je to, co budu dělat v tomto blogu, ukážu vám všechny nejzajímavější věci o gadgetech, softwaru, hardwaru, technologických trendech a dalších. Mým cílem je pomoci vám orientovat se v digitálním světě jednoduchým a zábavným způsobem.