Бесплатный миникурс «Adobe Illustrator для новичков. Photoshop и Illustrator в одной упряжке

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

Если ваш опыт отличается от моего, то прошу вас поделится своим мнением в комментариях ниже!

Давайте начнем.

С чего начинались Фотошоп и Иллюстратор

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

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

Какая из программ лучше для дизайна логотипа?

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

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

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

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

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

Программе Photoshop действительно есть место в дизайне логотипов, но по большей части, Illustrator всегда должен быть вашим первым выбором.

Победитель:

Какая из программ лучше для веб-дизайна?

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

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

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

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

Победитель:

Что лучше использовать Photoshop или Illustrator для создания произведений искусства?

Иллюстратор лучше подходит для чистых, графических иллюстраций, в то время как Photoshop — для фотоиллюстраций.

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

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

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

Победители:

И в подведении итогов победитель …

Да нет здесь победителя!

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

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

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

Работаете ли вы в дизайн фирме, фрилансите или просто наслаждаетесь процессом – освоить оба инструмента будет определенно полезным вложением времени. А чтение и комментирование этого блога сделает процесс еще более эффективным.

Пока себя не похвалишь…

Вам также понравятся и эти статьи:


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

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

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

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

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

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

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

Сравнение

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

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

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

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

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

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

Таблица

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

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

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

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

Если ваш опыт отличается от моего, то прошу вас поделится своим мнением в комментариях ниже!

Давайте начнем.

С чего начинались Фотошоп и Иллюстратор

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

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

Какая из программ лучше для дизайна логотипа?

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

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

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

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

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

Программе Photoshop действительно есть место в дизайне логотипов, но по большей части, Illustrator всегда должен быть вашим первым выбором.

Победитель:

Какая из программ лучше для веб-дизайна?

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

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

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

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

Победитель:

Что лучше использовать Photoshop или Illustrator для создания произведений искусства?

Иллюстратор лучше подходит для чистых, графических иллюстраций, в то время как Photoshop — для фотоиллюстраций.

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

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

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

Победители:

И в подведении итогов победитель …

Да нет здесь победителя!

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

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

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

Работаете ли вы в дизайн фирме, фрилансите или просто наслаждаетесь процессом – освоить оба инструмента будет определенно полезным вложением времени. А чтение и комментирование этого блога сделает процесс еще более эффективным.

Пока себя не похвалишь…

Вам также понравятся и эти статьи:


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

Что нам понадобится:

1 Шаг: Пишем слово в Иллюстраторе

Откройте Иллюстратор и создайте новый документ размером страницы A4. При помощи инструмента Type наберите слово LAYOUT посередине документа.

2 Шаг

Выделите это слово и выполните Object > Expand, после чего кликните Ok. Далее выполните Object > Compound Path > Release.

3 Шаг

Затем инструментом для выделения расположите буквы так, чтобы они симметрично выстроились, как показано на рисунке:

Инструментом Direct Selection Tool сдвиньте указанную точку буквы U чуть вверх, чтобы сделать ее более основательной.

Вот что должно в итоге получиться:

4 Шаг

Выделяем все буквы. Затем на панели инструментов кликаем по иконке смены местами цветов заливки и контура.

5 Шаг

Поверх буквы L растяните прямоугольник, как показано ниже.

Для уверенности в том, что он выровнен правильно, откройте окно Edit > Preferences и отметьте опцию Snap To Point, что вам здорово поможет и сэкономит уйму времени при выравнивании объектов.

6 Шаг

Теперь создайте прямоугольник позади буквы Y.

Еще один - за буквой O.

И очередной - за буквой T.

7 Шаг: Заполняем текстом букву L

Переключитесь на Type Tool. Наведите курсор на букву L и вы увидите, как вокруг курсора появится кружок. Теперь кликните внутрь фигуры L и начните заполнять ее текстом. Я использовал всем известный “lorem ipsum”, сгенерированный на lipsum . В качестве шрифта я использовал Helvetica Neue Lt Std, из-за его великолепной универсальности, да и просто потому, что он всегда мне нравился. В данном случае я использовал начертание Bold Condensed.

8 Шаг

Выполните двойной щелчок по тексту, чтобы выделить его весь. В панели настроек текста, выберите режим выравнивания по всей ширине (Justify). Далее кликните по маленькой стрелке, для раскрытия расширенного меню и выберите в нем пункт Hypenation. Передвиньте там ползунок на уровень Better Spacing.

Вот что должно выйти в результате:

9 Шаг

Теперь наложите текст еще и на прямоугольник, лежащий поверх буквы L. Смените начертание шрифта на Light Condensed.

10 Шаг: Буква Y

Теперь переключимся на букву Y. С ней придется повозиться чуть подольше - она довольно сложная. Сначала поместите текст в прямоугольник за буквой Y. Используйте при этом начертание Light Condensed.

Теперь выберите в первой строчке символы, которые лежат внутри силуэта буквы Y и смените им начертание на Bold Condensed.

Проделайте теперь это со всеми буквами, лежащими в контуре Y. Да, как я и говорил, это может отнять массу времени. Поэтому будьте аккуратны и терпеливы.

После того, как все нужные символы будут выделены жирным, кликните по значку с глазом напротив слоя Y в палитре Layers. Что получилось у меня - смотрим ниже.

11 Шаг: Буква O

Выберите внешний контур буквы O и увеличьте его так, чтобы он оказался чуть больше своего контейнера-прямоугольника по высоте.

12 Шаг

Теперь вместе с этим контуром, выберите также и прямоугольник. Затем откройте панель Pathfinder и нажмите кнопку Exclude.

13 Шаг

Выберите верхнюю и нижнюю части этой конструкции и нажмите Delete.

14 Шаг

На каждую из образовавшихся частей нанесите текст. Для левой и правой частей используйте выравнивание по ширине (Justify), для средней части - выравнивание по центру.

15 Шаг: Буква U

Выберите букву U. При помощи Move Tool поверните ее на 90 градусов.

16 Шаг

Добавьте еще одну порцию текста, используя начертание Bold Condensed.

17 Шаг

Теперь снова переключитесь на Rotate Tool и переверните U обратно в первоначальное положение.

18 Шаг: Буква T

Теперь добавляем текст букве T.

19 Шаг

Теперь откройте меню шрифтов и увеличьте значение Text Leading в два раза. В моем случае это было с 7.2 до 14.

20 Шаг

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

21 Шаг

Теперь зададим Minus Leading. У меня было значение 7, поэтому я задал -7.

В результате получилось так, что оба текста отлично наложились друг на друга и образовали полноценную букву T.

23 Шаг: Буква A

Над буквой A мы еще не работали, поэтому при помощи инструмента Pen Tool создайте фигуру, покрывающую левую половинку буквы.

24 Шаг

Вставьте туда блок текста.

25 Шаг

При помощи Move Tool поверните фигуру, пока текст не впишется в нее идеально по горизонтали.

26 Шаг

При помощи Rotate Tool верните фигуру с текстом на прежнее место.

27 Шаг

Проделайте то же самое для правой части буквы.

28 Шаг

Не забудьте нанести текст на поперечную часть A. После этого контур буквы можно также спрятать.

В итоге мы должны получить вот такую картину.

29 Шаг: Экспорт в PDF

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

30 Шаг: Импорт в Photoshop

Запустите Photoshop и откройте File > Open. Выберите тот PDF, который мы создали и задайте разрешение в 300 ppi.

Почему мы используем 300ppi разрешение?

Режим Press Quality сохраняет файлы с разрешением 300ppi. Поэтому, импортируя файлы в таком же разрешении в Photoshop, мы загружаем их в полном размере, не теряя при этом ни единого пикселя. Это означает, что мы не теряем так же ни одной детали, созданной в Illustrator. Рисунок ниже показывает часть импортированного изображения в 100% размере на белом фоне. Как видите - текст остается очень четким.

31 Шаг

PDF загружается, как прозрачное изображение.

32 Шаг: Начинаем работать в Photoshop

Нажмите Ctrl + A, затем Ctrl + C и создайте новый файл размером A4 и разрешением 300ppi. Нажмите Ctrl + V и вставьте свой текст туда.

Нажимаем Ctrl + I, чтобы инвертировать цвет текста в белый. Затем кликаем Layer > Convert to Smart Object. Нажмите Ctrl + T и поверните текст.



 

Пожалуйста, поделитесь этим материалом в социальных сетях, если он оказался полезен!