UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Как превратить исходник Sketch в Adobe Illustrator
Редакція
Редакція

Опубліковано • Оновлено

Как превратить исходник Sketch в Adobe Illustrator

Есть целая группа дизайнеров, вошедших в индустрию, которые не используют продукты Adobe. Я - один из таких дизайнеров. Конечно, это прекрасно, быть мастером Sketch в агетнстве, где я работаю. Но я попал в тупик, когда мой клиент поставил задачу и захотел получить финальную работу в формате .ai. Когда я открыл Illustrator, у меня случился приступ паники. Я конечно очень ценю и уважаю дизайнеров, которые потратили годы на создания UI в Photoshop и/или Illustrator (мне показалось забавным, что эти инструменты используются для создания замечательных UX и являются одними из самых сложных для работы и изучения). После того, как я понял, что я “откусил больше, чем смогу проглотить”, я принялся искать возможность перехода со Sketch на Illustrator и выяснил, что такого перехода не существует. Я начал экспериментировать и нашел способ экспортировать дизайн из Sketch, открыть его в Illustrator и сохранить как .ai файл. Говорю сразу, этот процесс далек от идеала, некоторые элементы (например тени) будут отображаться в Illustrator в виде разных слоев, маски необходимо накладывать в Illustrator (по некоторым причинам, SVG экспортируется из Sketch с любым видом маски, которая не открываются в Illustrator), и так далее. Но в целом, выполнив описанные ниже действия, вы сможете добиться желаемого результата.

Создайте ваш дизайн в Sketch.

57ce8b44865bbd8e6c4ee391_1

Экспортируйте рабочую область (группу или часть) в SVG файл.

57ce8b7a459325836c8b3511_2

Найдите ваш SVG файл, кликните правой кнопкой мыши, “открыть с помощью” и выберите Adobe Illustrator.

* подождите пока Illustrator загрузится в течении всей жизни 57ce8b87459325836c8b3512_3

Используйте инструмент Выбор (v) для выбора всех слоев, которые были импортированы в Illustrator.

57ce8ba294bc72c868d46ff9_4

Когда вы выбрали все, нажмите command + shift + g от пяти до десяти раз.

Если вы посмотрите на панель слоев, вы увидите, как слои сами себя разгруппируют. 57ce8bd8865bbd8e6c4ee392_5

Сохраните файл с расширением .ai при помощи Файл-Сохранить как…-(формат) Adobe Illustrator (ai).

57ce8bf094bc72c868d46ffa_6

Готово!

Теперь у вас есть готовый к работе .ai файл! Что вы думаете о моем методе? Дайте мне знать, если у вас есть какие-то предложения или дополнения. http://ux.pub/perenosim-psd-isxodniki-s-photoshop-v-sketch/


Перевод статьи avocode.com

Топ коментарі (0)