Existuje spousta věcí, které můžete dělat s SVG bez jakéhokoli softwaru. Za předpokladu, že máte dobrý zdroj obrázků SVG online, můžete je použít přímo. Ale je docela běžné, že je budeme muset trochu upravit. Vím, že mým nejběžnějším pracovním postupem je najít něco blízkého tomu, co potřebuji, ze stránek pro fotografování nebo sady ikon apod., A pak s tím manipulovat přesně tak, jak chci. Úpravy tvarů, mazání věcí, změna barev, přizpůsobení kreslicí ploše, všechno ostatní. Je mnohem snazší dělat věci jako je tento se softwarem, který je pro to vytvořen, spíše než ručně v kódu.
Nejběžnějším softwarem, který v této sérii používáme, je Adobe Illustrator (19,99 $ měsíčně). Illustrator je velký, robustní software pro Mac nebo PC. Spousta funkcí. A je to trochu jako vybrat si kytaru jako nástroj, který se chcete naučit. Existuje spousta tutoriálů, které ji používají. Existuje spousta lidí, kteří ji používají, na kterou se můžete obrátit. Illustrator může SAVE AS v SVG, což znamená, že se jedná o nativní formát souboru, se kterým můžete pracovat, což je docela hezké.
Ve všech různých softwarech, na které se díváme, žádný z nich nevytváří SVG tak optimalizovaný, jak byste ho pravděpodobně pro web chtěli. Všichni vkládají několik obecných komentářů a věcí typu metadat, které říkají, v jakém softwaru byl vytvořen a podobně, což je pro použití na webu naprosto zbytečné. Horší je to ve skutečnosti, protože zvětšuje velikost souboru, což zpomaluje věci. Vždy budete chtít optimalizovat SVG, které získáte z jakéhokoli softwaru (brzy provedeme screencast o optimalizaci).
Inkscape je další populární volbou pro úpravy SVG. Myslím, že je to pravděpodobné, protože je to multiplatformní (pracovní syn Mac, PC, Linux) a je to zdarma. Je to také už dlouho a má robustní sadu funkcí. Považuji to za trochu trapné, hlavně jako uživatel Mac, protože rozhraní je tak divně odlišné od všeho, na co jsem zvyklý.
Líbil se mi Sketch, což je pouze Mac (99 $). Obzvláště se mi líbí, že můžete vybrat objekty a skupiny a poté „Vytvořit exportovatelné“ a pak SVG je možnost exportovat jako, což vám dává oříznutý, dokonale použitelný SVG k použití.
Podívali jsme se také na iDraw (Mac 24,99 $ a iOS 8,99 $). K dispozici je také WebCode (Mac 39,99 $).
Ve videu jsme se na ně konkrétně nedívali, ale existují i některé SVG editory založené na prohlížeči, které jsou pěkně pěkné:
- Upravit SVG
- Metoda
- Mondrian