Как экспортировать Ai в PSD с сохранением векторных слоев?
Нужен совет по экспорту из Ai в PSD с сохранением векторных слоев. Собираюсь грузить свои работы на микростоки, типа Envato, а там разнообразие форматов считается плюсом. Люди это как-то делают. Но не рисуют же они заново в каждом формате. Если рисовать в Photoshop вектором, то перевести в ai не сложно (через сохранение в eps). Photoshop же EPS открывает только растром. А возвращаться к Photoshop не хотелось бы, в Illustrator больше возможностей для фантазии.
Есть способ копирования Ctrl+с и Ctrl+v, но он эффективен с одним или десятью слоями. Когда их много, теряется возможность перенести изображение с точностью до пикселя, (потому что вставляет хаотично), а это недопустимо. Подскажите, есть ли какой-то другой способ экспорта из ai в PSD, может по средствам какой-то программы? Слышала, что можно сделать при помощи Fireworks, но не хотелось бы приобретать программу ради одной функции.
Благодарю за внимание!
- Вопрос задан более трёх лет назад
- 31052 просмотра
Комментировать
Решения вопроса 1
Pavel Designer @pozZzitiv Куратор тега Adobe Illustrator
Дизайнер и перфекционист
Идеальной конвертации не существует. Либо руками, либо терять редактируемость части слоев, либо использовать программы для разных целей и, при необходимости, линковать файлы в макете. Да, Fireworks может немного помочь, но и он не выполнит перенос любого файла идеально (все зависит от структуры в исходном AI). Странно что Ps и Ai у вас куплены, а Fw уже дорого т.к. полный пакет CC стоит почти столько же как и две программы поотдельности)))
Лично я для стоков не делаю PSD, а гружу иконки в векторе + PNG. Простые иконки/иллюстрации перегнать не проблема, те что посложнее — добавляйте PSD если это целесообразно потраченному на него времени. Сложные иллюстрации имеет смысл посидеть и перенести, если они могут «выстрелить» в продажах. А если сложно — хрен с ним, прекрасно покупают и без PSD)))
Ответ написан более трёх лет назад
Нравится 2 12 комментариев
Елена Лобанова @lilikray Автор вопроса
Благодарю Вас за ответ! На самом деле да, очень сложно) Потому что много деталей в иллюстрациях. Но плюс в том, что я не использую никакие стили слоя, чтобы иметь возможность сохранить в формат EPS. Не использую даже градиентов, такая стилистика. Только векторная графика. Подскажите, в таком случае Fireworks поможет? Дело в том, что, как я слышала, на Envato больше покупают в формате PSD, но постепенно все переходят на EPS. Для меня это было бы радостно) Потому что в AI нравится работать больше 🙂 Но пока что это не стандарт. Если не найдется способ, конечно, придется без PSD.
Pavel Designer @pozZzitiv Куратор тега Adobe Illustrator
Елена Лобанова: спокойно продаю на Энвато, как писал выше, в векторных форматах (Ai, EPS, PDF, SVG, CDR) плюс PNG разных размеров. Продажи зависят в первую очередь не от формата)
Тоже ломал голову насчет добавления PSD и, посмотрев на топовые наборы, не стал мучаться. Я тоже помню ту статью, где один человек писал про полезность PSD =) Но нельзя это правило применять ко всему сразу. Опять же, выше я сказал что надо оценивать целесообразность конвертирования в PSD (например, для иконок это менее актуально, для иллюстраций средне, а для интерфейсов более актуально т.к. еще не скоро покупатели в виде ленивых дизайнеров переползут на вектор в этой специализации)))
Pavel Designer @pozZzitiv Куратор тега Adobe Illustrator
Елена Лобанова: Если разобрать исходник по слоям (не субслоям, а именно слоям) каждый элемент, то через Fw можно все перенести редактируемые. Возможно и простой экспорт тоже сохранит редактируемость всех элементов. Навскидку уже не вспомню, надо пробовать.
Просто разнесите каждый элемент на отдельный слой верхнего уровня. Возьмите для пробы что-то простое и попробуйте.
Елена Лобанова @lilikray Автор вопроса
Да, Вы правы. Для иконок сейчас PSD практически не популярен. Особенно для покупателей предпочтительнее вектор. Из-за адаптивности дизайнов. В иллюстрациях же не всегда требуется адаптивность. А покупатели переходят только на что-то новое по мере необходимости) Хотя и если подумать, то необходимость в векторе для иллюстрации большая. Благодарю Вас, что делитесь со мной опытом!) Мне это необходимо) Я хоть и не из тех, кто от трудностей опускает руки, но ошибок могу понаделать) А этого не хотелось бы. Хорошо, значит, я попробую через FW, спасибо Вам за детали сохранения!) Постараюсь, если получится, это будет замечательно!
Pavel Designer @pozZzitiv Куратор тега Adobe Illustrator
Елена Лобанова: пробуйте! Программу можно использовать 30 дней бесплатно, этого должно хватить чтобы попробовать и не покупать зря)
Но также попробуйте и через стандартный экспорт, только предварительно раскидав объекты по слоям — может и этого хватит. А потом через Fw и сравнить результаты.
ЗЫ Видел как некоторые в Фш сохраняли векторную графику т.е. PSD-файл, а внутри смарт-объект и все =D
Елена Лобанова @lilikray Автор вопроса
Спасибо большое))) Все попробую!) Мне ведь с этим работать!) Да, хорошо, что есть 30 дней)
А про PS, Вы в покупных шаблонах такое видели?) То есть на микростоках так принимают? Но ведь дизайнер-то будет ждать в PSD со слоями. А там смарт) Наверное, поэтому подписывают на Энванто, где со слоями, а где без?
Pavel Designer @pozZzitiv Куратор тега Adobe Illustrator
Елена Лобанова: Не буду врать, не помню где конкретно видел. Но это просто к слову было сказано, ни в коем случае не надо делать также в материалах на продажу) В рабочих файлах да, это нормально, а для стоков не надо (могут обидеться и написать плохой комментарий и рейтинг низкий поставить).
Елена Лобанова @lilikray Автор вопроса
Pavel Designer: да, все же не стоит) Мне советовали так делать, но советовали не дизайнеры. Я подумала об этом также, как Вы, что если бы сама покупала ради PSD, а там был бы смарт объект или растрированный слой, было бы неприятно. А мне нужно, чтобы мои работы оправдывали ожидания и доверие. Благодарю Вас за ответ, значит, я не зря сомневалась) Конечно, это получится, как иногда мне присылают PSD с объединенными слоями)
Экспортируем векторные слои из AI в PSD
Как перенести по слоям иллюстрацию, макет сайта или интерфейса из Иллюстратора в Фотошоп, не используя копирование в виде смарт-объекта? При этом хочется сохранить объекты векторными после переноса.
В этом должна помочь стандартная функция экспорта в PSD, но так ли это?
Экспортируя в Иллюстраторе через меню File → Export → PSD с опцией «Write Layers» → «Maximum Editability», мы получим случайным образом слитые растровые слои.
Photoshop CC 2022
В октябре 2021 года Адоб выпустили Creative Cloud 2022. В Фотошопе появилась функция копирования слоёв из Иллюстратора через буфер обмена. Иллюстратор при этом может быть старых версий. Копируем объекты, открываем новый Фотошоп и вставляем Paste as → Layers.
Плюсы:
- Остаются векторными стандартные примитивы и те, что нарисованы пером
- Сохраняется прозрачность объектов
- Сохраняются имена объектов, групп
Минусы:
- Растрируются градиенты, текст, паттерны
- Нужен установленный Фотошоп 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порте объект будет векторным. Проверяю способ на нескольких объектах.
Верхний круг при открытии в Фотошопе сохранил цвет и остался векторным шейпом. Соседние объекты растрировались, значит этот способ не поможет перенести редактируемые градиенты и обводки в 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. Тогда они станут обычными векторными объектами внутри обтравочных масок, которые скрипт обработает.
Меши, градиенты
Их сам Иллюстратор не может перенести в Фотошоп, но скрипт поможет сделать отдельными растровыми слоями без ручной сортировки по группам и слоям в Иллюстраторе. Для этого применяется еще одна хитрость — скрипт автоматически делает из каждого такого объекта отдельную группу.
Если скрипт не скачивается, то вот запасная ссылка.
Отзывы
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 является бесплатной альтернативой сторонним программам.
Поддержка
Многие скрипты бесплатны благодаря поддержке пользователей. Помогите продолжать разработку новых и обновление старых скриптов, поддержав мою работу. Выберите удобный для вас способ, чтобы помочь любой суммой. Спасибо.
- Тинькофф
- ЮMoney
- Donatty
- DonatePay
- Buymeacoffee (иностр. карты)
- Счёт Сбер: 40817810306005979540
13 комментариев
Привет! Спасибо большое за скрипт, очень полезная вещь! Но с некоторые ai шаблонами не получается экспортировать в psd. После экспорта в фотошопе появляется только один слой всей картинки целиком. Что делать?
Сергей (автор)
Привет. Основные моменты про растеризацию, когда скрипт не поможет, описаны в статье. Нужно посмотреть содержимое файла, чтобы объяснить почему растрируется целиком.
Очень крутой скрипт)) мне помог, когда сеошники не знают люстры, а макет редачить могут только в фотошопе! Спасибо
Одной проблемой меньше! Подробный гайд как сохранять PDF для печати
Если вы хоть раз готовили файл для печати, то столкнулись со сложностями сохранения PDF. Мы решили собрать самые популярные программы для создания макетов и показать, как сохранить файл правильно.
В статье показаны программы:
- Corel
- Adobe Illustrator
- Adobe Photoshop
Как сохранить PDF для печати в программе Corel
- Меню Файл — Экспорт — PDF
- В разделе Общее сохраняем текущий документ с совместимостью с Acrobat 6. Если в вашем макете есть дополнительные эффекты и прозрачные элементы выбирайте Acrobat 9.
- Во вкладке Цвет выбираем модель CMYK, если она у вас не стоит. *Преобразовать плашечные цвета в CMYK, нажмите, если в макете использовались цвета Pantone.
- Во вкладке Документ убираем ненужные галочки. Ваши настройки должны выглядеть так:
- Во вкладке Объект выбираем Тип сжатия JPEG и ставим настройки качества на максимум. В Цвете ставим 300 точек на дюйм. Проставляем все нужные галочки и убираем ненужные.
- В разделе Допечатная подготовка выставляем порог выхода за обрез от 2-3 мм.
- Вкладки Безопасность и Нет проблем не трогаем, нажимаем ОК и сохраняем файл
Как сохранить PDF для печати в программе Adobe Illustrator
- Меню Файл — Команда Сохранить как — Adobe PDF.
- В открывшимся окне выбираем: Стиль Adobe PDF — Высококачественная печать. Совместимость — Acrobat 6. И проставляем нужные галочки.
- Во вкладке Сжатие проставляем JPEG и максимальное качество. В последнем пункте ставим сжатие ZIP. Проставляем нужные галочки.
- Во вкладке Метки и выпуски за обрез проставляем все нужные галочки и ставим 3 мм в разделе Выпуски за обрез.
- Во вкладке Вывод выбираем Стратегию включения профиля — Включить все профиль RGB и исходные профили CMYK с тегами.
- Остальные кладки оставляем без изменений и сохраняем.
Как сохранить PDF для печати в программе Adobe Photoshop
- Выбираем раздел Файл — Сохранить как — Photoshop PDF.
- В всплывающем окне сверху выбираем Высококачественная печать, совместимость с Acrobat 6 и проставляем нужные галочки.
- В Сжатие выбираем JPEG и наилучшее качество.
- Во вкладке Вывод выбираем параметры как на скриншоте.
- ВАЖНО! В Photoshop нет вылетов под обрез, поэтому делайте макет в натуральную величину и симметричные вылеты на подрезку.
Если для вам эти пункты совсем темный лес, вы можете обратиться к нашей дизайн-студии, в которой специалисты подготовят правильный макет со всеми нужными параметрами.
- Проконсультируем.
- Покажем образцы материалов и продукции.
- Сделаем пробный образец бесплатно.
- Оформим заказ и доставим вовремя.
Ваш успех начинается с нашей типографии!
Использование графического объекта Illustrator в Photoshop
Подробнее об импорте и экспорте графического объекта между Illustrator и Photoshop.
Импорт файлов Illustrator для редактирования в Photoshop и обратно открывает широкий спектр возможностей при разработке иллюстраций, включающих комбинацию векторных и растровых объектов. Возможности редактирования импортированных ресурсов и их окончательное качество вывода зависят от свойств их экспорта.
Узнайте больше о том, как выбрать технологический процесс, соответствующий конечному результату вашего проекта. Кроме того, вы можете изучить передовые методы оптимизации размера и качества своих графических объектов.