Michal Žďánský Vzhledem k excesům a chování Adobe vůči svým zákazníkům se stále více grafiků a designerů poohlíží po alternativách, stejně jako hledali náhradu za QuarkXpress a našli ji právě u Adobe InDesign. Photoshop má na Macu hned dvě dobré alternativy – Pixelmator a Acorn – a s přibývajícími funkcemi u obou aplikací dává stále více lidí sbohem softwaru od Adobe překypující funkcemi v nepřehledném uživatelském rozhraní. Illlustrator má pak jedinou adekvátní náhradu, a tou je právě Sketch.
Sketch je stejně jako Illustrator vektorový editor. Vektorová grafika v poslední době získává stále více na významu díky obecnému zjednodušování grafických prvků, jak na webu, tak v operačních systémech. Ostatně iOS 7 je tvořeno téměř výhradně vektory, zatímco aplikace s texturami ve starších verzích systému vyžadovaly velmi zkušené grafiky pro vytváření efektů dřeva, kůže a podobně. Po několika měsících strávených s aplikací mohu potvrdit, že se jedná o skvělý nástroj pro začínající designery i pokročilé grafiky díky své intuitivnosti i nabídkou funkcí.
Uživatelské rozhraní
Vše začíná na přehledném rozmístění prvků v aplikaci. V horní liště se nachází všechny nástroje, se kterými budete na vektorech pracovat, vlevo seznam jednotlivých vrstev a vpravo pak Inspektor, kde upravujete veškeré vlastnosti vektorů.
Uprostřed se pak nachází nekonečná plocha umožňující libovolné přiblížení. Všechny prvky v aplikaci jsou ukotveny, není tedy možné jinak umisťovat panel s nástroji nebo s vrstvami, nicméně horní lišta lze přizpůsobit a můžete do ní přidat všechny existující nástroje, nebo vybrat jen ty často používané a pro všechno ostatní si sahat do kontextových nabídek.
Zatímco nekonečná plocha je u vektorových editorů standard, například při vytváření grafických návrhů aplikací je ideální mít pracovní plochu ohraničenou. Lze to sice řešit třeba obdélníkem jako podkladem, nicméně například mřížku by pak bylo těžké přizpůsobit. Sketch to řeší tzv. Artboardem. při jejich aktivaci si nastavíte jednotlivé plochy a jejich rozměry, ve kterých budete pracovat. Buď volně, nebo je zde několik přednastavených vzorů, například obrazovka iPhonu nebo iPadu. Ve chvíli, kdy pracujete s Artboardy, jsou veškeré vektorové prvky mimo ně zašedivělé, můžete se tak lépe soustředit na jednotlivé obrazovky a vše, co přečnívá, vás nebude rušit.
Artboardy mají ještě jedno skvělé využití – v App Store si lze totiž stáhnout související aplikaci Sketch Mirror, která se se Sketch na Macu propojí a rovnou může zobrazovat obsah jednotlivých Artboardů. Můžete tak třeba vyzkoušet, jak bude navrhované iPhone UI vypadat na obrazovce telefonu, aniž byste museli stále znovu a znovu exportovat obrázky a nahrávat je do přístroje.
Ve Sketch samozřejmě nechybí ani mřížka a pravítko. Mřížka lze libovolně nastavit včetně zvýraznění linií, zajímavá je pak i možnost využít ji pro rozdělení sloupcové nebo řadové plochy. Snadno tak například rozdělíte prostor na tři třetiny bez nutnosti zobrazovat ostatní pomocné čáry. Je to skvělá pomůcka například při aplikaci zlatého řezu.
Nástroje
Mezi nástroji pro kreslení vektorů najdete prakticky vše, co byste očekávali – základní tvary včetně spirály a kreslení čáry po bodech, úpravu křivek, převádění písma do vektorů, zvětšování v měřítku, zarovnávání, prostě veškeré potřeby pro vektorové kreslení. Je zde i několik zajímavostí. Jednou z nich je například využití vektoru jako masky pro vložený bitmap. Snadno tak například vytvoříte kruh z obdélníkového obrázku. Další je pak uspořádání vybraných objektů do mřížky, kde v nabídce můžete nastavit nejen mezery mezi objekty, ale i zvolit, zda se mají brát v potaz kraje objektu či zda kolem nich přidat box, pokud mají různou délku či šířku.
Funkce v horní liště automaticky zešednou, pokud pro daný objekt nejsou dostupné. Například nelze převádět čtverec na vektory, tato funkce je určená pro text, proto vás lišta nebude mást stále svítícími tlačítky a okamžitě víte, co z funkcí lze pro vybrané vrstvy použít.
Vrstvy
Každý objekt, který vytvoříte, se zobrazí v levém sloupci, ve stejném pořadí, v jakém jsou řazeny vrstvy. Jednotlivé vrstvy/objekty lze pak seskupovat, čímž vznikne složka a panel ukazuje celou stromovou strukturu. Tímto způsobem pak můžete objekty ve skupinách libovolně přesouvat, nebo skupiny nořit do sebe a rozlišovat tak jednotlivé části práce.
Vybírání objektů na pracovní ploše pak probíhá právě podle těchto skupin či složek, chcete-li. Jsou-li všechny složky zavřené, vy se nacházíte na nejvyšším místě hierarchie, výběrem jednoho objektu se označí celá skupina, do které patří. Dalším rozkliknutím se posouváte o úroveň níže a tak dále. Vytvoříte-li si mnohastupňovou strukturu, budete se muset často dlouho proklikávat, nicméně jednotlivé složky lze mít otevřené a vybírat tak rovnou konkrétní objekty v nich.
Z panelu vrstev lze jednotlivé objekty i složky schovat nebo je uzamknout v dané pozici. Artboardy, pokud je používáte, pak slouží jako nejvyšší bod celé struktury a přesouváním objektů mezi nimi v levém sloupci se budou přesouvat i na pracovní ploše a mají-li Artboady stejné rozměry, objekty se přesunou i do stejné pozice.
Aby toho nebylo málo, v rámci jednoho souboru Sketch můžete mít libovolný počet stránek a na každé stránce libovolný počet Artboardů. V praxi tak může při vytváření návrhu aplikace jedna stránka sloužit pro iPhone, druhá pro iPad a třetí pro Android. Jediný soubor tak obsáhne komplexní práci skládající se z desítek i stovek jednotlivých obrazovek.
Inspektor
Inspektor sídlící v pravém panelu, je věc, která Sketch odlišuje od ostatních vektorových editorů, se kterými jsem měl doposud možnost pracovat. Ačkoliv se nejedná o novátorský nápad, jeho exekuce v rámci aplikace přispívá k velmi jednoduché manipulaci s objekty.
Vybráním libovolného objektu se inspektor mění podle potřeby. U textu zobrazí vše související s formátováním, zatímco u oválů a obdélníků bude vypadat trochu jinak. Je tu nicméně několik stálých položek, jako například pozice a rozměry. Velikost objektů tak lze měnit velice snadno pouhým přepsáním hodnoty, stejně tak je lze přesně umístit. Výběr barvy je také dobře vyřešený, rozkliknutím výplně nebo čáry se dostanete k nástroji pro výběr barvy a přednastavenou paletou některých barev, kterou si můžete libovolně přizpůsobit.
Kromě dalších vlastností, jako je zakončení spojů nebo styl překrývání, zde najdete i základní efekty – stíny, vnitřní stíny, rozmazávání, odraz a přizpůsobení barev (kontrast, jas, saturace).
Velice šikovně jsou vyřešené styly, jak písma, tak ostatních vektorových objektů. V případě textu lze v inspektoru jeho vlastnosti uložit jako styl, a pak jej přiřadit dalším textovým polím. Pokud pak styl pozměníte, změní se i u všech textů, který jej používá. U ostatních objektů to funguje podobně. Pod tlačítkem Link se skrývá nabídka uložení stylu vybraného objektu, tedy tloušťka a barva čáry, výplň, efekty apod. S tímto stylem pak prolinkujete ostatní objekty a jakmile změníte vlastnost jednoho objektu, změna se přenese i na související objekty.
Další funkce, Import a Export
Sketch byl vyvíjen i s důrazem na webdesign, a tak přidali tvůci i možnost kopírovat CSS atributy vybraných vrstev. Můžete je pak zkopírovat do libovolného editoru. Aplikace šikovně okomentuje jednotlivé objekty, abyste je v CSS kódu rozeznali. Export kódu sice není stoprocentní, lepších výsledků stále dosáhnete s dedikovanou aplikací Webcode, ale ve velké míře svůj účel splní a pokud některé atributy nedokáže přenést, dá vám o tom vědět.
Editor zatím neumí bohužel nativně číst AI (Adobe Illustrator) soubory, poradí si však se standardními EPS, SVG a PDF formáty. Do stejných formátů dokáže také exportovat, včetně samozřejmě klasických rastrových formátů. Sketch umožní vybrat libovolnou část z celé plochy a tu posléze exportovat a také může označit všechny Artboardy po rychlý export. Všechny vybrané plochy si navíc pamatuje, pokud tedy uděláte nějaké změny a opět chcete exportovat, budeme mít v nabídce již dříve vybrané části, které samozřejmě můžete libovolně posouvat a měnit rozměry. Příjemná je i možnost exportovat v dvojnásobné (@2x) a poloviční (@1x) velikosti zároveň se 100% velikostí, zvlášť pokud navrhujete iOS aplikace.
Největší slabinou aplikace je naprostá absence podpory barevného modelu CMYK, čímž se Sketch stává naprosto nepoužitelný pro všechny, kteří zpracovávají design pro tisk, a omezuje užití pouze na digitální design. Je zde evidentní zaměření na webdesign a design aplikací a nelze než doufat, že podpora přibude alespoň v budoucí aktualizaci, stejně jako se ji později dočkal Pixelmator.
Závěr
Po několikaměsíční práci a dvou grafických zakázkách se Sketch mohu říct, že pro mnohé může snadno nahradit drahý Illustrator, a to za zlomek ceny. Za celou dobu používání jsem nenarazil na případ, že by mi nějaká funkce funkce chyběla, naopak je zde ještě pár věcí, které jsem nestihl vyzkoušet.
Vzhledem k obecnému přechodu z bitmap na vektory v mobilních aplikacích může Sketch sehrát zajímavou roli. Jedna ze zmíněných zakázek se právě týkala grafického návrhu iOS aplikace, na což je Sketch skvěle připravený. Zvlášť doplňková aplikace Sketch Mirror může ušetřit spoustu času při zkoušení návrhů na iPhonu nebo iPadu.
Kdybych měl srovnat Sketch s Pixelmatorem vůči konurentům od Adobe, je Sketch přece jen o něco dál, ale za to vděčí spíš robustnosti Photoshopu. Pokud nicméně plánujete opustit Creative Cloud a celý ekosystém Adobe, Sketch je jednoznačně nejlepší alternativa, která svou intuitivností Illustrator v mnohém překoná. A za 80 dolarů, na které Sketch přijde, to není ani tak těžké rozhodování.
Poznámka: Aplikace původně stála 50 dolarů, v průběhu prosince a února však podražila na 80 dolarů. Není vyloučeno, že se cena časem sníží.
[app url=“https://itunes.apple.com/us/app/sketch/id402476602?mt=12″]
Úžasná je i velikost instalačního souboru – 6,2 MB!
To je všechno hezký, ale bez podpory CMYKu (která zatím není v plánu) je to DTPákům k prdu ;-) Čímž netvrdím, že to nemá svoji cílovku ;-)
Je to už několikátý článek o grafické aplikaci, která ignoruje neexistenci CMYKu. Ty zakázky bych chtěl vidět : )
Obě zakázky se týkaly aplikací, takže mi CMYK nepochyběl. Ale chápu, že pro designery navrhující materiály pro tisk je absence CMYKu fatální. Rozhodně by to mělo být zmíněno v recenzi.
K pridanému odstavcu: Pixelmator sa dočkal len náhľadov v CMYK. Nedokáže pracovať v CMYKu.
Můžu vědět, čím Quark svoje uživatele tak naštval? Tu historii neznám, zajímalo by mě to. Díky.
Skvěle je to popsané zde: http://arstechnica.com/information-technology/2014/01/quarkxpress-the-demise-of-a-design-desk-darling/
Díky. Cenová politika za upgrade Quarku je stále hrozná. Nicméně pro mě jako příležitostného „tvůrce“ DTP, který s tím začal až po zavedení předplatného InDesignu, je Quark téměř jediná alternativa.
Já osobně jsem si na Pixelmator zvykl a co potřebuji v něm udělám, ale podle screenshotů si nedokážu představit, že byvh místo Illustratoru používal toto…….
Zdravím, je nějaká aplikace v appstore , která by byla na způsob adobe indesign? Potřebuju něco na letáčky a tak … děkuju za radu
Myslim, ze Swift Publisher.
Nějaké zkušenosti ?
Ja s nim nerobim ale ma pozitivne recenzie + da sa stiahnut trial pre vyskusanie. Dalsi podobny program je
Scribus, kt. je opensource a je zadara.
Cenovo vyhodnejsi, mozno aj jednoduchsi, je iDraw od Indeeo. Maju verziu aj pre Mac a aj pre iOS. Je to celkom podareny vektorovy editor
Bez CMYKu je to naprd každému dělá DTP, grafický design, print obecně. Ale jinak držim palce, naboptnalost Adobe aplikací určitě nebude v budoucnu sedět každému a o placení předplatného CC ani nemluvě.
Vypadá to dobře, ale myslim že je 70 euro dost