Вы можете многое сделать с SVG без какого-либо программного обеспечения. Если у вас есть хороший источник изображений SVG в Интернете, вы можете использовать их напрямую. Но довольно часто нам нужно немного подправить их. Я знаю, что мой самый распространенный рабочий процесс - это найти что-то близкое к тому, что мне нужно, на сайтах стоковой фотографии, наборах значков и т.п. Корректировка форм, удаление материала, изменение цвета, установка монтажной области и все такое. Намного проще делать подобные вещи с помощью программного обеспечения, созданного для этого, чем вручную в коде.
Самым распространенным программным обеспечением, которое мы использовали в этой серии, является Adobe Illustrator (19,99 долл. США в месяц). Illustrator - это большая надежная программа для Mac или ПК. Множество функций. И это немного похоже на выбор гитары в качестве инструмента, который вы хотите изучить. Существует множество руководств по его использованию. Есть множество людей, использующих его, к которым вы можете обратиться. Illustrator может СОХРАНИТЬ AS в SVG, что означает, что это собственный формат файла, с которым вы можете работать, что довольно приятно.
Во всем разном программном обеспечении, которое мы рассматриваем, ни одно из них не выводит SVG так оптимизированно, как вы, вероятно, хотели бы для Интернета. Все они вставляют некоторые общие комментарии и типы метаданных, в которых говорится, в каком программном обеспечении он был создан и тому подобное, что совершенно бесполезно для использования в Интернете. На самом деле, даже хуже, поскольку он увеличивает размер файла, что замедляет работу. Вы всегда будете хотеть оптимизировать SVG, который вы получаете из любого программного обеспечения (скоро мы сделаем скринкаст по оптимизации).
Inkscape - еще один популярный вариант редактирования SVG. Я думаю, что это вероятно, потому что это кроссплатформенный (рабочий Mac, ПК, Linux) и бесплатный. Он также существует уже давно и имеет надежный набор функций. Я нахожу это немного неудобным, в первую очередь как пользователь Mac, потому что интерфейс так странно отличается от всего остального, к чему я привык.
Мне понравился Sketch, который доступен только для Mac (99 долларов). Мне особенно нравится, что вы можете выбрать объекты и группы, а затем «Сделать экспортируемым», а затем SVG - это вариант для экспорта как, что дает вам обрезанный, идеально пригодный для использования SVG.
Мы также рассмотрели iDraw (Mac $ 24,99 и iOS 8,99 $). Существует также WebCode (Mac $ 39,99).
Мы специально не рассматривали их в видео, но есть также некоторые браузерные редакторы SVG, которые чертовски хороши:
- SVG Редактировать
- Метод
- Мондриан