34: Prehliadka softvéru SVG Triky CSS

Anonim

S programom SVG môžete robiť veľa bez akéhokoľvek softvéru. Za predpokladu, že máte dobrý zdroj obrázkov SVG online, môžete ich použiť priamo. Ale je celkom bežné, že ich budeme musieť trochu upraviť. Viem, že mojím najbežnejším pracovným postupom je nájsť z webových stránok s fotografiami alebo sadami ikon atď. Niečo, čo potrebujem, a potom s nimi manipulovať presne tak, ako chcem. Úpravy tvarov, odstraňovanie vecí, zmena farieb, prispôsobenie kresliacej plochy, všetko ostatné. Je oveľa jednoduchšie robiť podobné veci pomocou softvéru, ktorý je na to určený, ako ručne zadávať kód.

Najbežnejším softvérom, ktorý v tejto sérii používame, je Adobe Illustrator (19,99 USD mesačne). Illustrator je veľký a robustný softvér pre počítače Mac alebo PC. Veľa funkcií. A je to trochu ako keď si vyberiete gitaru ako nástroj, ktorý sa chcete naučiť. Existuje veľa tutoriálov, ktoré to používajú. Je tu veľa ľudí, ktorí to používajú, na ktoré sa môžete obrátiť. Illustrator môže ULOŽIŤ AS v SVG, čo znamená, že ide o natívny formát súboru, s ktorým môžete pracovať, čo je celkom pekné.

Vo všetkých rôznych softvéroch, ktoré sledujeme, žiadny z nich nevytvára SVG tak optimalizovaný, ako by ste to pravdepodobne pre web chceli. Všetci vložia niekoľko všeobecných komentárov a informácií o metaúdajoch, kde hovoria, v akom softvéri bol vytvorený a podobne, čo je úplne zbytočné na použitie na webe. Horšie je to s tým, ako zväčšuje veľkosť súboru, čo robí veci pomalšími. Vždy budete chcieť optimalizovať SVG, ktoré získate z ľubovoľného softvéru (čoskoro urobíme obrazovku s optimalizáciou).

Inkscape je ďalšou populárnou voľbou pre úpravy SVG. Myslím, že je to pravdepodobné, pretože je to multiplatformové (pracovný počítač Mac, PC, Linux) a je to zadarmo. Tiež je tu už dlho a má robustnú sadu funkcií. Považujem to však za trochu nepríjemné, predovšetkým ako používateľ systému Mac, pretože rozhranie je tak zvláštne odlišné od všetkého ostatného, ​​na čo som zvyknutý.

Mne sa páčil Sketch, ktorý je iba pre Mac (99 dolárov). Obzvlášť sa mi páči, že môžete vybrať objekty a skupiny a potom „Urobiť exportovateľné“ a potom SVG je možnosť exportovať ako, ktorá vám poskytne orezaný a dokonale použiteľný SVG na použitie.

Pozreli sme sa aj na iDraw (Mac 24,99 $ a iOS 8,99 $). K dispozícii je tiež WebCode (Mac 39,99 dolárov).

Na tieto videá sme sa osobitne nepozerali, ale existujú aj niektoré editory SVG založené na prehliadači, ktoré sú celkom pekné:

  • Úpravy SVG
  • Metóda
  • Mondrian