Как из иллюстратора перевести в фотошоп
Нужен совет по экспорту из Ai в PSD с сохранением векторных слоев. Собираюсь грузить свои работы на микростоки, типа Envato, а там разнообразие форматов считается плюсом. Люди это как-то делают. Но не рисуют же они заново в каждом формате. Если рисовать в Photoshop вектором, то перевести в ai не сложно (через сохранение в eps). Photoshop же EPS открывает только растром. А возвращаться к Photoshop не хотелось бы, в Illustrator больше возможностей для фантазии.
Есть способ копирования Ctrl+с и Ctrl+v, но он эффективен с одним или десятью слоями. Когда их много, теряется возможность перенести изображение с точностью до пикселя, (потому что вставляет хаотично), а это недопустимо. Подскажите, есть ли какой-то другой способ экспорта из ai в PSD, может по средствам какой-то программы? Слышала, что можно сделать при помощи Fireworks, но не хотелось бы приобретать программу ради одной функции.
Благодарю за внимание!
- Вопрос задан более трёх лет назад
- 28882 просмотра
Идеальной конвертации не существует. Либо руками, либо терять редактируемость части слоев, либо использовать программы для разных целей и, при необходимости, линковать файлы в макете. Да, Fireworks может немного помочь, но и он не выполнит перенос любого файла идеально (все зависит от структуры в исходном AI). Странно что Ps и Ai у вас куплены, а Fw уже дорого т.к. полный пакет CC стоит почти столько же как и две программы поотдельности)))
Лично я для стоков не делаю PSD, а гружу иконки в векторе + PNG. Простые иконки/иллюстрации перегнать не проблема, те что посложнее — добавляйте PSD если это целесообразно потраченному на него времени. Сложные иллюстрации имеет смысл посидеть и перенести, если они могут «выстрелить» в продажах. А если сложно — хрен с ним, прекрасно покупают и без PSD)))
Благодарю Вас за ответ! На самом деле да, очень сложно) Потому что много деталей в иллюстрациях. Но плюс в том, что я не использую никакие стили слоя, чтобы иметь возможность сохранить в формат EPS. Не использую даже градиентов, такая стилистика. Только векторная графика. Подскажите, в таком случае Fireworks поможет? Дело в том, что, как я слышала, на Envato больше покупают в формате PSD, но постепенно все переходят на EPS. Для меня это было бы радостно) Потому что в AI нравится работать больше :) Но пока что это не стандарт. Если не найдется способ, конечно, придется без PSD.
Елена Лобанова: спокойно продаю на Энвато, как писал выше, в векторных форматах (Ai, EPS, PDF, SVG, CDR) плюс PNG разных размеров. Продажи зависят в первую очередь не от формата)
Тоже ломал голову насчет добавления PSD и, посмотрев на топовые наборы, не стал мучаться. Я тоже помню ту статью, где один человек писал про полезность PSD =) Но нельзя это правило применять ко всему сразу. Опять же, выше я сказал что надо оценивать целесообразность конвертирования в PSD (например, для иконок это менее актуально, для иллюстраций средне, а для интерфейсов более актуально т.к. еще не скоро покупатели в виде ленивых дизайнеров переползут на вектор в этой специализации)))
Елена Лобанова: Если разобрать исходник по слоям (не субслоям, а именно слоям) каждый элемент, то через Fw можно все перенести редактируемые. Возможно и простой экспорт тоже сохранит редактируемость всех элементов. Навскидку уже не вспомню, надо пробовать.
Просто разнесите каждый элемент на отдельный слой верхнего уровня. Возьмите для пробы что-то простое и попробуйте.
Да, Вы правы. Для иконок сейчас PSD практически не популярен. Особенно для покупателей предпочтительнее вектор. Из-за адаптивности дизайнов. В иллюстрациях же не всегда требуется адаптивность. А покупатели переходят только на что-то новое по мере необходимости) Хотя и если подумать, то необходимость в векторе для иллюстрации большая. Благодарю Вас, что делитесь со мной опытом!) Мне это необходимо) Я хоть и не из тех, кто от трудностей опускает руки, но ошибок могу понаделать) А этого не хотелось бы. Хорошо, значит, я попробую через FW, спасибо Вам за детали сохранения!) Постараюсь, если получится, это будет замечательно!
Елена Лобанова: пробуйте! Программу можно использовать 30 дней бесплатно, этого должно хватить чтобы попробовать и не покупать зря)
Но также попробуйте и через стандартный экспорт, только предварительно раскидав объекты по слоям — может и этого хватит. А потом через Fw и сравнить результаты.
ЗЫ Видел как некоторые в Фш сохраняли векторную графику т.е. PSD-файл, а внутри смарт-объект и все =D
Спасибо большое))) Все попробую!) Мне ведь с этим работать!) Да, хорошо, что есть 30 дней)
А про PS, Вы в покупных шаблонах такое видели?) То есть на микростоках так принимают? Но ведь дизайнер-то будет ждать в PSD со слоями. А там смарт) Наверное, поэтому подписывают на Энванто, где со слоями, а где без?
Елена Лобанова: Не буду врать, не помню где конкретно видел. Но это просто к слову было сказано, ни в коем случае не надо делать также в материалах на продажу) В рабочих файлах да, это нормально, а для стоков не надо (могут обидеться и написать плохой комментарий и рейтинг низкий поставить).
Pavel Designer: да, все же не стоит) Мне советовали так делать, но советовали не дизайнеры. Я подумала об этом также, как Вы, что если бы сама покупала ради PSD, а там был бы смарт объект или растрированный слой, было бы неприятно. А мне нужно, чтобы мои работы оправдывали ожидания и доверие. Благодарю Вас за ответ, значит, я не зря сомневалась) Конечно, это получится, как иногда мне присылают PSD с объединенными слоями)
Процессы взаимодействия между Illustrator и Photoshop пополнились новой функцией Вставить как > Слои , которая дополняет уже имеющиеся варианты Смарт-объект , Пиксели , Контур и Слой-фигура . Новая функция поддерживает импорт слоев Illustrator с сохранением их визуальных и функциональных характеристик, а также их структуры.
При копировании объектов из Illustrator и их вставке в Photoshop каждый объект будет расположен в собственном слое, поддерживая основные возможности редактирования и сохраняя максимум свойств.
Если у вашего объекта есть свойства, поддерживаемые Photoshop, он будет вставлен на холст как редактируемый контур фигуры или текст, в противном случае — как нередактируемый пиксельный (растрированный) слой с сохранением только внешнего вида из Illustrator.
Возможность копировать объект из Illustrator и вставлять его в Photoshop дает очень много преимуществ.
Вы можете импортировать в Photoshop слои Illustrator и продолжать над ними работу, сохраняя при этом те же визуальные и функциональные стандарты. Это также обеспечивает возможность сохранить в Photoshop ту же структуру слоев, что и в Illustrator!
Запустите Illustrator и откройте файл, содержимое которого требуется использовать в Photoshop.
Скопируйте содержимое из Illustrator и вставьте его в Photoshop, используя функцию «Слои» из диалогового окна.
Ниже представлены некоторые функции копирования и вставки, которые можно попробовать в обновленной процедуре.
- Векторные фигуры и контуры создаются с помощью инструмента «Фигура» или «Формирователь» в качестве слоев «Фигура» и «Путь». Это могут быть линии, прямоугольники и прямоугольники со скругленными углами, многоугольники, овалы, звезды и контуры, созданные с помощью инструмента «Перо», или составные контуры.
- Текстовые объекты, созданные с помощью инструментов «Текст» в качестве текстовых слоев, могут включать точечный текст, текст области и текст по контуру.
- Копирование обтравочных масок как векторных.
- Пиксельные слои, с имволы, смарт-объекты, узоры, градиентная сетка, группы, искаженные слои, инструмент «Блик» в качестве пиксельных слоев.
После того как вы вставите свой объект в качестве текстового слоя или слоя фигуры, у него появится собственная панель свойств, где вы сможете отредактировать его внешний вид и изменить текст или форму соответственно.
Сценарии и ограничения взаимодействия при копировании и вставке
Предупреждение
Часть содержимого в этой выделенной области будет растрирована.
Фигуры и контуры со следующими свойствами не поддерживаются в Photoshop:
- Неподдерживаемые типы углов, такие как Фаска и Вогнутый круг
- Пунктирная линия обводки, которая выравнивает штрихи по углам и концам контуров, корректируя длину по размеру
- Стрелки и стили обводки
- Градиенты в заливке и обводке
- Узоры в заливке и обводке
- Отключение видимости заливки
- Многократная обводка и заливка
- Непрозрачность обводки и заливки
- Эффекты
- Символы, диаграммы, сетки, составные фигуры и другие объекты Illustrator, которые не являются векторными фигурами или контурами.
Текстовые объекты со следующими свойствами не поддерживаются в Photoshop:
- Текстовые объекты с узорами или градиентами в заливке или обводке
- Связанные текстовые объекты
- Текстовые объекты с включенным переносом
- Текстовые объекты с маской непрозрачности
- Текстовые объекты с эффектами
Лимит срезов и заливка по правилу ненулевого индекса для перекрывающихся контуров не поддерживаются в Photoshop, поэтому для сохранения функциональности они не копируются.
Объекты растрируются и размещаются в виде пиксельного слоя для сохранения визуальной точности.
Некоторые из вставленных текстовых слоев содержат отсутствующие шрифты. Эти шрифты будут заменены, и внешний вид может измениться.
Текстовые объекты Illustrator со шрифтами, недоступными в Photoshop, будут вставлены как текстовые слои со шрифтом по умолчанию. Эти текстовые слои будут отображать значок устранения неполадок на панели слоев. Вы можете дважды щелкнуть эти текстовые слои или перейти к Текст > Управление отсутствующими шрифтами для управления отсутствующими шрифтами.
Текстовый слой вставляется со шрифтом по умолчанию.
Некоторые фигуры будут вставлены как нединамические.
- Вставка правильных многоугольников со сторонами > 100.
- Вставка неправильного многоугольника с неравным углом или шириной сторон.
- Вставка любой динамической фигуры с искривлением.
Вместо динамической фигуры объект вставляется как нединамический слой-фигура.
Помещаемые из Illustrator объекты будут вставлены без эффектов.
Помещенный объект имеет связанный файл с эффектами. В этом случае эффекты из связанного файла при копировании и вставке будут удалены.
Связанные файлы с эффектами копируются в Photoshop без эффекта.
Выбранный объект содержит один или несколько объектов, размещенных в Illustrator, с несуществующим связанным файлом. Эти объекты вставлены не будут.
Вставить помещаемый объект невозможно, так как связанный файл не найден.
Связанные объекты с проблемами не копируются в Photoshop.
Невозможно вставить помещаемый из Illustrator объект со связанным файлом. Можно продолжить вставку без этого объекта.
Связанный файл копируемого графического объекта невозможно поместить в Photoshop по таким причинам, как неподдерживаемый формат файла и отказ в доступе к пути файла.
Связанные объекты с проблемами не копируются в Photoshop.
Копируемое содержимое из документа Illustrator имеет другой цветовой режим. Оно будет преобразовано в соответствии с документом Photoshop, но цвета могут измениться.
Копируемое содержимое из Illustrator имеет цветовой режим, отличный от режима целевого документа Photoshop для вставки.
Цветовой режим преобразуется в соответствии с цветовым режимом документа в Photoshop. Может наблюдаться несоответствие цвета в зависимости от алгоритма преобразования.
Вставка возможна только с шириной обводки до 288 точек.
Ширина обводки копируемой фигуры или контура превышает 288 точек.
Фигура или контур копируются с шириной обводки 288 точек.
Не удалось выполнить команду «Вставить», поскольку Photoshop не поддерживает содержимое буфера обмена Illustrator, содержащее неисконные иллюстрации, устаревший текст или объекты с произвольным градиентом.
Неисконные иллюстрации, устаревший текст или объекты с произвольным градиентом в настоящее время не поддерживаются.
Неисконные иллюстрации, устаревший текст или объекты с произвольным градиентом не копируются в Photoshop.
Реализовано в выпуске за апрель 2022 г. (версия 23.3)
Тип объектов
Точечный текст, текст области и текстовые объекты, созданные в Illustrator, можно перенести в Photoshop в виде редактируемых текстовых слоев. После вставки в Photoshop вы можете редактировать различные свойства текстовых слоев, такие как цвет текста, размер, шрифт, выравнивание и т.д. с помощью панели «Свойства».
Реализовано в выпуске за октябрь 2021 г. (версия 23.0)
Векторные фигуры
Импорт фигур, поддерживаемых Photoshop, таких как прямоугольник , эллипс , многоугольник и линия , из Illustrator в качестве динамических слоев-фигур. И наоборот, фигура Звезда , недоступная в Photoshop, импортируется как контур.
Также можно импортировать цвета заливки фигуры из Illustrator в Photoshop в виде динамических слоев-фигур. Кроме того, при импорте из Illustrator в Photoshop можно сохранить существующее имя слоя.
Рабочий процесс с использованием Illustrator и Photoshop позволяет импортировать некоторые узоры и градиенты в заливке фигуры, а также некоторые характеристики, например типы углов и обводки, в виде пиксельных слоев.
Векторные контуры
Контуры и составные контуры можно импортировать из Illustrator в Photoshop как нединамические слои-фигуры с сохранением внешнего вида как есть. Также можно редактировать их свойства на вкладке Свойства , например менять цвет и форму контура и обводки, а также менять опорные точки для изменения контура.
Когда составная фигура создается в Illustrator и импортируется в Photoshop, она вставляется как пиксельный слой и становится нередактируемой .
Обтравочные маски
Обтравочные маски, созданные в Illustrator, сопоставляются как векторные маски или растрируются при импорте в Photoshop. При вставке обтравочных масок пользователю Photoshop будет предложено выбрать вариант вставки — в виде векторной маски или с растрированием.
При импорте в Photoshop будет создана группа, соответствующая обтравочной группе в Illustrator, и к ней будет применена векторная маска, соответствующая обтравочному контуру из Illustrator. Это обеспечивает визуальную и функциональную точность при импорте из Illustrator, поскольку к потомкам группы будет применена векторная маска в Photoshop.
При создании обтравочных масок на неподдерживаемых объектах или объектах с неподдерживаемыми свойствами эти маски будут растрированы для сохранения аналогичного визуального эффекта в Photoshop.
Помните, что при вставке в виде векторной маски заливка и обводка теряются.
Другие улучшения
Все встроенные и связанные графические объекты, созданные в Illustrator, будут открываться в Photoshop.Однако объекты Illustrator, такие как символы, диаграммы, сетка и повторы, будут растеризованы при вставке в Photoshop.
Импорт файлов Illustrator для редактирования в Photoshop и файлов Photoshop для редактирования в Illustrator открывает захватывающие возможности для дизайна иллюстраций с использованием комбинации векторных и растровых объектов. Читайте дальше, чтобы узнать, как выбрать рабочий процесс, который лучше всего соответствует требованиям к результатам дизайна.
Существует несколько способов размещения изображений и иллюстраций Photoshop в Illustrator. Оптимальный вариант зависит от того, как планируется использовать дизайн в Illustrator.
Чтобы узнать больше о рабочем процессе, соответствующем конкретным задачам дизайна, ознакомьтесь с любым из ресурсов, перечисленных ниже:
Планируете работать с дизайнами Illustrator в Photoshop? См. раздел Использование иллюстраций Illustrator в Photoshop.
Открытие файлов Photoshop в Illustrator
Чтобы сохранить слои, текст и контуры при переносе дизайнов Photoshop в Illustrator, выполните следующие действия.
В Illustrator выберите «Файл» > «Открыть» .
Укажите путь к файлу Photoshop в диалоговом окне «Открыть файл» и нажмите кнопку «Открыть» .
Выберите соответствующие параметры в диалоговом окне импорта Photoshop и нажмите кнопку ОК .
Параметры импорта Photoshop
- «Преобразовать слои Photoshop в объекты»: этот параметр предназначен для преобразования слоев в объекты Illustrator. При выборе этого параметра сохраняются маски, режимы наложения, прозрачность, а также (дополнительно) фрагменты и карты ссылок. Однако этот параметр не поддерживает корректирующие слои и слои-эффекты Photoshop.
- «Выполнить сведение слоев Photoshop в единое изображение» : этот параметр позволяет объединить все слои в один. Он сохраняет внешний вид изображения, но отдельные слои редактированию не подлежат.
Другие параметры импорта и подробные сведения см. в разделе «Импорт иллюстрации из Photoshop».
Помещение файлов Photoshop в Illustrator
Эти методы рекомендуется использовать, чтобы сохранить слои, текст и контуры при переносе иллюстрации в Illustrator. Illustrator поддерживает большинство данных Photoshop, в том числе композиции слоев, слои, редактируемый текст и контуры. Корректирующие слои с отключенной видимостью импортируются (хотя они и недоступны) в Illustrator и восстанавливаются при экспорте обратно в Photoshop.
Если иллюстрация только связана с файлом, а не внедрена в него, все изменения, внесенные в исходную иллюстрацию в Photoshop, будут отражаться в Illustrator. Illustrator размещает изображение по центру в открытой иллюстрации. Красный значок X , перечеркивающий изображение, указывает на то, что изображение связано с оригиналом и не может быть изменено.
В Illustrator выберите «Файл» > «Поместить» .
Найдите нужный файл Photoshop в диалоговом окне Поместить , установите флажок «Связать» и нажмите «Поместить» .
При внедрении иллюстрации Photoshop в файл Illustrator она копирует иллюстрацию с полным разрешением, из-за чего размер файла увеличивается. Если вы не хотите, чтобы иллюстрация обновлялась при редактировании исходного файла Photoshop, выполните следующие действия.
В Illustrator выберите «Файл» > «Поместить» .
Найдите нужный файл Photoshop в диалоговом окне «Поместить» , убедитесь, что флажок «Связать» не установлен.
Убедитесь, что флажок «Показать параметры импорта» выбран, и нажмите кнопку «Поместить».
Выберите соответствующие параметры в диалоговом окне импорта Photoshop и нажмите кнопку ОК .
Копирование выделенных пикселов в Illustrator
Эти методы рекомендуется использовать, чтобы скопировать выделенные пикселы для включения в дизайн Illustrator.
Вставка пикселов из Photoshop в Illustrator
В Photoshop выберите пикселы, которые нужно скопировать. Убедитесь, что слой активен вместо слоя-маски, иначе вместо этого будет скопирована маска.
В главном меню Photoshop выберите «Правка» > «Скопировать» .
В файле Illustrator выберите «Правка» > «Вставить».
Перемещение пикселов из Photoshop в Illustrator
В Photoshop выберите пикселы, которые нужно скопировать.
Выберите инструмент «Перемещение» в Photoshop и перетащите выделенную область в файл Illustrator. При использовании инструмента перемещения все прозрачные пикселы будут заполнены белым цветом.
Экспорт контуров в Illustrator
Импорт всех контуров в Illustrator (без пикселов)
Выберите «Файл» > «Экспортировать» > «Контуры в Illustrator» .
Выберите место сохранения для экспортируемого контура и введите имя файла. Для экспорта контура обязательно выберите рабочий контур из меню «Контур» .
Откройте файл в Adobe Illustrator. Можно работать с контуром или использовать его для выравнивания объектов Illustrator, добавляемых в файл.
Копирование контуров из Photoshop и вставка в Illustrator
В Photoshop выделите один или несколько контуров.
Выберите «Правка» > «Скопировать» .
В файле Illustrator выберите «Правка» > «Вставить» .
В диалоговом окне «Параметры вставки» можно указать, следует ли вставить контур как составную фигуру или составной контур. Вставка в виде составного контура выполняется быстрее, однако это может привести к утрате некоторых возможностей редактирования.
Перетаскивание контуров из Photoshop в Illustrator
В Photoshop выберите один или несколько контуров
Выберите «Правка» > «Скопировать» .
Перетащите контур в Illustrator.
Метки обреза в Illustrator отражают размеры изображения Photoshop. Положение контура в изображении Photoshop сохраняется при условии, что метки обреза не изменяются и контур не перемещается.
Можно легко выделить любой контур или сегмент контура в Photoshop, который отображается на палитре «Контуры» (включая векторные маски фигур, рабочие контуры и сохраненные контуры), и переместить его в Illustrator. с помощью параметра «Пути к Illustrator» . В частности, можно использовать этот параметр для выравнивания текста или объектов Illustrator с помощью контуров Photoshop.
Дополнительные сведения
Следует также сказать о том, что существует несколько способов размещения изображений и иллюстраций Illustrator в Photoshop.
Дополнительные сведения об этих параметрах см. в следующих разделах:
Общие сведения о переносе иллюстраций между Illustrator и Photoshop см. в следующем видео.
Возможности редактирования импортированных ресурсов и конечное качество результатов для них зависят от выбранного способа экспорта иллюстрации. При перемещении иллюстрации из Photoshop в Illustrator ознакомьтесь с практическими рекомендациями по оптимальному управлению файлами в Photoshop и Illustrator.
Знаете ли вы, что в библиотеках Creative Cloud Libraries можно сохранять и упорядочивать ресурсы проекта? Это может быть очень полезно при группировании ресурсов для конкретного проекта, чтобы упростить их поиск и использование из нескольких приложений.
Creative Cloud Libraries — это веб-сервис, предоставляющий возможность организации, обзора и доступа к творческим ресурсам в различных приложениях Adobe для настольных ПК и мобильных устройств. Каждая библиотека Creative Cloud представляет собой коллекцию ресурсов проекта.
Можно добавить указанные ниже элементы в библиотеки из Photoshop, а затем легко получить к ним доступ в нескольких приложениях Creative Cloud.
- Градиенты
- Графика
- Цвета
- Стили текста
- Кисти
- Стили слоев
Можно добавить указанные ниже элементы в библиотеки из Illustrator, а затем легко получить к ним доступ в нескольких приложениях Creative Cloud.
yiany 2796 points · 6d
How many real professionals looking at this right now are shaking their heads? Is there enough kinetic energy to power a small nation?
перевод
Сколько реальных профессилналов сейчас смотрят на эту картинку и трясут своей головой (в знак протеста). Хватит ли этой кинетической энергии что бы снабдить электричесвом небольшую нацию ?
btw картинка бред
Ну я хер знает.
Сравнивать два продукта разных направлений от одной фирмы? М-да.. Это как сказать, что видеокарты AMD хуже их же процессоров.
В шопе слои можно сгруппировать, получится тот же "мегаслой" с объектами.
Про рабочие среды вообще бред, их начиная с cs4 можно выстраивать как угодно (очень удобно с двумя мониторами вынести все инструменты на второй).
Про монтажные области полный бред. Картинка скрин с шопа.
Ждем постов сравнения пожарных с армией и врачей с учителями.
автор не желает повторить в веторе? )
а почему вилка справа лежит?
по этикету - нож справа,вилка слева
Наконец-то сегодня каждый школьник считает себя умным и хочет показать, что он знает чем иллюстратор отличается от фотошопа. Но здесь сравнение двух продуктов одной компании, это не конкурирующие между собой продукты и сравнение по функциям вполне корректно, так как, блять, несет развлекательный харрактер, а не информационный, и каждый более-менее думающий дизайнер над данной картинкой улыбнется.
Я вообще понять не могу, 1000+ человек пользовались фотошопом и люстрой и им понравилось это сравнение? Я сомневаюсь, что хотя бы половина плюсонувших даже не понимает о чем идет речь.
Иллюстратор - более подходит для веб-дизайна, а фотошоп, для рисования. Как можно сравнивать вещи, которые в принципе имеют разное назначение?
Не, на самом деле, если бы в фотошопе была рабочая область как в иллюстраторе "за рамками" было бы очень удобно, недавно делал рекламный баннер для одного фестиваля в СПБ, в исходнике множество объектов, вместо того, чтобы отключать слой (дабы не мешался), его можно было бы просто перетащить за рамки страницы и доработать его там.
лень читать комментарии, не знаю было уже или нет, но. это как когда сравнивали шлеи и, кажется, велосипед по стоимости за килограмм
одинаковые картинки разного цвета с маленькими надписями внизу, которые не сразу заметить можно, ещё и на английском полностью! Что за бред?!
Альтернативы продуктам Adobe в Open source
"Thief"
Одна из работ с прошедшей Ярославской выставки
Adobe Photoshop. 2020
Тыж не дизайнер
Не прошло и месяца на новой работе, как захотелось уже уволится.
Суть одной из постоянных задач, проверять работу дизайнеров по упаковкам. Начальством учитывается человеческий фактор. Допускается, что в запале, дизайнер может неверный артикул проставить, проставить неверную информацию, блоки разместить неверно. Инструменты для работы любые, Фотошоп, иллюстратор, хоть шаманские танцы, лишь бы ошибку в печать не пустить. Ок, некоторое время делаю. В иллюстраторе(Adobe Illustrator) ставлю исходник (как дизайн в идеале должен выглядеть) а поверх полупрозрачного накладываю новый дизайн, который делался в соответствии с идеальным вариантом. Текст проверялся чуть сложнее, просто читать надо было его. Естественно, чуть что не так с дизайном, бросается в глаза. Найденную ошибку отправляешь заново дизайнеру на корректировку. С PSd файлами(Photoshop) также.
Спустя две недели один из дизайнеров узнает о моем способе проверки. И задает гениальный вопрос:
- А зачем тебе иллюстратор? Зачем тебе Фотошоп? Тебе же надо проверить лишь готовый результат! И сравнить с pdf-файлом идеального варианта!
Действительно, пдф есть. Но с одним но. Он ни разу не обновляется. То есть два года назад был один дизайн, через год ребрендинг был, пдф не обновляется, в отличии от постоянно утверждаемого руководством файла иллюстратор. К гадалке не ходи, с каким файлом надо сравнивать.
Но пропускаю мимо ушей.
- Мне так удобнее. Тем более от этого польза есть.
- Но ты же не дизайнер! Зачем тебе векторный файл? А Фотошоп?
- Я лишь проверяю работу удобным для себя способом.
Эти разговоры шли с начала этой недели. Сегодня случайно подслушал, что дизайнеры пытались так избавится от лишних переделок и побольше пить кофе и не работать. А виноватым бы был бы я.
Вот интересно. Если вам встретится инструкция к герметику, где парень в запаре написал в инструкции "нанести герметик на глаза и прижимать до тех пор, пока не появятся излишки жидкости", либо на нем окажется название от инвертора, или отвёртки, как вы к этому отнесётесь?
Как перенести по слоям иллюстрацию, макет сайта или интерфейса из Иллюстратора в Фотошоп, не используя копирование в виде смарт-объекта? При этом хочется сохранить объекты векторными после переноса.
В этом должна помочь стандартная функция экспорта в PSD, но так ли это?
Экспортируя в Иллюстраторе через меню File → Export → PSD с опцией «Write Layers» → «Maximum Editability», мы получим случайным образом слитые растровые слои.
Экспорт в PSD по умолчанию
Photoshop CC 2022
В октябре 2021 года Адоб выпустили Creative Cloud 2022. В Фотошопе появилась функция копирования слоёв из Иллюстратора через буфер обмена. Иллюстратор при этом может быть старых версий. Копируем объекты, открываем новый Фотошоп и вставляем Paste as → Layers.
Импорт в Фотошоп CC 2022
Плюсы:
- Остаются векторными стандартные примитивы и те, что нарисованы пером
- Сохраняется прозрачность объектов
- Сохраняются имена объектов, групп
Минусы:
- Растрируются градиенты, текст, паттерны
- Нужен установленный Фотошоп CC 2022
Весь список объектов, которые остаются векторными или растрируются на официальном сайте.
Сторонние способы
Забегая вперёд, ни сторонние программы, ни моё решение не переносят редактируемые мешы или эффекты из Иллюстратора в Фотошоп.
Fireworks
В статье 2013 года попадается вариант сохранения AI в PSD через Файерворкс.
Плюсы:
Минусы:
- Адоб перестал обновлять Файерворкс с 2013 года
- Непонятно, что растрируется, что остаётся векторным
Affinity Designer
Плюсы:
- Векторные объекты, обводки
- Заливки одним цветом, градиенты
- Импортирует растровые изображения в документе
- Прозрачность объектов
- Редактируемые тексты
Минусы:
- Цена 50$
- Все группы распадаются
- Сбрасывает имена объектов
- Не поддерживает обтравочные маски, эффекты
Расширение SVG Layers
Плюсы:
- Векторные объекты, обводки
- Заливки одним цветом, градиенты в бета версии
- Группы объектов
- Редактируемые тексты
Минусы:
- Цена 19$
- Макет придётся предварительно из AI, EPS сохранять в SVG
- Проблемы импорта объектов с прозрачностью
- Не поддерживает обтравочные маски, эффекты, растровые изображения в документе
- Лишние символы в именах объектов
Способы в Иллюстраторе
Сторонний платный софт имеет свои плюсы и минусы экспорта. Мне интересно было найти решение напрямую из Иллюстратора.
На примере статьи 2011 года у Турбомилк обычно все уроки сводятся к получению растровых слоёв:
- Группировать объекты в макете
- Сортировать по слоям
- Растрировать через Object → Rasterize или эффект Effect → Rasterize
- Экспортировать в PSD
И тут попадается трюк для Иллюстратора на Tutsplus. Если к объектам применить Make Compound Shape в панели Pathfinder, то при экcпорте объект будет векторным. Проверяю способ на нескольких объектах.
Экспорт после применения Make Compound Shape
Верхний круг при открытии в Фотошопе сохранил цвет и остался векторным шейпом. Соседние объекты растрировались, значит этот способ не поможет перенести редактируемые градиенты и обводки в PSD.
Что если у нас файл содержит десятки, сотни объектов? Вручную применять к каждому объекту Make Compound Shape долго. Если записывать экшн в Иллюстраторе, то появляется проблема перебора объектов — встроенная команда Select Next Object будет перескакивать сгруппированные объекты и не сможет переходить автоматически на следующий слой.
Автоматизация
Я решил автоматизировать процесс подготовки векторного файла для экспорта в PSD и написал скрипт Ai2Psd.
Cкрипт проверяет все объекты документа в группах и слоях. Найдя объект с одноцветной заливкой, он применяет к нему команду Make Compound Shape. В конце скрипт покажет инструкцию и откроет окно экспорта в PSD.
Upd: У Адоб в Иллюстраторе CC 2021 до сих пор остаются проблемы самого механизма экспорта. Будьте готовы, что даже новые версии скрипта в каких-то случаях не помогут.
Плюсы:
- Скрипт бесплатный
- Векторные объекты c одноцветной заливкой
- Группы объектов
- Обтравочные маски
- Прозрачность, режимы наложения
- Имена объектов
- Редактируемые тексты
Минусы:
- Скрипт вносит изменения в файл, лучше его запускать на копии
- Градиенты, паттерны и обводки растрируются
- Растровые изображения могут в PSD оказаться слитыми в 1 слой
Оптимизация документа
Обводки
Чтобы обводки остались в Фотошопе векторными, в Иллюстраторе сделайте их самостоятельными объектами через Object → Path → Outline Stroke.
Преобразование обводки в объект
Похожие объекты
Если у вас есть группа из сотен одинаковых объектов, например, кистью нарисованы волосы или текст, переведенный в кривые, для скорости работы скрипта объедините элементы в Compound Path через Object → Compound Path → Make.
Объединение схожих объектов
Исключения
Эффекты
Если в файле присутствуют объекты, к которым применены эффекты: тень, свечение, шум и т.д. и вы хотите их перенести в PSD, то перед запуском скрипта надо вручную растрировать в режиме Type Optimized.
Паттерны
Чтобы паттерны остались векторными, примените Object → Expand. Тогда они станут обычными векторными объектами внутри обтравочных масок, которые скрипт обработает.
Меши, градиенты
Их сам Иллюстратор не может перенести в Фотошоп, но скрипт поможет сделать отдельными растровыми слоями без ручной сортировки по группам и слоям в Иллюстраторе. Для этого применяется еще одна хитрость — скрипт автоматически делает из каждого такого объекта отдельную группу.
Автогруппировка проблемных объектов в AI для получения отдельных слоёв в PSD
Если скрипт не скачивается, то вот запасная ссылка.
Отзывы
Mateusz Nowak: «Thanks for Ai-to-Psd script!»
Dilyana Aleksandrova: «ai to psd saved my ass at work man, thank you for sharing it!»
Weyn Cueva: «This is amazing! I’ve been looking for something similar because I work more in Photoshop. Thank you»
Maggie Stilwell: «This is awesome! A great timesaver. Thank you for sharing it»
WashIrving: «выглядит чертовски полезно. спасибо, бро»
zmotion: «Шикарный скрипт. Уверен для многих, в том числе и для меня это будет весьма полезно!»
Abdelrahman Hamza: «Man this is GREAT I have been struggling for many years in my work process and workshops. Thank you very much for your tool and effort»
Краткие итоги
- Ни сторонний платный софт, ни скрипт Ai2Psd не являются 100% способом перенести сложные макеты корректно из Иллюстратора в Фотошоп.
- Флэт иконки, UI элементы, простые иллюстрации — их можно получить из AI в PSD векторными.
- Трюк с Make Compound Shape на объекте с заливкой без обводки в Иллюстраторе позволяет экспортировать вектор в PSD.
- Если сгруппировать растрируемый объект в Иллюстраторе, то он будет отдельным слоем в Фотошопе.
- Скрипт Ai2Psd является бесплатной альтернативой сторонним программам.
Донаты
Если вы скачали скрипт и он вам пригодился в работе, можете поддержать создание новых скриптов любой суммой через сервисы
10 комментариев
Привет! Спасибо большое за скрипт, очень полезная вещь! Но с некоторые ai шаблонами не получается экспортировать в psd. После экспорта в фотошопе появляется только один слой всей картинки целиком. Что делать?
Привет. Основные моменты про растеризацию, когда скрипт не поможет, описаны в статье. Нужно посмотреть содержимое файла, чтобы объяснить почему растрируется целиком.
Очень крутой скрипт)) мне помог, когда сеошники не знают люстры, а макет редачить могут только в фотошопе! Спасибо
Интересное применение. Как презентации делать в PowerPoint, чтобы клиент редактировал. =)
Скажите, а как понять, куда сохраняет скрипт готовый файл? Не пойму как сохранить правильно
Скрипт только подготавливает файл, по завершению его работы надо сделать экспорт через меню File → Export → PSD с включенной опцией Maximum Editability. Спасибо за вопрос, добавлю это уточнение в саму статью. Если будут вопросы пишите на почту или в Телеграм.
Читайте также: