Michal Žďánsky Vzhľadom na excesy a správanie Adobe voči svojim zákazníkom sa stále viac grafikov a dizajnérov obzerá po alternatívach, rovnako ako hľadali náhradu za QuarkXpress a našli ju práve u Adobe InDesign. Photoshop má na Macu hneď dve dobré alternatívy - Pixelmator a Acorn - as pribúdajúcimi funkciami u oboch aplikácií dáva stále viac ľudí zbohom softvéru od Adobe prekypujúce funkciami v neprehľadnom užívateľskom rozhraní. Illlustrator má potom jedinú adekvátnu náhradu, a tou je práve Sketch.
Sketch je rovnako ako Illustrator vektorový editor. Vektorová grafika v poslednej dobe získava stále viac na význame vďaka všeobecnému zjednodušovaniu grafických prvkov, ako na webe, tak aj v operačných systémoch. Ostatne iOS 7 je tvorené takmer výhradne vektormi, zatiaľ čo aplikácie s textúrami v starších verziách systému vyžadovali veľmi skúsené grafiky pre vytváranie efektov dreva, kože a podobne. Po niekoľkých mesiacoch strávených s aplikáciou môžem potvrdiť, že sa jedná o skvelý nástroj pre začínajúcich dizajnérov i pokročilých grafikov vďaka svojej intuitívnosti aj ponukou funkcií.
Užívateľské rozhranie
Všetko začína na prehľadnom rozmiestnení prvkov v aplikácii. V hornej lište sa nachádzajú všetky nástroje, s ktorými budete na vektoroch pracovať, vľavo zoznam jednotlivých vrstiev a vpravo potom Inšpektor, kde upravujete všetky vlastnosti vektorov.
Uprostred sa potom nachádza nekonečná plocha umožňujúca ľubovoľné priblíženie. Všetky prvky v aplikácii sú ukotvené, nie je teda možné inak umiestňovať panel s nástrojmi alebo s vrstvami, avšak hornú lištu je možné prispôsobiť a môžete do nej pridať všetky existujúce nástroje, alebo vybrať len tie často používané a pre všetko ostatné si siahať do kontextových ponúk.
Zatiaľ čo nekonečná plocha je u vektorových editorov štandard, napríklad pri vytváraní grafických návrhov aplikácií je ideálne mať pracovnú plochu ohraničenú. Možno to síce riešiť napríklad obdĺžnikom ako podkladom, ale napríklad mriežku by potom bolo ťažké prispôsobiť. Sketch to rieši tzv. Artboardom. pri ich aktivácii si nastavíte jednotlivé plochy a ich rozmery, v ktorých budete pracovať. Buď voľne, alebo je tu niekoľko prednastavených vzorov, napríklad obrazovka iPhonu alebo iPadu. Vo chvíli, keď pracujete s Artboardmi, sú všetky vektorové prvky mimo nich zašedivené, môžete sa tak lepšie sústrediť na jednotlivé obrazovky a všetko, čo prečnieva, vás nebude rušiť.
Artboardy majú ešte jedno skvelé využitie – v App Store si možno totiž stiahnuť súvisiacu aplikáciu Sketch Mirror, ktorá sa so Sketch na Mace prepojí a rovno môže zobrazovať obsah jednotlivých Artboardov. Môžete tak treba vyskúšať, ako bude navrhované iPhone UI vyzerať na obrazovke telefónu bez toho, aby ste museli stále znovu a znovu exportovať obrázky a nahrávať ich do prístroja.
V Sketch samozrejme nechýba ani mriežka a pravítko. Mriežka je možné ľubovoľne nastaviť vrátane zvýraznenia línií, zaujímavá je potom aj možnosť využiť ju na rozdelenie stĺpcovej alebo radovej plochy. Ľahko tak napríklad rozdelíte priestor na tri tretiny bez nutnosti zobrazovať ostatné pomocné čiary. Je to skvelá pomôcka napríklad pri aplikácii zlatého rezu.
nástroje
Medzi nástrojmi na kreslenie vektorov nájdete prakticky všetko, čo by ste očakávali – základné tvary vrátane špirály a kreslenie čiary po bodoch, úpravu kriviek, prevádzanie písma do vektorov, zväčšovanie v mierke, zarovnávanie, jednoducho všetky potreby pre vektorové kreslenie. Je tu aj niekoľko zaujímavostí. Jednou z nich je napríklad využitie vektora ako masky na vložený bitmáp. Ľahko tak napríklad vytvoríte kruh z obdĺžnikového obrázku. Ďalšou je potom usporiadanie vybraných objektov do mriežky, kde v ponuke môžete nastaviť nielen medzery medzi objektmi, ale aj zvoliť, či sa majú brať do úvahy kraje objektu alebo či okolo nich pridať box, pokiaľ majú rôznu dĺžku či šírku.
Funkcie v hornej lište automaticky zošednú, pokiaľ pre daný objekt nie sú dostupné. Napríklad nie je možné prevádzať štvorec na vektory, táto funkcia je určená pre text, preto vás lišta nebude miasť stále svietiacimi tlačidlami a okamžite viete, čo z funkcií je možné pre vybrané vrstvy použiť.
vrstvy
Každý objekt, ktorý vytvoríte, sa zobrazí v ľavom stĺpci, v rovnakom poradí, v akom sú zoradené vrstvy. Jednotlivé vrstvy/objekty je možné potom zoskupovať, čím vznikne zložka a panel ukazuje celú stromovú štruktúru. Týmto spôsobom potom môžete objekty v skupinách ľubovoľne presúvať, alebo skupiny ponárať do seba a rozlišovať tak jednotlivé časti práce.
Vyberanie objektov na pracovnej ploche potom prebieha práve podľa týchto skupín či zložiek, ak chcete. Ak sú všetky zložky zatvorené, vy sa nachádzate na najvyššom mieste hierarchie, výberom jedného objektu sa označí celá skupina, do ktorej patrí. Ďalším rozkliknutím sa posúvate o úroveň nižšie a tak ďalej. Ak si vytvoríte mnohostupňovú štruktúru, budete sa musieť často dlho preklikávať, avšak jednotlivé zložky je možné mať otvorené a vyberať tak rovno konkrétne objekty v nich.
Z panelu vrstiev je možné jednotlivé objekty aj zložky schovať alebo ich uzamknúť v danej pozícii. Artboardy, pokiaľ ich používate, potom slúžia ako najvyšší bod celej štruktúry a presúvaním objektov medzi nimi v ľavom stĺpci sa budú presúvať aj na pracovnej ploche a ak majú Artboady rovnaké rozmery, objekty sa presunú aj do rovnakej pozície.
Aby toho nebolo málo, v rámci jedného súboru Sketch môžete mať ľubovoľný počet stránok a na každej stránke ľubovoľný počet Artboardov. V praxi tak môže pri vytváraní návrhu aplikácie jedna stránka slúžiť pre iPhone, druhá pre iPad a tretia pre Android. Jediný súbor tak obsiahne komplexnú prácu skladajúcu sa z desiatok i stoviek jednotlivých obrazoviek.
inšpektor
Inšpektor sídliaci v pravom paneli, je vec, ktorá Sketch odlišuje od ostatných vektorových editorov, s ktorými som mal doteraz možnosť pracovať. Hoci nejde o novátorský nápad, jeho exekúcia v rámci aplikácie prispieva k veľmi jednoduchej manipulácii s objektmi.
Vybratím ľubovoľného objektu sa inšpektor mení podľa potreby. Pri texte zobrazí všetko súvisiace s formátovaním, zatiaľ čo u oválov a obdĺžnikov bude vyzerať trochu inak. Je tu však niekoľko stálych položiek, ako napríklad pozície a rozmery. Veľkosť objektov je tak možné meniť veľmi ľahko jednoduchým prepísaním hodnoty, rovnako tak ich je možné presne umiestniť. Výber farby je tiež dobre vyriešený, rozkliknutím výplne alebo čiary sa dostanete k nástroju na výber farby a prednastavenou paletou niektorých farieb, ktorú si môžete ľubovoľne prispôsobiť.
Okrem ďalších vlastností, ako je zakončenie spojov alebo štýl prekrývania, tu nájdete aj základné efekty - tiene, vnútorné tiene, rozmazávanie, odraz a prispôsobenie farieb (kontrast, jas, saturácia).
Veľmi šikovne sú vyriešené štýly, ako písma, tak ostatných vektorových objektov. V prípade textu je možné v inšpektore jeho vlastnosti uložiť ako štýl, a potom ho priradiť ďalším textovým poliam. Ak potom štýl pozmeníte, zmení sa aj pri všetkých textoch, ktorý ho používa. Pri ostatných objektoch to funguje podobne. Pod tlačidlom Link sa skrýva ponuka uloženia štýlu vybraného objektu, teda hrúbka a farba čiary, výplň, efekty a pod. S týmto štýlom potom prelinkujete ostatné objekty a akonáhle zmeníte vlastnosť jedného objektu, zmena sa prenesie aj na súvisiace objekty.
Ďalšie funkcie, Import a Export
Sketch bol vyvíjaný aj s dôrazom na webdesign, a tak pridali tvorcovia aj možnosť kopírovať CSS atribúty vybraných vrstiev. Môžete ich potom skopírovať do ľubovoľného editora. Aplikácia šikovne okomentuje jednotlivé objekty, aby ste ich v CSS kóde rozoznali. Export kódu síce nie je stopercentný, lepšie výsledky stále dosiahnete s dedikovanou aplikáciou Webcode, ale vo veľkej miere svoj účel splní a pokiaľ niektoré atribúty nedokáže preniesť, dá vám o tom vedieť.
Editor zatiaľ nevie bohužiaľ natívne čítať AI (Adobe Illustrator) súbory, poradí si však so štandardnými EPS, SVG a PDF formátmi. Do rovnakých formátov dokáže taktiež exportovať, vrátane samozrejme klasických rastrových formátov. Sketch umožní vybrať ľubovoľnú časť z celej plochy a tú následne exportovať a taktiež môže označiť všetky Artboardy po rýchly export. Všetky vybrané plochy si navyše pamätá, pokiaľ teda urobíte nejaké zmeny a opäť chcete exportovať, budeme mať v ponuke už skôr vybrané časti, ktoré samozrejme môžete ľubovoľne posúvať a meniť rozmery. Príjemná je aj možnosť exportovať v dvojnásobnej (@2x) a polovičnej (@1x) veľkosti zároveň so 100% veľkosťou, zvlášť ak navrhujete iOS aplikácie.
Najväčšou slabinou aplikácie je absolútna absencia podpory farebného modelu CMYK, čím sa Sketch stáva úplne nepoužiteľný pre všetkých, ktorí spracovávajú dizajn pre tlač, a obmedzuje použitie iba na digitálny dizajn. Je tu evidentné zameranie na webdesign a design aplikácií a nemožno než dúfať, že podpora pribudne aspoň v budúcej aktualizácii, rovnako ako sa ju neskôr dočkal Pixelmator.
Záver
Po niekoľkomesačnej práci a dvoch grafických zákazkách sa Sketch môžem povedať, že pre mnohých môže ľahko nahradiť drahý Illustrator, a to za zlomok ceny. Za celú dobu používania som nenarazil na prípad, že by mi nejaká funkcia funkcie chýbala, naopak je tu ešte pár vecí, ktoré som nestihol vyskúšať.
Vzhľadom na všeobecný prechod z bitmáp na vektory v mobilných aplikáciách môže Sketch zohrať zaujímavú úlohu. Jedna zo spomínaných zákaziek sa práve týkala grafického návrhu iOS aplikácie, na čo je Sketch skvele pripravený. Zvlášť doplnková aplikácia Sketch Mirror môže ušetriť veľa času pri skúšaní návrhov na iPhone alebo iPade.
Keby som mal porovnať Sketch s Pixelmatorom voči konurentom od Adobe, je Sketch predsa len o niečo ďalej, ale za to vďačí skôr robustnosti Photoshopu. Pokiaľ však plánujete opustiť Creative Cloud a celý ekosystém Adobe, Sketch je jednoznačne najlepšia alternatíva, ktorá svojou intuitívnosťou Illustrator v mnohom prekoná. A za 80 dolárov, na ktoré Sketch príde, to nie je ani také ťažké rozhodovanie.
Poznámka: Aplikácia pôvodne stála 50 dolárov, v priebehu decembra a februára však zdražela na 80 dolárov. Nie je vylúčené, že sa cena časom zníži.
[app url=“https://itunes.apple.com/us/app/sketch/id402476602?mt=12″]
Úžasná je aj veľkosť inštalačného súboru - 6,2 MB!
To je všetko pekný, ale bez podpory CMYKu (ktorá zatiaľ nie je v pláne) je to DTPákom k prdu ;-) Čím netvrdím, že to nemá svoju cieľovku ;-)
Je to už niekoľko rokov o grafickej aplikácii, ktorá ignoruje neexistenciu CMYKu. Tie zákazky by som chcel vidieť : )
Obe zákazky sa týkali aplikácií, takže mi CMYK nepochybel. Ale chápem, že pre dizajnérov navrhujúcich materiály pre tlač je absencia CMYKu fatálna. Rozhodne by to malo byť spomenuté v recenzii.
K pridanému odseku: Pixelmator sa dočkal len náhľadov v CMYK. Nedokáže pracovať v CMYKe.
Môžem vedieť, čím Quark svojich užívateľov tak naštval? Tú históriu nepoznám, zaujímalo by ma to. Vďaka.
Skvele je to popísané tu: http://arstechnica.com/information-technology/2014/01/quarkxpress-the-demise-of-a-design-desk-darling/
Vďaka. Cenová politika za upgrade Quarku je stále hrozná. Avšak pre mňa ako príležitostného „tvorcu“ DTP, ktorý s tým začal až po zavedení predplatného InDesignu, je Quark takmer jediná alternatíva.
Ja osobne som si na Pixelmator zvykol a čo potrebujem v ňom urobím, ale podľa screenshotov si nedokážem predstaviť, že byvh namiesto Illustratoru používal toto…….
Zdravím, je nejaká aplikácia v appstore , Ktorá by bola na spôsob adobe indesign? Potrebujem niečo na letáčiky a tak... ďakujem za radu
Myslím, že Swift Publisher.
Nejaké skúsenosti?
Ja s ním nerobím ale má pozitívne recenzie + da sa stiahnut trial pre vyskusanie. Ďalší podobný program je
Scribus, kt. je opensource a je zadaná.
Cenovo výhodnejší, možno aj jednoduchší, je iDraw od Indeeo. Majú verziu aj pre Mac a aj pre iOS. Je to celkom podarený vektorový editor
Bez CMYKu je to naprd každému robí DTP, grafický design, print všeobecne. Ale inak držím palce, naboptnalosť Adobe aplikácií určite nebude v budúcnosti sedieť každému ao platení predplatného CC ani nehovoriac.
Vyzerá to dobre, ale myslím že je 70 euro dosť