Использование объектов Photoshop в Adobe Illustrator.

Скорее всего вы знаете, что есть два типа графики — растровая и векторная .

Растровое изображение состоит из множества маленьких ячеек — пикселей, где каждый пиксель имеет свой цвет. Растровое изображение легко узнать просто увеличив его на 200% очень быстро станет заметно множество маленьких квадратиков — это и есть пиксели.

Два самых популярных растровых формата: JPEG , PNG .

Растровая графика удобна для фотореалистичных изображений. Фотография — это также растровая графика. Именно с ней мы с вами и работаем в Adobe Photoshop .

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

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

Самые популярные векторные форматы: SVG , AI , асамый популярный редактор векторной графики — Adobe Illustrator .

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

За все годы существования проекта «Фотошоп-мастер» мы давали вам уроки только по растровой графике. Но наши подписчики и клиенты часто просили нас порекомендовать им качественные обучающие материалы по векторной графике. И вот сегодня мы смело можем вам такие материалы рекомендовать, потому что на дружественном нам проекте "Видеосмаил" вышел новый обучающий миникурс — Adobe Illustrator для новичков.

Первые три урока этого миникурса вы можете изучить уже сегодня:

Урок 1 — Знакомство с программой

Урок 2 — Интерфейс Adobe Illustrator

Урок 3 — Обводка и заливка

Урок 4 — Инструменты в Adobe Illustrator

Урок 5 — Отрисовка изображения

Урок 6 — Работа с текстом

Практический урок для закрепления

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

Уже в понедельник — 12 февраля в рамках дружественного нам проекта «Видеосмаил» выходит большой курс Вероники Поляковой, который получил название «Супер Illustrator» .

В этом курсе вас ждет 71 урок , а за время обучения вы создадите более 25 собственных иллюстраций и соберете полноценное портфолио, которое поможет вам в поиске первых клиентов.

Сегодня хотелось бы затронуть тему неправильного представления о выборе практического «инструмента» дизайнера построенную на основе рассмотрения программ, разработанных Adobe. Статья охватывает главным образом три программных обеспечения в сфере искусства и дизайна, а именно - Adobe Illustrator, Adobe Photoshop, Adobe InDesign. Поскольку с каждой версией выпускается все больше и больше возможностей и обновлений, для неопытного дизайнера важно понять, какая программа будет являться лучшим решением для достижения оптимальных результатов в конкретных целях.

Adobe Illustrator

Что такое Adobe Illustrator

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

Adobe Illustrator, как правило, используется для:

Разработки логотипов, фирменных знаков и прочих символов компании;

Предпечатной подготовки;

Веб-графики;

Создания иных векторных изображений.

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

Illustrator не может реализовывать анимацию. Если вы ищете программное средство для разработки анимации, то Illustrator точно не для вас. Лучшим решением будет создать изображения в Illustrator и перевести их в любую подходящую программу для анимирования, например, Adobe Flash.

В Adobe Illustrator фильтры не «функционируют» точно так же, как в Photoshop. Вы тоже будете удивлены, как и многие люди, которые думали, что фильтры этих двух программ создают аналогичные эффекты. Это заблуждение.

Прямое использование Adobe Illustrator

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

После выхода Illustrator CS4 стало возможным создавать сложные брошюры, годовые отчеты и даже книги. Единственное, чем Illustrator уступает Indesign, так это отсутствием некоторых утилит, таких как шаблоны книги или нумерация страниц. Несмотря на это, Illustrator версии CS4 и выше имеет поддержку нескольких монтажных областей для создания «книг», но лишь для того, чтобы создавать небольшие брошюры или переводить несколько страниц дизайна в PDF формат для демонстрации результатов работы вашим клиентам.

Adobe Photoshop

Что такое Adobe Photoshop

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

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

Adobe Photoshop, как правило, используется для :

Редактирования фото и цветокоррекции;

Разработки дизайна пользовательского интерфейса мобильных приложений;

Веб-графики;

Реализации фотоэффектов и эффектов с текстом.

Типичные ошибки и заблуждения

Одним из распространенных заблуждений является то, что Photoshop используется для создания логотипов и ряда прочих элементов дизайна. Ради сбережения своего же времени выбросите эту идею за окно. Взять за пример даже те же самые визитные карточки. Существует немалое количество интерактивных учебных пособий, которые разъясняют вам, как создавать визитки в Photoshop. Несмотря на тот результат, который получится в результате обучения по этим урокам, это не лучшая практика, чтобы сделать её привычкой. Возможно визитка и будет выглядеть после печати нормально, но сколько головомороки можно было бы избежать, если сделать это в надлежащей для таких потребностей программе. Может Photoshop и «умеет» создавать векторные объекты и редактировать их, существует даже возможность переноса «путей» из Illustrator, но самое главное из всего этого то, что, в конце концов, они все же окажутся в виде пиксельных данных, которые не могут быть увеличены без искажений. Конечно, существуют некоторые элементы, которые можно создать с помощью Photoshop (например, текстовые эффекты, текстуры, фрагменты фотографий), но стоит помнить, что для грамотного представления пикселей необходимо заранее установить 300 пикселей на дюйм с использованием цветового режима CMYK (ни в коем разе не RGB).

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

Прямое использование Adobe Photoshop

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

Adobe Indesign

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

Indesign, как правило, используется для:

Разработки полноценного дизайна полиграфической продукции (разговор идет не о создании отдельных элементов, а о представлении дизайна страницы в целом);

Грамотной верстки и предпечатной подготовки журналов, брошюр, буклетов, книг, газет и прочей полиграфической продукции;

Редактирования и создания элементов дизайна (минимальный набор инструментов);

Создания интерактивных PDF документов.

Типичные ошибки и заблуждения

Несмотря на то, что существует возможность «нарисовать» объекты в Indesign, этот процесс реализуется на деле не особенно комфортно. Вместо рутинного горе-рисования стоит использовать такие «заточенные» для этих целей программы, как Photoshop или Illustrator, а затем импортировать полученное изображение в Indesign. Создание логотипа в Indesign очень затруднительно из-за отсутствия требуемого количества возможностей и инструментов.

Чаще всего, увидев меню Эффекты (Effects), у людей складывается ошибочное впечатление того, что обработать фотографию или осуществить с ней какой-то эффект здесь предоставляется возможность, аналогичная Photoshop. Нет, нет и ещё раз нет! Indesign не имеет подобающего функционала для редактирования фотографий.

Хотя существует и не так много заблуждение относительно Indesign, но все же получил довольно широкое распространение спор о том, что Illustrator имеет гораздо более удобные настройки для расположения элементов на странице, чем Indesign. Тут основной вопрос стоит о потребностях пользователя и правильности настроек.

Прямое использование Indesign

Если ваш проект состоит из нескольких страниц, то сверстать их (то есть распределить) для Indesign не составит никакого труда. Indesign также имеет отличную поддержку построения текста в три и более колонки. А в целом Indesign под силу все то размещение текста и объектов, что вы привыкли видеть на страницах газет, журналов и прочей цветной и черно-белой полиграфической продукции.

Итоговое сравнение

Illustrator против Indesign :

Illustrator не имеет возможности верстки заглавных страниц;

Illustrator не «умеет» нумеровать страницы;

Indesign не предназначен для создания объектов такой же сложности, как в Illustrator;

Indesign имеет превосходные возможности быстрой «упаковки» файлов для отправки их ресурсам принтера, в то время как в Illustrator это операция осуществляется немного запутанно;

Indesign превосходно стравляется со всевозможными операциями с блоками текстов, а Illustrator в этом деле, конечно, дилетант.

Illustrator по сравнению с Photoshop :

Illustrator имеет шикарную поддержку векторного изображения, по сравнению с тем, что в Photoshop она сильно ограничена;

Illustrator создает макет страницы лучше, чем Photoshop;

Illustrator не «умеет» обрабатывать пиксельные изображения и применять к ним эффекты так же превосходно, как это делается в Photoshop;

Photoshop является лучшей программой для цветокоррекции фотографий;

Illustrator поддерживает создание многостраничных PDF документов, а Photoshop этого делаеть не «умеет»;

Организация работы со слоями в Photoshop гораздо проще, чем в Illustrator;

Экспорт формата EPS у Illustrator лучше, чем у Photoshop;

Illustrator поддерживает взаимосвязь своих файлов (через импортирование и экспортирование графики), а PSD форматы Photoshop не могут обмениваться данными между собой таким же образом;

Photoshop имеет огромное количество эффектов на основе фильтров, в Illustrator же эта возможность сильно ограничена.

Indesign по сравнению с Photoshop:

Indesign профессионально создает макеты страниц, в то время как Photoshop этого не делает;

Indesign создает элементы, которые могут закреплять за собой ссылки, а в Photoshop эта функция отсутствует (Indesign обладает возможностью создания интерактивных документов, а Photoshop нет);

Indesign поддерживает многостраничные PDF файлы (например, для печати), а в Photoshop - всего лишь одна страница;

В Indesign отсутствуют эффекты, аналогичные Photoshop (и частично Illustrator).

Известный графический редактор «Фотошоп» выпускает американская корпорация Adobe. Она же является разработчиком программы «Иллюстратор». Для чего предназначено данное решение?

Факты о фотошопе

Программа «Фотошоп» (официальное ее наименование - Adobe Photoshop) является графическим редактором, адаптированным главным образом к работе с растровыми изображениями. Это коммерческое ПО.

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

Факты об «Иллюстраторе»

Программа «Иллюстратор» (официальное ее наименование - Adobe Illustrator) - это также редактор графики, относящейся, однако, к категории векторных. Как и фотошоп, является коммерческим ПО.

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

Сравнение

Ключевой критерий, предопределяющий отличие фотошопа от «Иллюстратора», - преимущественный тип графических файлов, обрабатываемый программой.

Фотошоп, как мы отметили выше, предназначен для редактирования главным образом растровых изображений. То есть тех картинок, которые выстраиваются из пикселей и имеют фиксированное разрешение. Редактирование рисунка осуществляется фотошопом, как и любой другой «растровой» программой, за счет низкоуровневой корректировки цветов изображения.

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

Существует также ряд функциональных различий между рассматриваемыми программами.

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

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

Таблица

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

Фотошоп	«Иллюстратор»
Что общего между программами?
Один разработчик - компания Adobe Systems.
Обе программы - коммерческие
Чем отличаются программы?
Предназначен для обработки главным образом растровых картинок	Предназначен для обработки главным образом векторных картинок
Удобен для рисования изображений с нуля, обработки готовых картинок посредством широкого спектра инструментов	Удобен для иллюстрирования медиапродуктов, решения соответствующих дизайнерских задач
Предполагает работу главным образом на 1 холсте	Позволяет работать с несколькими векторными площадками
1 слою соответствует 1 графический объект	1 слою может соответствовать несколько графических объектов

Это руководство будет полезно для тех, кто работает с Adobe Photoshop и Adobe Illustrator, а иногда и обменивается изображениями между этими двумя программами и отправляет свои работы в микросток .

Adobe Photoshop и Adobe Illustrator могут работать вместе во многих отношениях для плодотворных результатов. На этом уроке мы обсудим вырезания и вставки векторных файлов в Photoshop с помощью следующих фото-и векторов Shutterstock от Loriklaszlo и Дональда Sawvel.

Копировать и вставить

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

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

В диалоге, который появляется, когда я вставил, выберете стандартно по умолчанию Пиксели, давайте начнем с этой опции.

При вставке объекта появится ограничивающий прямоугольник, который вписывается в документе.

Удерживая shift и потянув один из углов можно масштабировать объект до нужного размера (удерживайте нажатой клавишу, если вы хотите масштабировать объект пропорционально).

Enter и ваше векторное изображение конвертируется в пиксели и размещается.

Path очень просто импортирует вектор как Work Path, но это не сделает объект цветным. После того, как вы нажмете ОК, у вас есть все опции редактирования с Work Path. Кроме того при использовании опции Path, все шаги вставляются в своем оригинальном размере, а не в размере документа.

Опция Shape Layer импортирует путь к объекту, как Vector Mask. Этот способ импорта не дает цвет рисунку, он заполняет форму цветом, выбраным в вашем плане. Как опция Path, объект примет свою натуральную величину без ограничительной рамки.

Моя любимая опция (простите меня за сохранение последнего....) является "Smart Object". При вставке выбора в документ цвет проникает, и вы получите ограничивающий прямоугольник для масштабирования по мере необходимости.

Return и объект помещены. Теперь у вас есть слой с названием “Vector Smart Image”. Если вы хотите что-то изменить в объекте, который вы разместили, к сожалению, вы не сможете изменить его в Photoshop, потому что когда вы помещаете его, как смарт-объект, вы не получите путь. Но вот где это становится удивительным: если вы дважды щелкните на значке смарт-объектов...

Появится окно, которое объясняет, что нужно делать, если смарт-объект открывается...

Нажмите OK, и ваш объект откроется в Illustrator, готовый к измению.

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

Как только вы закончите вносить изменения, нажмите Сохранить (не Save As) и вернуться в документ Photoshop ...

Объект автоматически обновляется в Photoshop документе! Вы можете сделать это столько раз, сколько вы хотите, и вносить столько изменений, сколько нравится.

Открытие "Smart Object" изменила мою жизнь, и я надеюсь, что улучшит и вашу! Вы сможете отправлять свои работы в любой фотобанк!

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

V Adobe Illustrator mojno otkryvat" ili pomeschat" faily Photoshop, poetomu net neobhodimosti sohranyat" ili eksportirovat" izobrajenie Photoshop v drugoi format faila.

В Adobe Illustrator можно открывать или помещать файлы Photoshop, поэтому нет необходимости сохранять или экспортировать изображение Photoshop в другой формат файла. Помещая изображение в открытый файл Illustrator, можно встроить его как любой другой обычный элемент иллюстрации либо сохранить его связь с исходным файлом. Хотя Illustrator не редактирует связанное изображение, можно вернуться в Photoshop с помощью команды «Изменить исходный файл», чтобы внести изменения в оригинал. После сохранения изменений они отображаются в версии изображения, находящейся в Illustrator.

Если файл изображения открыт в Photoshop, сохраните его как Photoshop (PSD) и закройте файл.
В Adobe Illustrator выполните одно из следующих действий.
При открытии или помещении изображения без сохранения связи отображается диалоговое окно «Импорт Photoshop». Выберите соответствующий параметр, как показано ниже, и нажмите кнопку «ОК»: