Как сохранить в ai в фотошопе
Как перенести по слоям иллюстрацию, макет сайта или интерфейса из Иллюстратора в Фотошоп, не используя копирование в виде смарт-объекта? При этом хочется сохранить объекты векторными после переноса.
В этом должна помочь стандартная функция экспорта в 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!»
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. Спасибо за вопрос, добавлю это уточнение в саму статью. Если будут вопросы пишите на почту или в Телеграм.
Можно использовать команды сохранения в Photoshop для сохранения изменений в документов в зависимости от формата, который необходимо применить, или от того, как планируется использовать документ в дальнейшем.
Чтобы сохранить файл, откройте меню Файл и выберите любую из команд групп Сохранить : Сохранить , Сохранить как или Сохранить копию . При выборе команды сохранения открывается диалог Сохранение на компьютере (Сохранение в облачные документы) . Можно в любой момент переключиться на другие доступные варианты сохранения в поле выбора облачных документов — Сохранить в облачные документы и Сохранить на компьютер .
Установите флажок Больше не показывать , чтобы больше не видеть окно Сохранение на компьютере или в облачных документах . Photoshop запоминает поведение сохранения, выбранное в последнем сеансе, и интуитивно обеспечивает то же поведение при следующем сохранении документа.
Сохранить
Чтобы сохранить изменения в документе в текущем формате, выберите Файл > Сохранить .
Сохранить как
Чтобы сохранить файл под другим именем, в другом местоположении или формате, выполните следующие действия.
Выберите Файл > Сохранить как .
Выберите формат в меню Типы файлов .
В диалоговом окне «Сохранить как. » выберите параметры сохранения.Чтобы копировать изображение, не сохраняя его на жесткий диск, используйте команду Создать дубликат . Чтобы сохранить временную версию изображения в памяти, используйте панель История для создания снимка.
Сохранить копию
Если требуется сохранить многослойный файл как простой файл, необходимо создать новую версию документа. Кроме того, если не отображается нужный формат, например JPEG или PNG, используйте функцию «Сохранить копию», чтобы выбрать любой формат для создания законсервированной копии документа.
Для этого выберите:
- «Файл» > «Сохранить копию»
- Кнопка Сохранить копию под диалоговым окном «Сохранить как»
Начиная с Photoshop версии 22.4.2 вы можете вернуться к устаревшему рабочему процессу «Сохранить как» с помощью следующих параметров установок.
Включить устаревший процесс «Сохранить как»
При желании можно вернуться к устаревшему рабочему процессу Сохранить как и (или) не добавлять слово «копия» при сохранении в качестве копии.
Чтобы найти эти новые параметры установок, перейдите к:
- (macOS) Photoshop > Установки > Обработка файлов > Параметры сохранения файла
- (Windows) Редактирование > Установки > Обработка файлов > Параметры сохранения файла
- macOS: при использовании параметров Сохранить как и Сохранить копию теперь будет открываться устаревшее диалоговое окно сохранения с параметрами Сохранить как , доступными в Photoshop 22.3 и более ранних версий, в том числе с флажком Сохранить копию . Если включен устаревший рабочий процесс, при использовании параметра «Сохранить копию» для сохранения файла Photoshop флажок Как копию будет включен по умолчанию. При выборе параметра Включить устаревший процесс «Сохранить как» в установках в macOS отобразится диалоговое окно, предупреждающее вас о риске перезаписи файлов, возникающем при использовании устаревшего рабочего процесса Сохранить как , так как слово «копия» больше не будет интерактивно присоединяться к имени файла. Из-за этого при выборе установки Включить устаревший процесс «Сохранить как» установка Не добавлять слово «копия» к имени файла при сохранении копии будет включена автоматически и ее невозможно будет отключить, если установка Включить устаревший процесс «Сохранить как» не отключена.
- Windows: установка Включить устаревший рабочий процессс «Сохранить как» использует первоначальный режим сохранения, в том числе интерактивно добавляет слово "копия" к именам файлов, когда это необходимо. Таким образом, вы не увидите предупреждение при включение устаревших установок в Windows. Кроме того, поскольку устаревший рабочий процесс Сохранить как может добавлять слово «копия» к именам файлов, вы не увидите предупреждающее оповещение, а параметр установки Не добавлять слово «копия» к имени файла при сохранении копии можно включать или отключать по необходимости.
Не добавлять слово «копия» к имени файла при сохранении копии
macOS и Windows: установка Не добавлять слово «копия» к имени файла при сохранении копии управляет тем, будет ли присоединяться ли слово «копия» к имени файла документа Photoshop в ситуациях, когда для пользователя существует риск перезаписи файлов. Выбрав эту установку, термин "копия" больше не будет автоматически присоединяться к именам файлов при сохранении в качестве копии, как в новом интерфейсе Сохранить копию , так и в устаревшем процессе Сохранить как (macOS и Windows).
Кроме того, когда вы включите эту установку, будут отображены диалоговые окна с оповещениями, предупреждающими вас о потенциальном риске перезаписи файла Photoshop, так как в имени файла в macOS и Windows отсутствует слово «копия».
Можно задать различные параметры сохранения файла в диалоговых окнах Сохранить как и Сохранить копию . Доступность параметров зависит от характеристик сохраняемого документа и выбранного формата.
Сохраняет информацию об альфа-канале в данных изображения. Отключение этого параметра удаляет альфа-каналы из сохраненного изображения.
Сохраняет все слои в изображении. Если этот параметр отключен или недоступен, все видимые слои сводятся или совмещаются (в зависимости от выбранного формата).
Сохраняет комментарии к изображению.
Сохраняет информацию о плашечном канале в данных изображения. Отключение этого параметра удаляет плашечные каналы из сохраненного изображения.
Использовать параметры цветопробы, ICC-профиль (Windows) или встроенный профиль (Mac OS)
Создает документ с цветовым профилем.
Следующие параметры просмотра изображения и расширения файла доступны только в случае, если значение «По заказу» выбрано для параметров «Просмотры изображений» и «Добавлять расширение» (в Mac OS) в диалоговом окне «Установки обработки файлов».
Сохраняет данные миниатюры для файла.
Для расширения файла используйте нижний регистр (в Windows)
Обеспечивает начертание расширения файла строчными буквами.
Параметры просмотра изображений (Mac OS)
Сохраняет данные миниатюры для файла. Миниатюры отображаются в диалоговом окне «Открыть».
Параметры расширений файлов (Mac OS)
Задает формат для расширений файлов. Установите флажки «Добавить», чтобы добавить расширение формата к имени файла, и «Строчными буквами», чтобы расширение отображалось строчными буквами.
Начиная с версии Photoshop CC 2015 команда «Файл» > «Сохранить для Web» перемещена в пункт «Файл» > «Экспорт» > «Сохранить для Web» (старая версия) вместе с новыми параметрами экспорта. Дополнительные сведения об этих новых параметрах экспорта см. в разделе Экспорт монтажных областей, слоев и других ресурсов.
Можно легко сохранять файлы изображений Photoshop в самых разных популярных графических форматах.
TIFF — гибкий растровый (битовый) формат изображения, поддерживаемый практически всеми приложениями рисования, редактирования изображений и верстки.
Вызовите команду «Файл» > «Сохранить как. » , в меню «Тип файлов» выберите «TIFF» и нажмите кнопку «Сохранить». В диалоговом окне «Параметры TIFF» выберите желаемые параметры и нажмите кнопку «ОК».Битовая глубина (только в 32-битном режиме)
Задает битовую глубину (16-, 24- или 32-битовую) сохраняемого изображения.
Задает метод сжатия данных совмещенного изображения. При сохранении 32-битового файла tiff можно задать сжатие с прогнозированием, однако вариант использования сжатия jpeg не предлагается. Сжатие с прогнозированием обеспечивает более качественное сжатие данных путем упорядочения значений с плавающей точкой, оно совместимо со сжатием LZW и ZIP.
Сжатие JPEG доступно только для непрозрачных изображений RGB и полутоновых изображений с глубиной цвета 8 бит на канал, размер которых не превышает 30 000 пикселей в ширину или высоту.
Позволяет записать файл TIFF, в котором информация о каналах записывается либо поочередно, либо последовательно. Прежде программа всегда создавала файлы, в которых данные каждого из каналов для каждого пиксела записывались поочередно. Теоретически файл, записанный последовательно, может считываться и записываться быстрее, а также лучше сжимается. Оба метода упорядочения каналов обратно совместимы с более ранними версиями Photoshop.
Определяет платформу, на которой файл может быть прочитан. Этот параметр полезен в случаях, когда неизвестно, какой программой можно открыть выбранный файл. Photoshop и приложения последнего поколения могут считывать файлы с использованием как формата IBM PC, так и формата Macintosh.
Сохранить пирамиду изображений
Позволяет сохранять данные с различным разрешением. Photoshop не предлагает возможностей открытия файлов с различным разрешением, изображение открывается в файле с самым высоким разрешением. Однако Adobe InDesign и некоторые серверы изображений поддерживают открытие файлов в форматах с различным разрешением.
Сохраняет прозрачные области как дополнительный альфа-канал, когда файл открывается в другом приложении. Прозрачность всегда сохраняется, когда файл повторно открывается в Photoshop.
Определяет метод сжатия данных для пикселов в слоях (вместо комбинирования данных). Многие приложения не могут считывать данные слоев и пропускают их при открытии файла TIFF. Photoshop, однако, может считывать данные слоев в файлах TIFF. Хотя размер файлов, содержащих данные слоев, больше размера файлов без них, сохранение данных слоев избавляет от необходимости сохранять и работать с отдельным файлом PSD для хранения данных слоев. Выберите параметр «Удалить слои и сохранить копию», чтобы выполнить сведение изображения.
Чтобы получать от Photoshop запрос подтверждения перед сохранением изображения с несколькими слоями, выберите параметр «Выводить предупреждение перед сохранением многослойных файлов в формате TIFF» в области «Обработка файлов» диалогового окна «Установки».
Иллюстрации можно импортировать из файлов Photoshop (PSD) в Illustrator с помощью команды «Открыть», «Поместить» и «Вставить», а также путем перетаскивания.
Illustrator поддерживает большую часть данных Photoshop, в том числе композиции слоев, слои, редактируемый текст и контуры. Таким образом, можно переносить файлы между Photoshop и Illustrator, не теряя возможности редактировать иллюстрации. Чтобы упростить перенос файлов между двумя приложениями, корректирующие слои, видимость которых отключена, импортируются (хотя и остаются недоступными) в Illustrator и восстанавливаются при обратном экспорте в Photoshop.
Плашечные цвета (до 31 плашечного канала в одном файле) импортируются как единое растровое изображение N-Channel, помещаемое над изображением в триадном цвете. Плашечные цвета добавляются в палитру образцов как заказные цвета с теми же именами, что и в Photoshop. Цветоделение импортированных плашечных цветов осуществляется корректно.
Дуотонные файлы PSD импортируются как одноцветные растровые изображения с 256-цветным индексированным цветовым пространством и цветовым пространством N-Channel, содержащим все дуотонные краски. Поскольку в Illustrator используется N-Channel, режим наложения, заданный в Photoshop, может выглядеть в программе Illustrator иначе. Цвета красок из устаревших библиотек цветов сбрасываются в серый.
При открытии или помещении файла Photoshop, содержащего несколько слоев, можно задать следующие параметры.
Если файл Photoshop содержит композиции слоев, этот параметр определяет, какую версию изображения следует импортировать. Выберите параметр «Показать миниатюру», чтобы отобразить просмотр выбранной композиции слоев. В текстовом поле «Комментарии» отображаются комментарии из файла Photoshop.
При обновлении ссылки
Задает метод обработки параметров видимости при обновлении связанного файла Photoshop, содержащего композиции слоев.
Сохранить изменения в видимости слоев
Обновляет связанное изображение на основании состояния видимости слоя в композиции слоев при первоначальном помещении файла.
Использовать видимость слоев как в Photoshop
Обновляет связанное изображение на основании текущего состояния видимости слоя в файле Photoshop.
Преобразовать слои Photoshop в объекты и сохранить возможность редактирования текста
Сохраняет структуру слоев и редактируемость текста в максимально возможной степени без ущерба для внешнего вида изображения. Однако, если файл содержит свойства, не поддерживаемые в Illustrator, оформление иллюстрации сохраняется путем совмещения и растрирования слоев. Например:
Наборы слоев, для которых используется режим наложения «Растворение», как и все слои в обтравочных масках совмещаются в единые слои.
Корректирующие слои и слои, в которых используется параметр маскирования, объединяются с нижележащими слоями, как и слои, содержащие прозрачные пикселы и для которых применяются режимы наложения «Осветление основы», «Затемнение основы», «Разница», «Линейный затемнитель», «Линейный осветлитель», «Яркий свет», «Линейный свет» и «Точечный свет».
Слои с эффектами могут быть объединены, однако конкретные параметры объединения зависят от режима наложения слоя, наличия прозрачных пикселов и параметров наложения слоя.
Скрытые слои, подлежащие объединению, удаляются.
Примечание. Параметр «Преобразовать слои Photoshop в объекты и сохранить возможность редактирования текста» недоступен при создании ссылки на файл Photoshop.
Свести слои Photoshop в единое изображение и Сохранять внешний вид текста
Файл импортируется как единое растровое изображение. В преобразованном файле не сохраняется отдельных объектов, за исключением обтравочного контура документа (если он есть). Непрозрачность сохраняется как часть основного изображения, но недоступна для редактирования.
Импортировать скрытые слои
Импортируются все слои из файла Photoshop, в том числе скрытые. Этот параметр недоступен при связывании файла Photoshop.
Сохраняет все фрагменты, содержащиеся в файле Photoshop. Этот параметр доступен только при открытии или встраивании файла, содержащего фрагменты.
В Photoshop выделите пикселы, которые необходимо переместить. Дополнительные сведения см. в справке Photoshop.
Выполните одно из следующих действий:
Скопируйте выделенный фрагмент в Photoshop и вставьте его в Illustrator. Если слой-маска активен при выборе команды «Копировать», Photoshop копирует маску, а не главный слой.
Выберите инструмент «Перемещение» в Photoshop и перетащите выделенный фрагмент в Illustrator. Illustrator заполняет прозрачные пикселы белым.
В Photoshop следует использовать инструмент «Выделение контура» или инструмент «Частичное выделение», чтобы выделить контуры, которые необходимо переместить.
Можно выделить любой контур или сегмент контура, отображаемый в палитре «Контуры», в том числе векторные маски фигур, рабочие контуры и сохраненные контуры. Дополнительные сведения о выделении контуров см. в справке Photoshop.
Скопируйте и вставьте или перетащите контур в Illustrator.
В диалоговом окне «Параметры вставки» укажите, следует ли вставить контур как составную фигуру или составной контур. Вставка в качестве составного контура выполняется быстрее, но может привести к потере некоторых возможностей редактирования.
Чтобы импортировать все контуры (без пикселов) из документа Photoshop, выберите команду «Файл» > «Экспортировать» > «Контуры в Illustrator» (в Photoshop). Затем откройте полученный файл в Illustrator.
Читайте также: