34: Obilazak SVG softvera - CSS-trikovi

Anonim

Sa SVG-om možete učiniti puno bez ikakvog softvera. Pod pretpostavkom da imate dobar izvor SVG slika na mreži, mogli biste ih koristiti izravno. Ali prilično je uobičajeno da ćemo ih morati malo prilagoditi. Znam da je moj najčešći tijek rada da pronađem nešto blizu onoga što trebam sa web lokacija sa fotografijama fotografija, setova ikona ili slično, a zatim manipuliram da bude točno onako kako želim. Prilagođavanje oblika, brisanje stvari, promjena boja, uklapanje u ploču, sve te stvari. Puno je lakše raditi ovakve stvari pomoću softvera koji je za to napravljen, umjesto ručno u šifri.

Najčešći softver koji koristimo u ovoj seriji je Adobe Illustrator (19,99 USD mjesečno). Illustrator je velik, robustan softver za Mac ili PC. Hrpe značajki. I pomalo je poput odabira gitare kao instrumenta koji želite naučiti. Puno je tutorijala koji ga koriste. Postoji mnoštvo ljudi koji se njime mogu obratiti. Illustrator može SPREMITI KAO u SVG-u, što znači da je to izvorni format datoteke s kojim možete raditi, što je prilično lijepo.

U svim različitim softverima koje gledamo, nitko od njih ne prikazuje SVG tako optimiziran kao što biste vjerojatno željeli za web. Svi oni ubacuju neke generičke komentare i vrste metapodataka govoreći u kojem su softveru stvoreni i slično, što je potpuno beskorisno za upotrebu na webu. Još gore, zapravo, jer skuplja veličinu datoteke što stvari usporava. Uvijek ćete željeti optimizirati SVG koji dobijete iz bilo kojeg softvera (uskoro ćemo napraviti screencast o optimizaciji).

Inkscape je još jedna popularna opcija za SVG uređivanje. Mislim da je to vjerojatno jer je na više platformi (posao sin Mac, PC, Linux) i besplatan je. Također postoji već dugo vremena i ima robustan set značajki. Čini mi se pomalo neugodnim, prvenstveno kao Mac korisnik jer je sučelje toliko čudno drugačije od svega ostalog na što sam navikao.

Sviđa mi se Sketch, koji je samo za Mac (99 USD). Osobito mi se sviđa što možete odabrati objekte i grupe, a zatim “Make Exportable”, a zatim je SVG opcija za izvoz kao, što vam daje izrezani, savršeno korisni SVG za upotrebu.

Također smo pogledali iDraw (Mac 24,99 USD i iOS 8,99 USD). Tu je i WebCode (Mac 39,99 USD).

Nismo ih posebno pogledali u videu, ali postoje i neki SVG urednici temeljeni na pregledniku koji su prilično dragi:

  • SVG Uredi
  • Metoda
  • Mondrian