Как открыть файл иллюстратора в фотошопе. CorelDRAW Graphics Suite - Учебные пособия

Не знаю, как Вам, а мне часто попадаются на разных форумах, сайтах, фотостоках интересные картинки, но… с непонятным разрешением EPS (*.eps) или Ai (*.ai).

Формат EPS (En-capsulated PostScript) - этот формат, практически, универсальный. Почти все программы для работы с графикой могут читать EPS, хотя видят этот формат зачастую по-разному.

Формат Adobe Illustrator Artwork (AI) — векторный формат хранения графической информации.

Разработан этот формат компанией Adobe Systems для представления одностраничных векторных изображений в формате EPS или PDF.

При сохранении в программе Adobe Illustrator файлу присваивается расширение.ai.

Давайте рассмотрим, как открыть файл EPS в Фотошопе . Попробовали - открываются.

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

И хорошо, если Вам попалась картинка на белом фоне (иногда попадаются и на прозрачном) и достаточного размера.

К сожалению, чаще бывает, что эти файлы группируются по несколько картинок вместе и, вдобавок, на каком-нибудь фоне.

В этом случае фон придётся убирать вручную. Если фон однородный, то убрать его легко. Выбираем инструмент «Волшебный ластик», меняем цвет «Основной цвет» в палитре инструментов - щёлкаем по квадратику основного цвета, а затем наводим курсор (он приобретает вид пипетки) на фон нашей картинки и делаем щелчок. Затем клик ЛКМ в любом месте фона и, пожалуйста - вместо фона прозрачная область

Но ещё чаше всего такие файлы бывают размерами 3-4 см по широкой стороне и, поскольку в фотошопе они открываются как растровые изображения, то всякие попытки увеличить их приводят к плачевным результатам - картинка «пикселизируется», размывается и вообще становится никуда не годной.

Но на самом деле такие картинки можно использовать и в программе Фотошоп, но предварительно обработав их в другой Адобовской программе, которая собственно и является родной для них - это Adobe Illustrator. Сделать это не сложно, а как - мы с Вами рассмотрим в этом уроке.

Получается, что этот урок не совсем по программе Adobe Photoshop (хотя и о ней тоже).

Я сам программой Adobe Illustrator пользуюсь очень редко и, в основном, как раз для того, чтобы извлечь нужную картинку из иллюстратовских файлов EPS и Ai.

В чём отличие этих файлов от привычных для нас JPEG,PNG и даже PSD?

Не будем вдаваться в тонкости создания векторной графики, рассматривать длиннющие математические формулы, которые описывают сложный алгоритм построения кривых и содержат информацию о позициях точек. Для нас с Вами достаточно знать главное - при любых действиях с растровым изображением (jpeg, png и пр.), связанных с перемещением (вращение, повороты), либо масштабированием (особенно увеличение, искажение), оно теряет в чёткости. Векторная графика свободна от этих недостатков - Вы можете сколько угодно менять размеры и положение изображение, качество картинки останется прежним. И ещё одно - векторный рисунок можно перевести в растровое изображение требуемого разрешения, но растровое изображение перевести в вектор достаточно сложно без потери качества.

Программа Adobe Illustrator входит в пакет Adobe Creative Cloud (CC) или прежних версий Adobe Creative Suite (CS).

Откройте программу и нажмите в меню «Файл - Открыть». Если рисунок мелкий и плохо видно, то можно приблизить инструментом «Масштаб (Z)».
Чтобы убрать фон документа и сделать его прозрачным как в фотошопе - нажимаем «Shift + Ctrl + D». После этого, так же как в фотошопе - отключаем ненужные слои - фон, текст и всё что не нужно (отключить глазики на ненужных слоях слева от названия группы). Стоит отметить, что каждый из рисунков в Иллюстраторе состоит из множества слоёв, объединённых в группу, поэтому, чтобы отключить ту или иную картинку, надо отключать соответствующую группу.

Для того чтобы выбрать какой-либо один объект отключите глазики на всех остальных, включая и фон. Нажмите Shift + Ctrl + D, чтобы фон стал прозрачным.

Основная трудность для тех, кто впервые открыл файл EPS или Ai в Иллюстраторе, это как изменить размер картинки. Дело в том, что в Интернете, в основном, картинки такого формата бывают очень малых размеров - 2-3 см. (для уменьшения веса). Но, мы с Вами знаем, что векторному рисунку можно изменять размеры без потери качества. В программе Вы не найдёте меню «Размер изображения», как в Фотошопе. Менять размер картинки надо несколько по-другому.

Сначала надо изменить монтажную область - это прямоугольная область, обрисованная вокруг документа. Для этого перейдите в меню «Файл > Параметры документа»

Появится окно параметров документа, где надо нажать на окошко «Редактировать монтажные области». Здесь же можно изменить единицы измерения - пикс., см, мм.

Ограничительная рамка монтажной области из сплошной линии превратится в пунктирную рамку с маркерами на углах. В верхней правой части окна на панели свойств Вы сможете поменять размеры монтажной области (только обязательно включите замочек-скрепку для сохранения пропорций). Введите значение длины или ширины, а можно просто потянуть за маркер рамки, удерживая Shift.

Монтажная область увеличилась, а рисунок такой же маленький. Увеличим его. Возьмите инструмент «Выделение (V)» и обведите им наш грибок (зажмите ЛКМ у верхнего левого угла картинки и протащите инструмент вниз и вправо) или нажмите сочетание клавиш «Ctrl + A». Вокруг рисунка появится голубенькая рамка с маркерами, и выделятся все слои рисунка. Если у Вас не один объект, выделите их все и нажмите Ctrl + G для группировки слоёв объектов.

Потяните за один из угловых маркеров с зажатыми клавишами Shift + Alt и увеличьте рисунок до границ монтажной области.

Способ 1. Заходим в меню «Файл > Экспорт > Экспортировать как…»

После того, как укажите место сохранения, выберите тип файла из тех, с которыми можно работать в Фотошопе. Скорей всего, удобнее будет выбрать тип «*.PNG» - он будет на прозрачном фоне. Если Вас интересуют все слои, на которых рисовалась картинка в программе Illustrator, то выбирайте тип «Photoshop(* .PSD)».

Способ 2. Экспорт ресурсов.

В той же панели, где расположена панель слоёв, есть панель «Экспорт ресурсов». Если нет, то откройте эту панель через меню «Файл > Экспорт > Экспорт для экранов». Выделите весь объект, как я описывал выше (Ctrl + A). Теперь просто перетащите картинку в окно панели.

В этом же окне можно указать размер (Масштаб) исходной картинки и формат файла, а нажав «Экспорт», место сохранения.

Способ 3. Через монтажную область.

Выделите объект (Ctrl + A). Заходим в меню «Файл > Экспорт > Экспорт для экранов» и у Вас откроется окно «Экспорт для экранов», где во вкладке «Монтажные области» появится эскиз нашего рисунка и возможность сохранить его в различных форматах и размерах, в нужной папке.

Теперь вы не растеряетесь, найдя на просторах Сети интересную картинку в непонятном формате. Мы с Вами подробно рассмотрели, как открыть файл EPS в фотошопе и сделать это не только правильно, но и не потерять главное качество векторного рисунка - качество. И хоть этот урок не по программе Фотошоп, я считаю, что знания эти для Вас, фотошоперов, очень даже не лишние.

Удачных Вам творческих работ.

5 мая 2011

В наше время всё чаще можно встретить дизайнеров интерфейсов, которые отказались от использования старого доброго Adobe Photoshop в пользу векторных инструментов. Иными словами, в пользу Adobe Illustrator. Преимущества очевидны: работая с векторным исходником, мы можем лучше контролировать весь процесс, чем работая с растровой картинкой (пусть даже она разделена на слои). В векторном редакторе нарисованный круг остается нарисованным кругом, а в фотошопе — это просто множество закрашенных пикселей. Наконец, в векторном редакторе намного проще делать варианты для экранов с разной плотностью точек (привет, Retina Display!).

Однако, бытует мнение, будто переход дизайнеров на Adobe Illustrator сулит вагон проблем верстальщикам. Верстальщики — люди в большинстве своём консервативные, новые веяния принимают в штыки. Так что принимать исходники макетов дизайна в формате AI они чаще всего отказываются категорически. Такая позиция основывается на двух мифах:

1. Экспортировать макеты из AI в PSD очень сложно и долго.
2. При экспорте макетов из AI в PSD сильно страдает качество картинки.

Оба эти утверждения справедливы только в том случае, если действовать «в лоб». Взять исходник в AI, вызвать фунцию «экспорт», получить PSD, после чего пытаться в нём разобрать кашу из слоёв, попутно исправляя мелкие косяки, которых в векторном исходнике не было. Так всё действительно будет долго и мучительно. Как вы уже догадались, мы пойдем другим путём.

Правильный способ экспорта макетов дизайна из AI в PSD состоит из трех шагов:

Шаг первый: наводим порядок. Выносим все текстовые объекты на отдельный слой (или на несколько отдельных слоёв). Все остальные объекты разумно группируем по слоям. В PSD каждый из этих слоёв будет совершенно плоским, так что на этом этапе самое время подумать и решить, какие детали можно сплющивать, а какие лучше разделить по разным слоям. Важно также следить за тем, чтобы все эффекты наложения объектов друг на друга оставались внутри слоёв, иначе будет безобразие.

В результате у нас должен получиться относительно небольшой набор понятно названных слоёв:

Шаг второй: растрируем. Для всех слоёв, кроме текстовых, применяем эффект Rasterize в режиме Type Optimized.

Звучит парадоксально, но делать нужно именно так. Только такой способ растеризации обеспечивает результат, в точности соответствующий тому, что мы видим в векторном исходнике. Подробнее об этой странной особенности Adobe Illustrator я писал в нашем блоге 7 лет назад: . Как это ни удивительно, в целом ситуация с тех пор не поменялась.

Шаг третий: экспортируем. В результате получаем PSD, картинка в котором в мельчайших деталях совпадает с исходной картинкой в AI.

Это учебное пособие разработано для CorelDRAW® Graphics Suite X7. Хотя аналогичные функции могут быть доступны в предыдущих выпусках, данное учебное пособие в полной мере относится только к версиям CorelDRAW Graphics Suite X7 и выше.

CorelDRAW предлагает расширенную поддержку новейших форматов файлов Adobe Illustrator (AI) вплоть до и включая CS6 и PDF, а также поддержку форматов Adobe Photoshop (PSD) вплоть до и включая CS6. Теперь открывать, импортировать и редактировать файлы этих форматов стало еще проще. Вот некоторые важные улучшения:

• Поддержка нумерации Бейтса, а также форматов PDF/A и Acrobat 9 (PDF 1.7)
• Поддержка определения размера страницы на основе объекта в ходе экспорта PDF
• CorelDRAW X7 сохраняет внешний вид корректирующих слоев и эффектов в палитре «Маски» в импортированных файлах PSD
• Поддержка нескольких рабочих листов Adobe Illustrator, сохранение прозрачности градиента, мазки кисти-кляксы и новый раздел «Подготовка»
• Corel PHOTO-PAINT® X7 сохраняет параметры «Насыщенность», «Оттенки серого» и светофильтров с возможностью редактирования в импортированных файлах PSD

Файлы AI и PDF открываются так же, как файлы CorelDRAW - с помощью команды Файл > Открыть . Кроме того, файлы AI и PDF можно импортировать. AI и PDF файлы импортируются в виде сгруппированных объектов и могут быть размещены в любом месте текущего изображения.

Импорт файлов Adobe Illustrator (AI) и Adobe Photoshop (PSD)

Вы можете импортировать файлы форматов AI и PSD вплоть до и включая CS6. Для файлов, сохраненных в формате Adobe Illustrator CS (или выше), текст может быть импортирован в виде текста или кривых (при условии PDF-совместимости файлов). Если файл не совместим с PDF, то для импортирования текст сначала необходимо преобразовать в контуры с помощью команды Type > Create Outlines (Тип > Создать контур ) в Adobe Illustrator.

1. Выберите Файл > Импорт .
2. В списке Все форматы файлов выберите AI - Adobe Illustrator .
3. Импорт .

   При импортировании PDF-совместимого файла, содержащего текст, откроется диалоговое окно Импорт PDF . В области Импортировать текст как установите флажок Текст или Кривые . Если вы не уверены в том, какую опцию выбрать, обратитесь к разделу «Импорт файла PDF».

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

4. При появлении курсора импорта выполните одно из следующих действий:
   • Щелкните страницу рисования, чтобы сохранить исходный файл, и расположите верхний левый угол в точке щелчка.
   • Щелкните и протащите курсор по странице рисования, чтобы изменить размер файла. Курсор импорта отображает новые размеры файла по мере протаскивания.
   • Нажмите Ввод , чтобы отцентрировать файл на странице рисования.

Курсор импорта отображает имя и размеры файла, который предназначается для импорта.

Графика Adobe Illustrator импортируется в программу как группа объектов. Для управления объектами в импортированных графических файлах выберите Объект > Группа > Отменить группировку (CTRL+U) .

Импорт файла PDF

Вы сможете добиться наилучших результатов отображения текста в вашем PDF файле, выбрав правильный способ импортирования текста - в виде текста или в виде кривых. Следующие советы помогу вам сделать грамотный выбор:

• При импорте текста в текстовом виде текст остается полностью редактируемым как фигурный или простой текст. При этом некоторые эффекты и элементы форматирования могут быть утеряны. Этот вариант рекомендуется в том случае, если файл PDF содержит большие текстовые блоки (например, периодическое издание), которые необходимо переформатировать или добавить к ним определенный текстовый контент.
• При импорте текста в виде кривых внешний вид текста, включая эффекты, сохраняется, а каждый символ преобразуется в объект кривой. В этом случае функции форматирования больше не могут использоваться для редактирования текста. Такой вариант подходит для импорта файла PDF, содержащего небольшой объем текста, который не нужно редактировать, или в ситуации, когда отсутствуют шрифты, использующиеся в данном PDF-файле.

1. Нажмите сочетание клавиш Ctrl + I .
2. Найдите папку, в которой хранится файл.
3. В списке Все форматы файлов выберите PDF - формат переносимых документов Adobe .
4. Щелкните имя файла и нажмите кнопку Импорт .

   Если файл защищен паролем, введите действительный пароль в соответствующей графе.

5. В диалоговом окне Импорт PDF в области Импортировать текст как выберите одну из следующих опций:
   • Текст - позволяет редактировать и форматировать текст из файла PDF. В случае отсутствия используемых в PDF-файле шрифтов выберите необходимые параметры в диалоговом окне Подстановка вместо отсутствующих шрифтов и щелкните OK .
   • Кривые - преобразует текст в кривые и сохраняет внешний вид исходного текста.

Диалоговое окно «Импорт PDF»

1. При импортировании многостраничного документа выберите нужные страницы и нажмите OK.

При импортировании многостраничного документа PDF диалоговое окно «Импорт PDF» расширяется, чтобы дать вам возможность выбрать нужные страницы.

1. При появлении курсора импорта щелкните страницу рисования.

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

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

В Иллюстраторе в меню File → Export → PSD есть опция «Write Layers» с пунктом «Maximum Editability», но результат — случайные растровые слои, в которые превращаются векторные объекты. Не похоже что-то на «максимум возможности редактирования» в Фотошопе.

Несмотря на опции экспорта, два квадрата стали одним растровым слоем в PSD

Поиск решения

Надо бороться с разработчиками Эдоуб несправедливостью. Ищу русскоязычные, западные статьи (попадается интересная 2011 года у Турбомилк), уроки, видео на Ютюбе. Почти везде все сводится к группировке объектов в иллюстрации, сортировке по слоям (порядок в слоях полезен для работы, а не только для экспорта) и дальнейшей ручной растеризации через Object → Rasterize в самом Иллюстраторе либо автоматической при экспорте. Но мне хочется сохранить объекты векторными в PSD.

Экспорт из AI по статье Турбомилк. Порядок в группах, слоях, но все растровое

Требуется Иллюстратор версии CS6 и выше

Cкрипт проводит проверку всех объектов в документе, в независимости от того, на каком они слое или в группе. Найдя объект с однотонной заливкой, он применяет к нему Экшн с операцией Make Compound Shape. Для сохранения векторных обводок к объектам нужно применить Object → Path → Outline Stroke.

Если у вас есть группа из сотен мелких объектов, например, кистью нарисованы волосы, шерсть или текст, переведенный в кривые, лучше перед выполнением скрипта объединить такие элементы в Compound Path клавишами Cmd + 8 (Ctrl в Windows), чтобы скрипт каждый объект, букву отдельно не обрабатывал.

Исключения

Если в файле присутствуют объекты, к которым применены Photoshop effects (тень, свечение, шум и т.д.), то их перед запуском скрипта надо вручную растрировать в режиме Type Optimized.

В силу специфичности некоторых видов объектов (градиенты, паттерны, меши и ряд других) по результатам тестов не все они могут экcпортироваться из AI в PSD, оставшись векторными, но их можно сделать отдельными растровыми слоями без долгой сортировки по группам и слоям в Иллюстраторе. Для этого применяется еще одна хитрость, скрипт по отдельности делает из каждого такого объекта отдельную группу.

2 квадрата в AI в отдельных группах после экспорта в PSD

Краткие итоги

• При экспорте из AI в PSD у нас сохраняются параметры прозрачности, режимы наложения слоев.
• Применение Make Compound Shape позволяет сохранить векторные объекты в PSD.
• Градиенты, паттерны, меши, объекты с растровыми эффектами, фигуры с обводками растрируются.
• Преобразование каждого растрируемого объекта в группу позволяет сохранить его после экспорта отдельным слоем в Фотошопе.
• Флет иконки, UI элементы, иллюстрации — их можно после подготовки получить в PSD файле полностью в векторной форме.
• Подготовка файла скриптом Ai2Psd помогает снизить количество ручной работы для файлов с большим количеством объектов.

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: «Шикарный скрипт. Уверен для многих, в том числе и для меня это будет весьма полезно!»

И для примера векторная иллюстрация, которая прошла обработку скриптом и была экспортирована в PSD формат.

173 объекта в AI обработалось за 40 сек. В итоговом PSD все слои — векторные шейпы

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

1. GIMP

• Операционная система: Windows, Mac и Linux.
• Русский язык: поддерживается.

Это один из самых интересных бесплатных аналогов Photoshop. GIMP читает файлы PSD без установки дополнительных плагинов, поэтому открыть файл можно так же, как и обычные изображения: File → Open.

GIMP открывает слои PSD-документа для редактирования. Но тут есть свои подводные камни: программа читает далеко не все слои, некоторые требуется растрировать. А ещё GIMP может некорректно сохранить изменения в PSD. После этого файл может не открыться в Photoshop. Последнее не должно вас беспокоить, если вы открыли файл для незначительных правок и сохранения картинки в JPEG.

• Операционная система: начиная с Windows 7.
• Русский язык: поддерживается.

Paint.NET лучше стандартного Microsoft Paint, но такой же максимально понятный и простой в использовании. Если не знаете, что делать с файлом в GIMP, открывайте Paint.NET.

Программа читает PSD, но только после установки соответствующего плагина. Для этого:

• Загрузите плагин .
• Извлеките файлы из загруженного архива.
• Скопируйте файл PhotoShop.dll.
• Перейдите в установочную папку Paint.NET (например, C:\Program Files\paint.net ).
• Вставьте файл PhotoShop.dll в папку FileTypes.
• Запустите Paint.NET.

• Операционная система: любая, так как приложение открывается в браузере.
• Русский язык: поддерживается.

Photopea - онлайн-сервис, интерфейс которого напоминает Photoshop или GIMP. Его преимущество - не нужно ничего устанавливать. Программа откроется в браузере на любом устройстве. Но онлайн-приложения зачастую не такие практичные, как устанавливаемые программы. Photopea не исключение, но зато позволяет работать со слоями в PSD-документе.

• Операционная система: Windows (для Linux и macOS есть версия ).
• Русский язык: поддерживается только в Standart и Extended-версиях.

XnView - своеобразный графический органайзер, в котором можно открыть и упорядочить коллекции изображений на вашем ПК. В XnView есть примитивные функции редактирования: можно изменить цветовую палитру, добавить фильтр или эффект.

Программа непопулярна, а зря: она способна открыть изображения в более чем 500 форматах и пересохранить их в ещё 70. Так что установите её в качестве примитивного редактора для PSD или конвертера.

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

• Операционная система: Windows.
• Русский язык: поддерживается.

Программа IrfanView, как и XnView, предназначена для просмотра и конвертирования графических файлов. Но IrfanView поддерживает меньше форматов. Программа открывает PSD как картинку. Редактировать слои нельзя, но обычное изображение можно. Чтобы получить больше возможностей для обработки, PSD-файл сначала нужно конвертировать в другой формат.

IrfanView быстро работает и мало весит (установочные файлы занимают чуть больше 3 МБ).

Если ни один из вариантов вам не подходит, можете конвертировать PSD в JPG, используя Go2Convert или любой другой конвертер. Вы также можете открыть PSD как картинку в Google Drive.