Indesign – Animovaný web banner s exportem do html5

28.3.2015

Indesign kromě dokumentů pro tisk dokáže pracovat a pomáhat s návrhem pro web. Kromě možností jako nastavit si v tomto dokumentu rozměry v pixelech a barvy v RGB, umožňuje indesign animovat a exportovat.

Kromě formátů flash (swf, fla) jsem dlouho hledal způsob, jak banner z Indesignu vyexportovat do html5. Řešení poskytuje plugin in5, ale přiznám se, že jeho cena není tak příznivá, aby si jej uživatel zakoupil pro pár bannerů na svůj web.

– Reklama dtpko.cz –

V dnešním video tutoriálu si ukážeme, jak vytvořit banner v Indesignu a jednoduše jej roz animovat. Půjde o banner celkem běžného rozměru 160×600 px. Tento banner patří například u google AdSence mezi doporučované bannery vertikálního formátu. Kromě ukázky exportování do flash, je zde ve videu vidět i export přes plugin in5.

Tento plugin v demo verzi do vašeho banneru přidá nepříjemný vodoznak. Co jsem koukal na ceny, tak základní single licence stojí okolo 280$ což není zrovna málo. Nevím jak vy, ale já nemám rád, když mi někdo do mnou vytvořených obrázků přidává vodoznaky 😉 více již v dnešním videu…

(poznámka autora: v tomto videu není použita žádná pirátská verze pluginu in5. Autor pouze pro účely tohoto videa odstranil vodoznak z exportovaných png souborů, které považuje za své autorské dílo a nepřeje si, aby mu tyto soubory narušoval vodoznak jiné strany. Autor bere na vědomí, že jakákoli manipulace se soubory tohoto pluginu pro komerční účely by byla v rozporu s licencí tohoto zasuvného (byť nesmyslně předraženého) modulu.

– Reklama dtpko.cz –