Создать/извлечь для Illustrator?

Есть ли способ (плагин, надстройка и т. д.) для экспорта ресурсов из Illustrator, как это делается в Photoshop Generate? Я обнаружил, что трачу много времени на тщательное разделение всего на множество артбордов, и было бы очень полезно, если бы я мог просто вывести каждую группу в другую подпапку (осмелюсь сказать, даже экспортировать в разных размерах), а затем иметь возможность вставлять элементы в мои макеты (или анимации... или связывать их в моем коде). Я считаю, что Illustrator и SVG — это будущее веб-дизайна/разработки, но рабочий процесс (в его нынешнем виде) ужасен. Я немного покопался в Интернете, но безрезультатно. Монтажные области работают, но их очень утомительно разделять, и это не позволяет разделить перекрывающиеся элементы так, как мне бы хотелось.


PS: Любые полезные инструменты для ускорения работы векторного => веб-сайта также очень приветствуются. Я обнаружил, что трачу слишком много времени на экспорт в том виде, в каком моя процедура сейчас существует, и любой способ, которым я могу его упростить, — это шаг вперед!

Ответы (4)

Вы можете использовать Slicesв Illustrator для экспорта изображений в формате Save For Web.

Фрагменты в иллюстраторе

Я бы не советовал использовать Illustrator для экспорта графических ресурсов. У него много проблем, таких как градиенты без сглаживания, худшее сглаживание формы, чем в Photoshop (и других приложениях), и другие проблемы.

Спасибо за это! В основном я хочу использовать его для вывода SVG, поэтому в данном контексте эти проблемы не вызывают большого беспокойства. Некоторые интересные вещи происходят со всем миром SVG прямо сейчас. Было бы неплохо, если бы Adobe начала серьезно относиться к Illustrator как к инструменту веб-разработки. Они, наконец, собираются вместе с Photoshop, как раз когда все переходит в вектор. Классика! Спасибо @marc!
Просто проверьте, знаете ли вы это: Photoshop может экспортировать SVG с помощью Generator. Определенно существуют ограничения на то, что возможно, но для одноцветных значков и более простых ресурсов веб-интерфейса это хороший вариант, если вы хотите автоматически экспортировать SVG.

Используя Adobe CC, я создаю ресурсы в Illustrator, а затем экспортирую их в Photoshop через свои библиотеки Adobe Creative Cloud. Photoshop намного лучше, чем Sketch3, для экспорта файлов, особенно когда размер файла имеет значение.

1 — Дизайн в иллюстраторе на пиксельной сетке и каждый ассет на отдельном слое

2 - я выбираю актив, используя его слой

3. Я использую свою библиотеку Adobe CC для экспорта панели библиотеки активов / «Добавить графику» [кнопка] и даю соответствующее имя моему активу (например: AssetName@1x.png), которое отражает мой окончательный формат экспорта.

4 - Я создаю документ в фотошопе и удаляю все активы, которые я сохранил в своей библиотеке. Каждый актив будет отображаться как слой с именем, которое я ему дал.

5 - Выберите слои для экспорта, а затем Панель слоев / Экспортировать как. Суффикс имени слоя автоматически выбирает формат.

Я нашел скрипт Smart Layers Export спасательным кругом. Вы можете экспортировать определенные слои/монтажные области сразу в несколько форматов, включая svg, и экспортировать в разных размерах (@2x и т. д.).

А как насчет этого маленького плагина? http://www.kodlian.com/apps/magic-exporter

Пожалуйста, включите описание того, что находится за ссылкой. Как правило, однострочные ответы не одобряются.