34: Przewodnik po oprogramowaniu SVG - CSS-Tricks

Anonim

Z SVG można zrobić wiele bez żadnego oprogramowania. Zakładając, że masz dobre źródło obrazów SVG online, możesz ich użyć bezpośrednio. Ale jest dość powszechne, że będziemy musieli je nieco dostosować. Wiem, że moim najczęstszym przepływem pracy jest znalezienie czegoś zbliżonego do tego, czego potrzebuję, w witrynach ze zdjęciami stockowymi, zestawami ikon itp., A następnie manipulowanie nim tak, aby było dokładnie tak, jak chcę. Dopasowywanie kształtów, usuwanie rzeczy, zmiana kolorów, dopasowywanie obszaru roboczego, wszystko to. O wiele łatwiej jest robić takie rzeczy za pomocą oprogramowania, które jest do tego stworzone, niż ręcznie w kodzie.

Najpopularniejszym oprogramowaniem, którego używaliśmy w tej serii, jest Adobe Illustrator (19,99 USD / miesiąc). Illustrator to duże, solidne oprogramowanie dla komputerów Mac lub PC. Mnóstwo funkcji. To trochę tak, jak wybranie gitary jako instrumentu, którego chcesz się nauczyć. Jest wiele samouczków, które go używają. Jest mnóstwo ludzi, którzy z niej korzystają, do których możesz się zwrócić. Illustrator może ZAPISZ JAKO w SVG, co oznacza, że ​​jest to natywny format pliku, z którym możesz pracować, co jest całkiem niezłe.

We wszystkich różnych programach, na które patrzymy, żadne z nich nie wyświetla pliku SVG tak zoptymalizowanego, jak prawdopodobnie chcesz go do Internetu. Wszystkie z nich wstawiają ogólne komentarze i metadane informujące, w jakim oprogramowaniu zostało stworzone, i takie, które są całkowicie bezużyteczne do użytku w Internecie. W rzeczywistości jest gorzej, ponieważ zwiększa rozmiar pliku, co spowalnia. Zawsze będziesz chciał zoptymalizować SVG, które otrzymujesz z dowolnego oprogramowania (wkrótce zrobimy screencast na temat optymalizacji).

Inkscape to kolejna popularna opcja edycji SVG. Myślę, że jest to prawdopodobne, ponieważ jest wieloplatformowy (działa syn Mac, PC, Linux) i jest bezpłatny. Jest również od dawna i ma solidny zestaw funkcji. Uważam to jednak za trochę niezręczne, głównie jako użytkownik Maca, ponieważ interfejs jest tak dziwnie inny niż wszystko, do czego jestem przyzwyczajony.

Podobał mi się Sketch, czyli tylko Mac (99 USD). Szczególnie podoba mi się, że możesz wybierać obiekty i grupy, a następnie „Make Exportable”, a następnie SVG jest opcją eksportu jako, co daje przycięty, doskonale nadający się do użycia SVG.

Przyjrzeliśmy się również iDraw (24,99 USD na Maca i 8,99 USD na iOS). Jest też WebCode (39,99 USD Mac).

Nie przyjrzeliśmy się im specjalnie w filmie, ale jest też kilka edytorów SVG opartych na przeglądarce, które są cholernie ładne:

  • Edycja SVG
  • metoda
  • Mondrian