Как перейти из фотошопа в иллюстратор

Обновлено: 08.07.2024

Я создал графику в Photoshop CS6 и сохранил ее в формате файла .eps, и когда я открыл ее в Illustrator CC, она не распознает ни один элемент, кроме того, если я увеличиваю масштаб, графика становится размытой. Еще одна проблема: когда я открываю файл .eps в Illustrator, я обнаружил, что все слои Photoshop объединены вместе.

Я знаю, что Photoshop создает растровое изображение, тогда как Illustrator генерирует векторное изображение, но инкапсулированные файлы PostScript (.eps) поддерживаются обоими инструментами, так что это должно работать?

Итак, я хочу знать, как создать/сохранить графику в Photoshop и открыть ее в Illustrator, чтобы выполнить любое другое редактирование или изменение.

Обратите внимание: я только новичок в этих двух инструментах.

@wch1zpink дал вам отличные инструкции по обеспечению доступности ваших слоев в Illustrator, но я просто хочу отметить, что он/она делает именно то, что предложил Скотт; открытие родного файла PSD. Я сталкиваюсь с очень редкими ситуациями, когда не лучше сохранить исходный файл в его исходном формате, если вы хотите поделиться им между Photoshop и Illustrator.

1 Ответ 1

При создании документа Photoshop исходное разрешение изображения имеет большое значение. Создайте новый документ с разрешением изображения 300 пикселей на дюйм. Это поможет изображению не выглядеть размытым или пиксельным при увеличении.

При сохранении нового документа Photoshop обязательно включите параметр «Слои» в диалоговом окне сохранения. Сохраните этот файл как документ Photoshop .PSD

В иллюстраторе перейдите в пункт меню «Файл/Открыть», выберите документ Photoshop и включите параметр «Преобразовать слои в объекты» и параметр «Импортировать скрытые слои», если вы хотите, чтобы все объекты из Photoshop были видны на панели слоев иллюстратора.

Теперь ваш документ Photoshop будет открыт в иллюстраторе, содержащем все слои из вашего документа Photoshop

Импорт файлов Illustrator для редактирования в Photoshop и наоборот открывает захватывающие возможности при разработке иллюстраций с использованием комбинации векторных и растровых объектов. Читайте дальше, чтобы узнать, как выбрать рабочий процесс, который лучше всего подходит для вашего дизайна.

Существует несколько способов помещения изображений и рисунков 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 центрирует изображение на открытой иллюстрации. Красный крестик на изображении означает, что оно связано и, следовательно, недоступно для редактирования.

В Illustrator выберите «Файл» > «Поместить».

Найдите нужный файл Photoshop в диалоговом окне «Поместить», установите флажок «Связать» и нажмите «Поместить».

Когда вы встраиваете иллюстрацию Photoshop в файл Illustrator, она копирует иллюстрацию в полном разрешении, что увеличивает размер файла. Если вы не хотите, чтобы ваша иллюстрация обновлялась при редактировании исходного файла Photoshop, сделайте следующее:

В Illustrator выберите «Файл» > «Поместить».

Найдите нужный файл Photoshop в диалоговом окне «Поместить», убедитесь, что параметр «Связать» не отмечен.

Убедитесь, что установлен флажок «Показать параметры импорта», и нажмите «Поместить».

Выберите соответствующие параметры в диалоговом окне импорта Photoshop и нажмите «ОК» .

Копировать выделенные пиксели в Illustrator

Эти методы являются хорошим выбором, если вы хотите скопировать выбранные пиксели, чтобы включить их в свой дизайн Illustrator.

Вставить пиксели из Photoshop в Illustrator

В Photoshop выделите пиксели, которые хотите скопировать. Убедитесь, что вместо маски слоя активен слой, иначе вместо нее будет скопирована маска.

В главном меню Photoshop выберите «Правка» > «Копировать» .

В файле Illustrator выберите «Правка» > «Вставить».

Перенос пикселей из Photoshop в Illustrator

В Photoshop выделите пиксели, которые хотите скопировать.

Выберите инструмент Photoshop Move и перетащите выделение в файл 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 или из Illustrator в Photoshop и сохранить большую часть тщательно созданной структуры слоев. При межпродуктовом импорте и экспорте Photoshop и Illustrator максимально сохраняют слои и их компоненты, а также шрифт, маски и другие элементы. Однако слои будут объединены, если их сохранение повредит внешнему виду результирующего файла. Это позволяет перемещать изображения между двумя приложениями и обратно, используя каждое приложение для той работы, с которой оно справляется лучше всего.

Слои из Photoshop в Illustrator

Лучший способ переместить изображение Photoshop в Illustrator — использовать команду Illustrator «Поместить» или «Открыть».

Чтобы поместить изображение Photoshop в качестве подслоя к текущему выбранному слою Illustrator, в Illustrator выберите «Файл» > «Поместить» и выберите изображение Photoshop. Снимите флажок Ссылка, чтобы встроить файл (вы не можете редактировать связанный файл).

Чтобы создать новый файл Illustrator с преобразованием каждого слоя Photoshop в новый слой Illustrator, в Illustrator выберите «Файл» > «Открыть» и выберите изображение Photoshop.

Независимо от того, размещаете ли вы изображение Photoshop или открываете его, в диалоговом окне «Параметры импорта Photoshop» (рис. 12-17) выберите «Преобразовать слои Photoshop в объекты и импортировать скрытые слои» и нажмите «ОК».

Рисунок 12-17. Размещение многослойного изображения Photoshop дает возможность преобразовать слои Photoshop в объекты Illustrator.

Если вы открыли изображение Photoshop, в нижнем слое вокруг рамки изображения появится прямоугольник совмещения. (Вы можете освободить его, выбрав «Объект» > «Область кадрирования» > «Отпустить».)

Сохранение редактируемого текста и слоев

Помещение файла Photoshop в Illustrator сохраняет возможность редактирования текста и преобразует каждый слой Photoshop в одно встроенное изображение (как показано на палитре «Связи»), если установлен флажок «Преобразовать слои Photoshop в объекты». Любые группы слоев Photoshop будут импортированы как подслои Illustrator. Настройки непрозрачности слоя и режима наложения будут сохранены, если это возможно. На рис. 12-18 показан простой многослойный файл Photoshop со слоями текста и изображения, преобразованными в объекты Illustrator.

Рисунок 12-18. Изображение Photoshop (слева) содержит слои изображения и слой текста. При преобразовании в объекты Illustrator тип остается редактируемым (справа).

Объединение слоев с неподдерживаемыми функциями

Illustrator поддерживает не все функции слоев Photoshop. Когда Illustrator импортирует файлы со следующими функциями слоев, он автоматически объединяет слои без предупреждения:

Слои с определенными режимами наложения (Осветление цветом, Затемнение цветом, Разность, Линейное затемнение, Линейное осветление, Яркий свет, Линейный свет или Точечный свет.)

Слои, в которых используются эффекты слоя (в зависимости от выбранных параметров прозрачности и режима наложения).

Наборы слоев, в которых используется режим наложения "Растворение".

После объединения эти слои больше нельзя редактировать.

Тип импорта

Illustrator может импортировать точечный тип (отдельные строки текста), тип текстового фрейма и текст по траектории. Однако текст, деформированный с помощью диалогового окна «Деформация текста» или команды преобразования «Деформация», должен быть растрирован во время импорта. Точно так же текст с любыми эффектами слоя будет преобразован в пиксели.

Совет. Повторно примените эффекты в Illustrator

При переносе шрифта Photoshop в Illustrator удалите все эффекты деформации или слоя в Photoshop. Затем повторно примените эффекты с помощью команд в Illustrator.

Преобразование масок

Слои функций маски Photoshop, векторные и обтравочные маски преобразуются в эквивалентные маски Illustrator.

Маски слоев Photoshop становятся масками непрозрачности Illustrator (рис. 12-19). Чтобы увидеть маску в Illustrator, разверните свернутый список слоев, импортированных из Photoshop, выберите слой с маской непрозрачности (обозначенной пунктирной линией под его именем), а затем используйте палитру прозрачности для просмотра маски непрозрачности. Миниатюры слоя и маски слоя соответствуют своим аналогам в Photoshop. (Подробнее о масках непрозрачности в Illustrator см. главу 11, «Прозрачность».)

Рисунок 12-19. Маска слоя в изображении Photoshop (слева) преобразуется в маску непрозрачности Illustrator, которую можно просмотреть в палитре прозрачности.

Векторные маски и обтравочные маски, созданные с использованием слоев векторных фигур, становятся составными фигурами в Illustrator (рис. 12-20). Используйте команды в меню палитры Обработки контуров, чтобы освободить или развернуть выбранную составную фигуру.

Рисунок 12-20. Слой векторной фигуры в изображении Photoshop (слева) преобразуется в составную фигуру Illustrator, которую можно редактировать в палитре Pathfinder (справа).

Обтравочные маски, созданные с использованием пиксельного слоя (в котором граница непрозрачных пикселей определяет обтравочную маску), растрируются при преобразовании в маску объекта Illustrator. (Напротив, обтравочные маски, созданные с использованием слоя векторной формы, в котором контур вектора определяет обтравочную маску, сохраняются вместе со слоями, которые они маскируют.)

Слои из Illustrator в Photoshop

Точно так же, как вы можете перемещать многослойные файлы из Photoshop в Illustrator, вы можете экспортировать многослойные файлы Illustrator в Photoshop, чтобы продолжить их редактирование. Перед экспортом в Photoshop полезно настроить слои Illustrator, чтобы сделать их максимально редактируемыми в Photoshop. Для этого создайте подслои и составные фигуры.

Создание подслоев и составных фигур

Заранее подумайте, какие объекты вы хотите сохранить в качестве вектора в Photoshop. Переместите эти объекты в отдельные подслои в Illustrator, а затем преобразуйте их в составные фигуры.

В качестве примера мы возьмем простую графику Illustrator, содержащую три вида точек ввода, ввод текста по контуру и текстовую рамку. Он также содержит несколько звездочек, которые мы хотели бы перенести в Photoshop, чтобы применить эффекты слоя Photoshop (рис. 12-21, слева).

Рисунок 12-21. Работа Illustrator со шрифтом и фигурами в виде звезд (слева). Чтобы звезды оставались редактируемыми векторными объектами в Photoshop, переместите их в подслои и преобразуйте в составные фигуры (справа).

Мы переместили каждую звезду в отдельный подслой. Затем мы выбрали путь каждой звезды на палитре «Слои» (рис. 12-21, справа) и создали составную фигуру, выбрав «Создать составной путь» в меню палитры «Навигатор».

Подготовка составных фигур

Перед экспортом фигуры Illustrator с обводкой должны быть изменены с атрибута соединения под углом по умолчанию на скругление в палитре «Обводка» (рис. 12-22). Если соединение штрихов не преобразовано должным образом, объект будет растрирован, а не преобразован в слой формы. При правильном преобразовании обводка применяется как эффект обводки, применяемый к слою-фигуре.

Рисунок 12-22. Выбор круглого соединения перед преобразованием формы Illustrator с обводкой.

Перед экспортом составных фигур также удалите все примененные к ним кисти, пунктирные штрихи или графические стили, чтобы предотвратить растрирование объектов.

Экспорт в файл Photoshop

Чтобы экспортировать файл Illustrator в Photoshop, выберите «Файл» > «Экспорт» и выберите Photoshop (PSD) в качестве формата. В диалоговом окне «Параметры экспорта Photoshop» (рис. 12-23) выберите один из следующих параметров, чтобы сохранить качество и возможность редактирования:

Цветовая модель. Выберите ту же цветовую модель, что и файл Illustrator. Переход на другую цветовую модель приведет к сведению файла при преобразовании.

Разрешение. Для объектов, которые будут растрированы при экспорте, выберите разрешение изображения Photoshop.

Экспортировать как. Выберите Фотошоп CS2. При выборе другого варианта, Photoshop 5.5, вы ограничиваетесь типом точки и 100 слоями.

Запись слоев, сохранение возможности редактирования текста, максимальная возможность редактирования. Выберите все эти параметры, чтобы включить слои, подслои и редактируемые типы. Слои верхнего уровня становятся группами слоев Photoshop. Скрытые слои становятся скрытыми слоями Photoshop.

Сглаживание. Выберите этот параметр, чтобы сгладить края пикселей, что обычно желательно.

Встроить профиль ICC. Установите этот флажок, чтобы создать документ с управляемым цветом.

Нажмите "ОК", чтобы создать файл Photoshop.

Рисунок 12-23. Экспорт рисунков Illustrator с параметрами Write Layers и Preserve Text Editability для возможности редактирования в Photoshop.

Если файл Illustrator экспортируется с выбранным параметром «Сохранить возможность редактирования текста», при открытии файла в Photoshop отображаются все шрифты на редактируемых текстовых слоях (Рис. 12-24, слева). Тип точки, тип области и тип пути успешно преобразованы. На рисунке также показано, что произойдет, если не будут созданы подслои и составные фигуры: все звезды будут растеризованы в один пиксельный слой. При создании подслоев и составных фигур каждый звездный объект помещается на отдельный слой формы с векторной маской, чтобы при необходимости его можно было редактировать в Photoshop (рис. 12-24, справа). Непрозрачность и режимы наложения также сохраняются.

Рисунок 12-24. Тип Illustrator преобразован в слои типа Photoshop (вверху). Помещение векторных объектов на подслои и преобразование их в составные фигуры в Illustrator сохраняет возможность их редактирования в Photoshop (внизу).

Маски Illustrator преобразуются в маски Photoshop: как «традиционные» обтравочные маски, так и маски на основе слоев превращаются в слои-фигуры Photoshop.

Это один из самых распространенных вопросов, с которыми мы сталкиваемся в области графического дизайна: как преобразовать PSD-документ Photoshop в документ Illustrator AI? Что ж, ответ намного проще, чем вы могли ожидать, и мы просто объясним 3 простых шага, которые необходимо выполнить, чтобы ваш документ Photoshop был преобразован в Illustrator.

Эта ситуация обычно возникает, когда дизайнер создал что-то в Photoshop, но теперь ему нужно это в векторном формате для печати и т. д., например .ai, .svg или .eps. В этом примере мы будем использовать логотип нашей компании и покажем вам, как мы преобразовали его из документа Photoshop в документ Illustrator.

Шаг 1. Сохраните в Photoshop

Не для того, чтобы учить вас «сосать яйца», но в основном первый шаг так же прост, как сохранение вашего документа Photoshop, как обычно, в виде файла .psd. Просто!

На этом этапе стоит отметить, что если вы не хотите использовать фон в своем дизайне и просто хотите, чтобы фон был прозрачным, убедитесь, что у вас нет цвета фона и т. д., и что фон прозрачен (как в примере ниже, где фон представляет собой эффект «шахматной доски»).

Главное, что следует отметить, это то, что ваш дизайн ДОЛЖЕН состоять из всех векторных слоев, под которыми я подразумеваю, что каждый элемент должен быть создан с помощью инструмента «Перо», «Фигура» или «Текст» и т. д.

Если ваш дизайн был растрирован, сплющен, объединен или каким-либо образом настроен так, что при увеличении любого элемента он начал бы пикселизироваться, тогда этот метод не будет работать должным образом и аннулирует то, что вы пытаетесь достичь. . Этот метод по-прежнему будет работать «технически», поскольку вы, конечно, можете сохранить документ как угодно, однако, если какие-либо слои или элементы в дизайне каким-либо образом растрированы, они не будут «бесконечно масштабируемы», как векторный объект. и поэтому вы можете столкнуться с проблемами при отправке дизайна на печать и т. д.

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

В любом случае, с этим отказом от ответственности, давайте двигаться дальше!

< бр />

Шаг 2. Откройте файл Photoshop в Illustrator

Поэтому, как только ваш документ будет сохранен в Photoshop, перейдите в Illustrator и выберите обычный метод «Файл» > «Открыть», а затем откройте только что сохраненный документ Photoshop.

Когда вы выбрали документ Photoshop, появится новое всплывающее окно. Убедитесь, что вы выбрали поле под названием «Преобразовать слои в объекты».

< бр />

Шаг 3. Сохраните файл в Illustrator

Открыв файл, вы увидите, что ваш дизайн красиво отображается в Illustrator… уф!

Теперь это действительно простой случай: выберите «Файл» > «Сохранить как…» и выберите нужный формат — .ai, .eps, .svg.

После того, как вы нажмете "Сохранить", вы всегда будете получать дополнительное окно, требующее списка параметров, которые, конечно, можно изменить в соответствии с вашими личными предпочтениями, но обычно предустановленные параметры работают просто отлично, поэтому, как только вы будете довольны своим просто нажмите "ОК".

< бр />

Честно говоря, это так просто — так что, по сути, это просто случай открытия вашего документа Photoshop в Illustrator, а затем сохранения его в любом формате, который вам нужен! На самом деле важно помнить, что все элементы/слои должны быть векторными элементами в Photoshop, чтобы обеспечить наилучшее преобразование при перемещении дизайна, иначе этот метод не будет работать слишком хорошо, но, по крайней мере, вы иметь документ в правильном формате, по крайней мере, если это так.

Читайте также: