Как из ai сделать psd

от admin

AI to PSD — Convert image online

1. Click the «Choose Files» button to select multiple files on your computer or click the dropdown button to choose an online file from URL, Google Drive or Dropbox. Image file size can be up to 200M. You can use file analyzer to get source image’s detailed information such as image size, resolution, quality and transparent color.

2. Set target image format, image quality and image size. You can use the original image size or select the «Change width and height» option and enter a custom image size. The format is [width]x[height], for example: 1920×1080. The image quality option only works on a few image formats such as JPG, WEBP or AVIF. The value ranges from 1 (lowest image quality and highest compression) to 100 (best quality but least effective compression). If this value is blank, the converter will use the estimated quality of your input image if it can be determined, otherwise 92. The target image format can be JPG, PNG, TIFF, GIF, HEIC, BMP, PS, PSD, WEBP, TGA, DDS, EXR, J2K, PNM, SVG, etc.

3. Click the «Convert Now!» button to start batch conversion. It will automatically retry conversion on another server if one fails, please be patient while converting. The output files will be listed in the «Conversion Results» section. Click icon to show file QR code or save file to cloud storage services such as Google Drive or Dropbox.

AI to PSD

Click the «Choose files» button and select the AI files you want to convert to PSD.

Select «PSD» as the target format. Click «Convert» to start converting AI to PSD. It only takes a few seconds.

Done! Your AI file has been converted to PSD format. You can download it to your device.

Adobe Illustrator Artwork (AI) is a proprietary file format developed by Adobe Systems to represent single-page vector-based drawings in EPS or PDF formats. Adobe Illustrator uses the .ai filename extension. The AI file format was originally a native format called PGF.

PSD (PhotoShop Document) files store an image with support for most imaging options available in Photoshop. These include masks, transparency, text, alpha channels and spot colors, clipping paths, and duotone settings.

Как экспортировать Ai в PSD с сохранением векторных слоев?

Нужен совет по экспорту из Ai в PSD с сохранением векторных слоев. Собираюсь грузить свои работы на микростоки, типа Envato, а там разнообразие форматов считается плюсом. Люди это как-то делают. Но не рисуют же они заново в каждом формате. Если рисовать в Photoshop вектором, то перевести в ai не сложно (через сохранение в eps). Photoshop же EPS открывает только растром. А возвращаться к Photoshop не хотелось бы, в Illustrator больше возможностей для фантазии.

Есть способ копирования Ctrl+с и Ctrl+v, но он эффективен с одним или десятью слоями. Когда их много, теряется возможность перенести изображение с точностью до пикселя, (потому что вставляет хаотично), а это недопустимо. Подскажите, есть ли какой-то другой способ экспорта из ai в PSD, может по средствам какой-то программы? Слышала, что можно сделать при помощи Fireworks, но не хотелось бы приобретать программу ради одной функции.

Благодарю за внимание!

  • Вопрос задан более трёх лет назад
  • 30229 просмотров
  • Facebook
  • Вконтакте
  • Twitter

Идеальной конвертации не существует. Либо руками, либо терять редактируемость части слоев, либо использовать программы для разных целей и, при необходимости, линковать файлы в макете. Да, Fireworks может немного помочь, но и он не выполнит перенос любого файла идеально (все зависит от структуры в исходном AI). Странно что Ps и Ai у вас куплены, а Fw уже дорого т.к. полный пакет CC стоит почти столько же как и две программы поотдельности)))

Лично я для стоков не делаю PSD, а гружу иконки в векторе + PNG. Простые иконки/иллюстрации перегнать не проблема, те что посложнее — добавляйте PSD если это целесообразно потраченному на него времени. Сложные иллюстрации имеет смысл посидеть и перенести, если они могут «выстрелить» в продажах. А если сложно — хрен с ним, прекрасно покупают и без PSD)))

  • Facebook
  • Вконтакте
  • Twitter

pozZzitiv

pozZzitiv

pozZzitiv

Елена Лобанова: пробуйте! Программу можно использовать 30 дней бесплатно, этого должно хватить чтобы попробовать и не покупать зря)
Но также попробуйте и через стандартный экспорт, только предварительно раскидав объекты по слоям — может и этого хватит. А потом через Fw и сравнить результаты.

ЗЫ Видел как некоторые в Фш сохраняли векторную графику т.е. PSD-файл, а внутри смарт-объект и все =D

Экспортируем векторные слои из AI в PSD

Как перенести по слоям иллюстрацию, макет сайта или интерфейса из Иллюстратора в Фотошоп, не используя копирование в виде смарт-объекта? При этом хочется сохранить объекты векторными после переноса.

В этом должна помочь стандартная функция экспорта в 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

Экспорт после применения 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

Автогруппировка проблемных объектов в 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. Спасибо за вопрос, добавлю это уточнение в саму статью. Если будут вопросы пишите на почту или в Телеграм.

Похожие статьи