Блог: статьи

Правильный экспорт макетов дизайна из AI в PSD: часть 2 — полезные советы

Алексей ГоловановАвтор: Алексей Голованов
31 мая 2011

Правильный экспорт макетов дизайна из AI в PSD: часть 2

Совсем недавно Егор Гилев опубликовал свою статью «Правильный экспорт макетов дизайна из AI в PSD», в которой рассказал о трех шагах, следуя которым перевод AI-файла в PSD несет меньше всего проблем, и на выходе получается картинка, в точности совпадающая с ее векторным исходником.

Мне бы хотелось немного углубиться в данную тему и рассказать о некоторых полезных приемах в работе с Иллюстратором при экспорте, позволяющих существенно сэкономить время (которого как всегда не хватает), нервы (которые, к сожалению, не восстанавливаются) и превратить этот процесс практически в удовольствие. Итак:

Экономим время на группировке

Ни для кого не секрет, что Шаг 1 (наведение порядка в слоях) — самый длительный при экспорте из AI в PSD. Сократить его поможет следующее:

1. Когда группируем весь текст или прочие однотипные объекты по папочкам, необязательно находить тот или иной объект в панели со списком слоев (которых как правило ну очень много) и перетаскивать каждый в отдельный слой (Иллюстратор в отличие от Фотошопа, где пролистывание списка слоев при перетаскивании любого слоя происходит с ускорением, будет задерживаться на каждом слое примерно по 1/8 секунды, и пролистывание будет равномерным. Казалось бы, что такое 1/8 секунды? Ерунда! Однако, когда объектов огромное множество, даже такие небольшие паузы уже через пару минут начинают откровенно раздражать).

Гораздо более удобно прощелкать белой стрелкой все необходимые объекты (с зажатой клавишей shift). В одну группу (ctrl+G) Иллюстратор объединить нам их не позволит (если они находятся в разных группах) и при попытке выдаст сообщение:

Правильный экспорт макетов дизайна из AI в PSD: часть 2

Зато можно вырезать их (ctrl+X) и вставить (ctrl+F) в новый слой. Все! Очень удобно! Все объекты окажутся каждый на своем старом месте в интерфейсе, но в отдельном, нужном нам слое.

Главное здесь — чтобы объекты, которые мы группируем, не находились в папке, на которую был применен стиль, иначе он потеряется.

2. В пункте главного меню Select есть очень полезные подпункты Same и Object, позволяющие за раз выделять все текстовые слои или все слои с одинаковым аппирансом (заливками, обводками) — очень удобно для однотипных элементов на странице: кнопок, плашек и прочего.

Правильный экспорт макетов дизайна из AI в PSD: часть 2 Правильный экспорт макетов дизайна из AI в PSD: часть 2

Выделяем → вырезаем (crtl+X) → вставляем в новый слой (Ctrl+F) → готово.

Решаем проблему с экспортом тяжелых файлов

Иногда на Шаге 3 (экспорт) при попытке получить PSD-файл, вызвав функцию «Export» и указав имя файла, даже на мощных компьютерах выскакивает следующее окно:

Правильный экспорт макетов дизайна из AI в PSD: часть 2

Иллюстратор ругается на нехватку памяти при экспорте тяжелых файлов.

Чтобы не резать наш большой файл на куски и отдельно их экспортировать (что, в принципе, тоже является одним из способов решения данной проблемы), можно сделать следующее: в окне сохранения файла установить галочку на чекбоксе «Use Artboards» и выбрать в поле рядом «Range:1» (или вместо единицы — номер артборда, в котором нарисован экран).

Правильный экспорт макетов дизайна из AI в PSD: часть 2

Теперь Иллюстратор все сделает так, как надо!

Связанные записи

Условия использования

Данные материалы можно использовать в некоммерческих целях, с обязательным указанием автора.

Комментарии

> Решаем проблему с экспортом тяжелых файлов

А вот хрен, не помогает ..

Более того, растеризация объектов «методом Егора» уже искажает некоторые эффекты, а файл в высоком качестве и на весьма мощном компьютере получает «No enough memory» не смотря на артборды :(

Других методов решения данной проблемы нет?

Ответить @Draft_MC, 16 июня 2011

Ребята, не забрасывайте эту колонку пишите чаще. Спасибо вам!

Ответить Саша Реушкин, 24 октября 2011

спасибо!

Ответить @temmik, 23 декабря 2011

спасибо!

Ответить temmik, 23 декабря 2011

Напишите комментарий

Вы можете использовать ваш twitter или facebook. Для этого вам нужно будет авторизоваться на одном из этих сайтов, после чего вы сможете оставлять комментарии.

Connect with Facebook

Если у вас есть OpenID (например, myopenid.com), воспользуйтесь им для авторизации.

Авторизуйтесь при помощи аккаунта Турбомилк. Вы также можете зарегистрироваться на нашем сайте.

Закрыть