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

Есть целая группа дизайнеров, вошедших в индустрию, которые не используют продукты Adobe. Я – один из таких дизайнеров. Конечно, это прекрасно, быть мастером Sketch в агетнстве, где я работаю. Но я попал в тупик, когда мой клиент поставил задачу и захотел получить финальную работу в формате .ai.

Когда я открыл Illustrator, у меня случился приступ паники. Я конечно очень ценю и уважаю дизайнеров, которые потратили годы на создания UI в Photoshop и/или Illustrator (мне показалось забавным, что эти инструменты используются для создания замечательных UX и являются одними из самых сложных для работы и изучения).

После того, как я понял, что я “откусил больше, чем смогу проглотить”, я принялся искать возможность перехода со Sketch на Illustrator и выяснил, что такого перехода не существует. Я начал экспериментировать и нашел способ экспортировать дизайн из Sketch, открыть его в Illustrator и сохранить как .ai файл.

Говорю сразу, этот процесс далек от идеала, некоторые элементы (например тени) будут отображаться в Illustrator в виде разных слоев, маски необходимо накладывать в Illustrator (по некоторым причинам, SVG экспортируется из Sketch с любым видом маски, которая не открываются в Illustrator), и так далее. Но в целом, выполнив описанные ниже действия, вы сможете добиться желаемого результата.

Профессия «Дизайнер интерактивных медиа»
Профессия «Дизайнер интерактивных медиа»
Скидка 45% по промокоду UXPUB
Узнать подробнее

Создайте ваш дизайн в 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 файл!

Что вы думаете о моем методе? Дайте мне знать, если у вас есть какие-то предложения или дополнения.

Total
0
Shares
7 комментариев
  1. Следовало бы указать ссылку на оригинал статьи: https://blog.avocode.com/blog/how-can-you-turn-sketch-to-adobe-illustrator
    К слову, у меня иллюстратор выдает ошибку при открытии svg файла. Грузится всю жизнь, а в конце выдает ошибку.
    Кто-нибудь сталкивался с данной проблемой и смог ее решить?

  2. Мне нужно было сохранить из Sketch в eps. Открыла полученный при экспорте файл в Illustrator и пришла в ужас…практически все элементы растрированы (images).

  3. Все методы конвертации предполагают, что у вас есть Sketch (и какой-нибудь компьютер от Apple, естественно).
    А у меня есть только комп на Windows 7 и картинка в формате Sketch.
    Как мне её конвертировать в что-нибудь адобовское, используя только комп на Windows 7?

Добавить комментарий

Ваш адрес email не будет опубликован.

Похожие статьи
Как разместить текст на линии в sketch
Подробнее

Как разместить текст на линии в sketch

Так как я раньше никогда не работал в Illustrator, я не могу сравнивать возможности этих двух приложений, но, как по мне, Sketch работает очень хорошо. В нем есть очень полезная функция, особенно для создания лого: текст на линии. Эта опция есть в панели меню, разделе Type. Сначала она может показаться несколько корявой, но при определенных навыках может очень даже неплохо работать.
Подробнее

Быстрое прототипирование с использованием символов и шаблонов Sketch

Мы выросли, теперь разработка в Sketch для iOS стала удобнее. Приложение существенно изменилось, теперь у нас есть символы, новый экспорт и даже некоторые функции редактирования растровой графики. Наше сообщество существенно расширилось — очень много компаний и продуктов поддерживают Sketch.

Еженедельная рассылка

Одно письмо с лучшими записями за неделю

Total
0
Share