Что лучше adobe illustrator или photoshop. Шаг: Начинаем работать в Photoshop. Факты об «Иллюстраторе»

До недавнего времени в работе я использовала Adobe Photoshop. И считала, что лучше фотошопа CS4 только фотошоп CS5.

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

Adobe Photoshop для дизайна сайтов:

Плюсы

1. Множество возможностей по работы с изображениями.
2. …а, в общем-то, и всё.

После знакомства с Adobe Illustrator привычный фотошоповский интерфейс со слоями и свойствами текста кажется неуклюжим недоразумением.

Минусы

Как метко выразился Валера Попов в своей статье «Почему я не использую фотошоп для дизайна сайтов »,
на придумывание и творчество уходит 10% рабочего времени, а всё остальное — рутинная работа по перемалыванию страниц.

1. Неудобная навигация по страницам. Для крупных интернет-магазинов количество страниц с индивидуальным дизайном может доходить до сотни. И как быть в таком случае? Как быстро найти на панели закладок нужную?
2. Нет возможности создать master-pages - для элементов, одинаковых на всех страницах. Например, шапка и меню. Говорят, в последних версиях ввели функцию Layer comps, но работает она весьма криво.
3. Для дублирования одинаковых элементов, которые стоят в одном и том же месте на разных страницах, нужно каждый раз рожать ежа и проходить ужасно муторную неудобную процедуру.
4. Нет возможности прописать стили отдельных блоков и помочь верстальщику.
5. При большом количестве страниц фотошоп нереально тормозит. Даже при всех остальных закрытых программах. Даже на новейшей сборке моего компа в офисе. А уж про старенький домашний и говорить не приходится.

Выход есть - Adobe Illustrator

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

Стала искать замену. Ещё до слона выполнила редизайн Хельги в ИнДизайне - не понравилось. Что именно, уже не вспомню. Потом наткнулась на Adobe Illustrator. Выписала себе официальный учебник на Озоне. Примерно за полторы недели освоила по нему все нужные мне функции.

Пока новых проектов нет, проработала в нём всё того же Бумажного слона.

Все минусы фотошопа устранены:

Навигация по страницам. В одном документе создаётся множество так называемых артбордов (Artboards). Вид можно настроить так, чтобы видеть их все одновременно:

Master-pages решены при помощи символов. К примеру, элементы шапки объединяются в группу, из группы создаётся символ. И уже этот символ копируется на все страницы (функция Paste on all artboards). Если надо в нём что-то поменять, по двойному щелчку на панели символов можно перейти в режим редактирования именно этого символа.

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

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

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

Из минусов отмечу совместную работу с фотошопом. Если перетащить из фотошопа слой с картинкой на прозрачном фоне, фон её становится белым:

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

Ещё в люстре есть библиотека стандартных элементов - поле поиска, чекбоксы и т.д. Но, по-моему, они не слишком удобные. При изменении размеров, они перекособочиваются:

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

В 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.

1. Если файл изображения открыт в Photoshop, сохраните его как Photoshop (PSD) и закройте файл.
2. В Adobe Illustrator выполните одно из следующих действий.

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

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

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

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

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

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

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

Растровое изображение состоит из множества маленьких ячеек — пикселей, где каждый пиксель имеет свой цвет. Растровое изображение легко узнать просто увеличив его на 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 Photoshop) является графическим редактором, адаптированным главным образом к работе с растровыми изображениями. Это коммерческое ПО.

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

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

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

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

Сравнение

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

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

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

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

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

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

Таблица

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

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

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

Но какая программа лучше? Очевидно, что ответ зависит от конкретной ситуации. Поэтому я хочу провести краткий обзор о том, что и когда лучше использовать.

Что лучше для создания логотипов?

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

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

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

ПОБЕДИТЕЛЬ: Illustrator

Что лучше для веб-дизайна?

Так как графика, созданная в Photoshop, основана на пиксельной растровой графике, она прекрасно подходит для проектирования медиа-экранов.

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

Более совместимый

Так как мы стремительно движемся в сторону адаптивного и гибкого Web, мы всё сильнее нуждаемся в графике, меняющей размеры (т.е. SVG и растровые шрифты).

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

ПОБЕДИТЕЛЬ : Photoshop

Какой инструмент лучше для цифрового искусства?

Illustrator лучше подходит для чистых графических иллюстраций, в то время как Photoshop - для картинок на основе фото. Фотография VFS Digital Design.

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

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

ПОБЕДИТЕЛЬ: рисование

Какой ин струмент лучше для набросков и варфрейминга?

Illustrator намного проще использовать для быстрого создания варфреймов.

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

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

ПОБЕДИТЕЛЬ: Illustrator

И окончательный победитель это …

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

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