Фотошоп иллюстратор как пользоваться
Представьте что вы хотите нарисовать небольшую картинку, скажем, островок, на нем будет расти пальма, ну и где-то солнышко. Это пока все есть в ваших представлениях. Дальше вы ищете материалы для рисования, перед вами будет лежать коробка карандашей, фломастеры и краски.
Теоретически, можно любым из этих трёх предметов нарисовать картину, но у каждого есть свои преимущества и недостатки — карандаши легко комбинировать, неудачный результат можно удалить ластиком; фломастеры дают насыщенный цвет, но при смешивании основных штрихов могут получаться нежелательные места и, конечно же, ластиком уже ничего не поправишь; краски требуют много подготовки, нужна чашка с водой, бумагу лучше зафиксировать скотчем, чтобы не набухла при высыхании, в арсенале желательны кисточки разных толщин, нужно следить за тем, чтобы регулярно промывать кисть и менять воду, но зато можно смешать краски, чтобы получить более подходящий оттенок.
Всем этим я хотел сравнить вышеописанный инструментарий с нашими графическими редакторами. У каждого редактора будут свои минусы и плюсы. На повестке дня я рассмотрю три известнейших графических редакторов — Adobe Photoshop, Adobe Illustrator и Figma.
Adobe — это компания, основанная в далеком 1982 году. Она подарила нам множество графических редакторов и полезных сервисов. Однин из самых знаменитых это, конечно же, Photoshop.
Изначально он был придуман, чтобы редактировать фотографии — убирать дефекты фотографий, восстанавливать старые снимки, добавлять искуственное освещение и т.д. С обновлениями добавлялись новые инстументы, благодаря которым можно уже было собирать композици с нуля. Дизайнеру достаточно было набрать как можно больше различных кусков из разных фотографий и собрать их воедино, чтобы создать общую картинку.
Думаю, этот пример хорошо демонстрирует то, как можно набрать разных кусочков из большого множества фотографий и картинок и очень интересно их собрать .
В Photoshop можно заниматься не только сбором и улучшением фотографии. В программе есть мощный функционал имитации реальных кистей, с помощью которых можно рисовать красивые картины и иллюстрации.
Поделюсь еще одним интересным решением, которое подарил нам Photoshop.
В Photoshop можно сделать мокап — нанесение дизайна на существующий носитель. Это просто демонстрация того, как будет выглядеть ваша работа в более-менее реальных условиях. Вот например, вы сделали крутое оформление упаковки для фруктового сока и хотите посмотреть, как оно будет смотреться на самой упаковке. Скачиваем необходимый файл и наносим наш дизайн, результат:
Ну и еще стоит отметить, что в свое время в Photoshop рисовались дизайны будущих сайтов. И это было изнурительно. Веб-дизайн местами очень требователен к размерам и отступам, и чтобы поменять какую-то деталь в макете, приходилось долго ковыряться.
Благо, это время прошло, и сейчас есть более подходящие инструменты для этого)
Чуть не забыл о них)
Программа довольно требовательная, часто при изменениях в макете у вас может слегка проседать производительность. Интерфейс выглядит не очень дружелюбно, очень много панелей, в каждой из них — еще миллион настроек, а если что-то пойдет не так, то можете представить этот нарастающий ужас и нервы)
На нашем курсе «Основы дизайна» мы подробно разберем по полочкам, как работать в Photoshop, рассмотрим несколько техник ретуши фотографий, рассмотрим несколько эффектов, ну и, конечно же, начнем раскрывать ваш творческий потенциал в самостоятельных проектах.
Photoshop подойдет для людей с творческим подходом, которые хотят улучшать качество фотографий, делать прикольные композиции и рисовать иллюстрации.
Illustrator, или как говорят на районе, люстра, предназначен для рисования векторных иллюстраций, векторных объектов, логотипов, подготовке допечатных версий, технических схем и других ресурсов.
Для понимания разберемся, что такое векторная графика.
Существует 2 вида графики — векторная и растровая. Растровая графика — это всевозможные фотографии и картинки, скачанные из интернета, растровая графика обычно форматов .jpg и .jpg. Растровая графика состоит из квадратиков, и эти квадратики заполняются определенным цветом. Именно поэтому если мы увеличиваем растровую фотографию, то видим, что на фотографии появляются нежелательные ступеньки.
Давайте на примере — у вас есть фотоаппарат с разрешением 800х600 пикселей, вы делаете фото, на котором каждый из пикселей сохраняет определенный цвет. Если математически — 800 умножить на 600 = 480 000. То есть, в нашем кадре 480 000 квадратиков, каждый из которых имеет свой цвет.
Теперь о векторной графике. Векторное изображение состоит из опорных точек и соединяющихся линий между ними, зафикисированных математической моделью. Благодаря такому подходу мы можем увеличить логотип с 2х2 см. до размеров футбольного поля без потери качества.
Процессы взаимодействия между Illustrator и Photoshop пополнились новой функцией Вставить как > Слои , которая дополняет уже имеющиеся варианты Смарт-объект , Пиксели , Контур и Слой-фигура . Новая функция поддерживает импорт слоев Illustrator с сохранением их визуальных и функциональных характеристик, а также их структуры.
При копировании объектов из Illustrator и их вставке в Photoshop каждый объект будет расположен в собственном слое, поддерживая основные возможности редактирования и сохраняя максимум свойств.
Если у вашего объекта есть свойства, поддерживаемые Photoshop, он будет вставлен на холст как редактируемый контур фигуры или текст, в противном случае — как нередактируемый пиксельный (растрированный) слой с сохранением только внешнего вида из Illustrator.
Возможность копировать объект из Illustrator и вставлять его в Photoshop дает очень много преимуществ.
Вы можете импортировать в Photoshop слои Illustrator и продолжать над ними работу, сохраняя при этом те же визуальные и функциональные стандарты. Это также обеспечивает возможность сохранить в Photoshop ту же структуру слоев, что и в Illustrator!
Запустите Illustrator и откройте файл, содержимое которого требуется использовать в Photoshop.
Скопируйте содержимое из Illustrator и вставьте его в Photoshop, используя функцию «Слои» из диалогового окна.
Ниже представлены некоторые функции копирования и вставки, которые можно попробовать в обновленной процедуре.
- Векторные фигуры и контуры создаются с помощью инструмента «Фигура» или «Формирователь» в качестве слоев «Фигура» и «Путь». Это могут быть линии, прямоугольники и прямоугольники со скругленными углами, многоугольники, овалы, звезды и контуры, созданные с помощью инструмента «Перо», или составные контуры.
- Текстовые объекты, созданные с помощью инструментов «Текст» в качестве текстовых слоев, могут включать точечный текст, текст области и текст по контуру.
- Копирование обтравочных масок как векторных.
- Пиксельные слои, с имволы, смарт-объекты, узоры, градиентная сетка, группы, искаженные слои, инструмент «Блик» в качестве пиксельных слоев.
После того как вы вставите свой объект в качестве текстового слоя или слоя фигуры, у него появится собственная панель свойств, где вы сможете отредактировать его внешний вид и изменить текст или форму соответственно.
Сценарии и ограничения взаимодействия при копировании и вставке
Предупреждение
Часть содержимого в этой выделенной области будет растрирована.
Фигуры и контуры со следующими свойствами не поддерживаются в Photoshop:
- Неподдерживаемые типы углов, такие как Фаска и Вогнутый круг
- Пунктирная линия обводки, которая выравнивает штрихи по углам и концам контуров, корректируя длину по размеру
- Стрелки и стили обводки
- Градиенты в заливке и обводке
- Узоры в заливке и обводке
- Отключение видимости заливки
- Многократная обводка и заливка
- Непрозрачность обводки и заливки
- Эффекты
- Символы, диаграммы, сетки, составные фигуры и другие объекты Illustrator, которые не являются векторными фигурами или контурами.
Текстовые объекты со следующими свойствами не поддерживаются в Photoshop:
- Текстовые объекты с узорами или градиентами в заливке или обводке
- Связанные текстовые объекты
- Текстовые объекты с включенным переносом
- Текстовые объекты с маской непрозрачности
- Текстовые объекты с эффектами
Лимит срезов и заливка по правилу ненулевого индекса для перекрывающихся контуров не поддерживаются в Photoshop, поэтому для сохранения функциональности они не копируются.
Объекты растрируются и размещаются в виде пиксельного слоя для сохранения визуальной точности.
Некоторые из вставленных текстовых слоев содержат отсутствующие шрифты. Эти шрифты будут заменены, и внешний вид может измениться.
Текстовые объекты Illustrator со шрифтами, недоступными в Photoshop, будут вставлены как текстовые слои со шрифтом по умолчанию. Эти текстовые слои будут отображать значок устранения неполадок на панели слоев. Вы можете дважды щелкнуть эти текстовые слои или перейти к Текст > Управление отсутствующими шрифтами для управления отсутствующими шрифтами.
Текстовый слой вставляется со шрифтом по умолчанию.
Некоторые фигуры будут вставлены как нединамические.
- Вставка правильных многоугольников со сторонами > 100.
- Вставка неправильного многоугольника с неравным углом или шириной сторон.
- Вставка любой динамической фигуры с искривлением.
Вместо динамической фигуры объект вставляется как нединамический слой-фигура.
Помещаемые из Illustrator объекты будут вставлены без эффектов.
Помещенный объект имеет связанный файл с эффектами. В этом случае эффекты из связанного файла при копировании и вставке будут удалены.
Связанные файлы с эффектами копируются в Photoshop без эффекта.
Выбранный объект содержит один или несколько объектов, размещенных в Illustrator, с несуществующим связанным файлом. Эти объекты вставлены не будут.
Вставить помещаемый объект невозможно, так как связанный файл не найден.
Связанные объекты с проблемами не копируются в Photoshop.
Невозможно вставить помещаемый из Illustrator объект со связанным файлом. Можно продолжить вставку без этого объекта.
Связанный файл копируемого графического объекта невозможно поместить в Photoshop по таким причинам, как неподдерживаемый формат файла и отказ в доступе к пути файла.
Связанные объекты с проблемами не копируются в Photoshop.
Копируемое содержимое из документа Illustrator имеет другой цветовой режим. Оно будет преобразовано в соответствии с документом Photoshop, но цвета могут измениться.
Копируемое содержимое из Illustrator имеет цветовой режим, отличный от режима целевого документа Photoshop для вставки.
Цветовой режим преобразуется в соответствии с цветовым режимом документа в Photoshop. Может наблюдаться несоответствие цвета в зависимости от алгоритма преобразования.
Вставка возможна только с шириной обводки до 288 точек.
Ширина обводки копируемой фигуры или контура превышает 288 точек.
Фигура или контур копируются с шириной обводки 288 точек.
Не удалось выполнить команду «Вставить», поскольку Photoshop не поддерживает содержимое буфера обмена Illustrator, содержащее неисконные иллюстрации, устаревший текст или объекты с произвольным градиентом.
Неисконные иллюстрации, устаревший текст или объекты с произвольным градиентом в настоящее время не поддерживаются.
Неисконные иллюстрации, устаревший текст или объекты с произвольным градиентом не копируются в Photoshop.
Реализовано в выпуске за апрель 2022 г. (версия 23.3)
Тип объектов
Точечный текст, текст области и текстовые объекты, созданные в Illustrator, можно перенести в Photoshop в виде редактируемых текстовых слоев. После вставки в Photoshop вы можете редактировать различные свойства текстовых слоев, такие как цвет текста, размер, шрифт, выравнивание и т.д. с помощью панели «Свойства».
Реализовано в выпуске за октябрь 2021 г. (версия 23.0)
Векторные фигуры
Импорт фигур, поддерживаемых Photoshop, таких как прямоугольник , эллипс , многоугольник и линия , из Illustrator в качестве динамических слоев-фигур. И наоборот, фигура Звезда , недоступная в Photoshop, импортируется как контур.
Также можно импортировать цвета заливки фигуры из Illustrator в Photoshop в виде динамических слоев-фигур. Кроме того, при импорте из Illustrator в Photoshop можно сохранить существующее имя слоя.
Рабочий процесс с использованием Illustrator и Photoshop позволяет импортировать некоторые узоры и градиенты в заливке фигуры, а также некоторые характеристики, например типы углов и обводки, в виде пиксельных слоев.
Векторные контуры
Контуры и составные контуры можно импортировать из Illustrator в Photoshop как нединамические слои-фигуры с сохранением внешнего вида как есть. Также можно редактировать их свойства на вкладке Свойства , например менять цвет и форму контура и обводки, а также менять опорные точки для изменения контура.
Когда составная фигура создается в Illustrator и импортируется в Photoshop, она вставляется как пиксельный слой и становится нередактируемой .
Обтравочные маски
Обтравочные маски, созданные в Illustrator, сопоставляются как векторные маски или растрируются при импорте в Photoshop. При вставке обтравочных масок пользователю Photoshop будет предложено выбрать вариант вставки — в виде векторной маски или с растрированием.
При импорте в Photoshop будет создана группа, соответствующая обтравочной группе в Illustrator, и к ней будет применена векторная маска, соответствующая обтравочному контуру из Illustrator. Это обеспечивает визуальную и функциональную точность при импорте из Illustrator, поскольку к потомкам группы будет применена векторная маска в Photoshop.
При создании обтравочных масок на неподдерживаемых объектах или объектах с неподдерживаемыми свойствами эти маски будут растрированы для сохранения аналогичного визуального эффекта в Photoshop.
Помните, что при вставке в виде векторной маски заливка и обводка теряются.
Другие улучшения
Все встроенные и связанные графические объекты, созданные в Illustrator, будут открываться в Photoshop.Однако объекты Illustrator, такие как символы, диаграммы, сетка и повторы, будут растеризованы при вставке в Photoshop.
Это самая полная статья об Adobe Illustrator в рунете. Мы не будем тратить время на рассказ об отличиях векторной и растровой графики, а дадим исчерпывающую информацию о том:
— с чего начать путь в мире графического дизайна;
— где, как и у кого учиться;
— как выбрать подходящие курсы по AI;
— на чем зарабатывать и куда расти, когда азы уже изучены.
Adobe Illustrator – это векторный графический редактор. В нем рисуют от руки и мышкой, работают с типографикой и цветом. Иллюстрации, создаваемые в AI, масштабируемы. Поэтому без потери качества печатаются даже на больших носителях и используются при создании адаптивных сайтов.
Где бесплатно скачать Adobe Illustrator?
Первый шаг к изучению AI – скачать и установить программное обеспечение. Бесплатная версия доступна по ссылке.
Это версия пробная, после недельного использования программы её придется купить.
Стоимость AdobeIllustrator в 2018 году при помесячной оплате составляет 29,99$. Если купите лицензию сразу на год, один месяц использования обойдется в 19,99$. Приобретите пакет из нескольких программ семейства Adobe, это дешевле, чем покупать каждую отдельно. А ещё для студентов и учащихся действует скидка до 60%.
Обратите внимание, что со старыми версиями операционных систем некоторые функции могут работать некорректно или не работать. Поэтому, если у вас старый компьютер, перед покупкой ознакомьтесь с системными требованиями на сайте Adobe.
Скачивать с торрента и пользоваться взломанными версиями Adobe Illustrator не рекомендуем, они могут нанести вред вашему компьютеру (никто же не знает, что запаковано в архив пиратской установки).
С чего начинался Adobe Illustrator?
Чтобы оценить насколько эта программа изменила рисование, посмотрите небольшую видео историю. Вы пройдете путь от изобретения AI в 1987 году до современности, когда мир графического дизайна невозможно представить без этого инструмента. Спойлер: даже эта серьезная история не обошлась без романтики.
Техника и механика работы в AI
Если вы уже знакомы с продуктами Adobe, то интерфейс AI покажется знакомым. Некоторые инструменты пересекаются с Photoshop. Но есть и существенные отличия, которые будут непривычными, например, монтажные области. Поэтому, если вы знаете Photoshop, это означает только то, что освоить Adobe Illustrator получится быстрее, но учиться все же придется.
Основные рабочие инструменты – перо, простые фигуры и текст. Процесс работы зависит от поставленной задачи и техники выполнения.
Некоторые иллюстраторы предварительно рисуют скетч от руки, особенно это актуально для иллюстраций с большой степенью детализации. Используя эскиз как подложку, иллюстратор выполняет рисунок поверху при помощи форм и пера, либо сначала обводит контуры скетча, а затем закрашивает получившийся рисунок.
Другой вариант – создавать графику без предварительной зарисовки. Такая техника подходит для иконок, работ в стиле flat, иллюстраций, выполненных большими формами.
Что делают и где работают иллюстраторы?
Изучив Adobe Illustrator вы сможете зарабатывать на создании:
- иллюстраций и графики;
- веб-дизайна;
- логотипов;
- фирменного стиля;
- мультипликации и раскадровок;
- дизайна упаковки;
- печатной продукции;
- шрифтов, принтов, иконок;
- SVG-графики.
Где реализовать свои умения?
Устройтесь в студию.
Специалист с навыками работы в Adobe Illustrator может устроиться иллюстратором, дизайнером полиграфии или сайтов, моушн-дизайнером… Заработная плата начинающего сотрудника составит 300-400$. Опытные иллюстраторы могут рассчитывать на суммы от 800$. Если продолжить осваивать другие программы и развиваться профессионально, реально стать арт-директором или руководить отделом дизайна.
Работайте на фрилансе.
Изучение Adobe Illustrator открывает двери в профессию и тем, кто хочет работать удаленно. Берите заказы на фриланс-сайтах или напрямую. Оплата за крупный проект у опытного иллюстратора может достигать десятков тысяч долларов.
ТОП-3 фриланс бирж
Зарабатывайте на стоках.
Если любите свободное творчество без заданий – продавайте готовые работы на стоках. Плюс таких сайтов в том, что одна и та же графика продается по несколько раз. Стокеры могут работать сами на себя, в команде или в стоковой студии.
ТОП-4 стоков
Как новичку освоить Adobe Illustrator?
Самоучители по Adobe Illustrator
Научиться работать в Adobe Illustrator можно бесплатно, не выходя из дома. Справочная информация размещена на сайте Адоби, а в интернете доступны десятки инструкций, туториалов, гайдов. Но есть и минусы: на объяснение того, что можно показать, уйдет много времени, а большой объем информации в таком виде усваивается хуже.
Оффлан курсы по Adobe Illustrator
Вариант платного обучения, при котором теория сразу подкрепляется практикой, а к преподавателю всегда можно обратиться с вопросом. Выбрать информативные курсы сложно, поскольку пробной версии нет. Остается читать программу и отзывы, которые бывают заказными. Главный минус такого обучения Adobe Illustrator: забирает много времени и недоступно для людей с ограниченными возможностями, жителей маленьких населенных пунктов.
Учебные центры в Москве и Санкт-Петербурге
Бесплатные видеоуроки Adobe Illustrator
Положительные стороны такого самообучения очевидны: бесплатно, доступно, наглядно. Недостаток – отсутствие помощи и обратной связи от преподавателя.
На ютубе можно найти уроки практически на любую тему, но проблема в том, что контента слишком много. Чтобы выбрать структурированный и содержательный урок приходится пересмотреть десятки видео, а самые классные «фишки» никто не рассказывает.
Чтобы сэкономить время, мы предлагаем шесть бесплатных уроков общей длительностью в 1 час 15 минут. За этот мини-курс вы освоите азы работы с векторной графикой в AdobeIllustrator, выполните практическую работу, а по итогам обучения сделаете вывод стоит ли учиться дальше, ваша ли это тема.
Урок 1. Рассмотрите наглядные примеры применения векторной графики. Узнаете, как начать работу и познакомитесь с интерфейсом Adobe Illustrator.
Урок 2. На этом занятии начнете отрисовывать иллюстрацию. Продолжите знакомиться с панелями управления,разберете основы работы со слоями, фигурами.
Урок 3. На этом уроке изучите фундаментальные параметры работы в Adobe Illustrator – обводку и заливку. Узнаете, как работать с цветом, перемещать объекты, закрашивать несколько объектов одновременно и рисовать идеальные линии.
Урок 4. Основная тема занятия – инструменты. Вы поработаете с прямоугольниками с закругленными углами и продолжите создавать первую иллюстрацию.
Урок 5. Узнаете, как работать с прямым выделением и точками, как из шестиугольника сделать треугольник, как вписывать фигуры.
Урок 6. На этом этапе закончите и доведете до идеала иллюстрацию. Поработаете с текстом и инструментом эллипс. Вам расскажут, как обрезать фигуру и в два клика скруглить все углы обводки. Преподаватель даст полезные практические советы по работе с композицией, сетке, цветами и расскажет,как сохранить готовую первую работу.
Платные онлайн курсы по Adobe Illustrator
Это кратчайший путь в профессию. Не все курсы одинаково полезны. Выбирайте те, в которых есть:
- обратная связь с преподавателем;
- домашние задания;
- бесплатная пробная версия.
Самый полный русскоязычный практический видео курс по Adobe Illustrator – «Супер Illustrator» от VideoSmile. После окончания даже слушатели с нулевым стартовым уровнем готовы начать карьеру профессионального дизайнера. А бонусная глава о работе в программе After Effects становится первым шагом в мир анимации.
Самоучители и книги по Adobe Illustrator
Adobe Illustrator продуктивнее изучать по видео-урокам, потому что они наглядны. Но в закреплении и систематизации полученных знаний помогают книги. Программные продукты Adobe совершенствуются, выходят новые версии, поэтому учиться по старым книгам можно, но часть современных функций в них не описана. Поэтому наш список рекомендаций невелик.
Adobe Illustrator CC Classroom in a Book (2018) by Brian Wood.
Это гайд от компании Adobe переиздается ежегодно с учетом изменений и дополнений программы. Версия на 2019 год уже доступна к предзаказу, книга выйдет 13 декабря 2018 года.
Learn Adobe Illustrator CC for Graphic Design and Illustration: Adobe CertifiedAssociate Exam Preparation (2nd Edition) by Adobe Certified Associate (ACA)
Ещё одна книга по AI от Adobe press. Цель этого издания дать читателю практические навыки, которые пригодятся в работе над реальными проектами, и подготовить к сдаче сертификационного экзамена. Для этого кроме текстовой версии книги покупатель получает доступ к скачиваемым файлам, интерактивным тестам, веб-версии с видео материалами.
Полезные ресурсы по Adobe Illustrator
Если вы решили научиться создавать иллюстрации и графику, сделать Adobe Illustrator источников заработка, то пригодится подборка полезных ресурсов.
Курс «Супер Иллюстратор»
Курс даст необходимые для работы знания, полезные советы и приемы. Дальше развиваться в профессии помогут практика, разбор работ других иллюстраторов, самообучение.
Форум поддержки Adobe
Behance
Платформа принадлежит Adobe и интегрирована с Creative Cloud. Дизайнеры, фотографы и иллюстраторы со всего мира делятся там работами. Для начинающего специалиста это место, где можно:
- создать собственный сайт-портфолио без навыковвеб-дизайна;
- получить поддержку и мнения других о ваших работах;
- найти вдохновение и потренировать насмотренность;
- продать готовую работу или откликнуться навакансию.
Есть мобильное приложение.
Dribbble
Социальная сеть для дизайнеров. Еще одно место, где продают себя и учатся у других.
YouTube
Это коллекция бесплатных уроков на любую тему. Здесь можно найти пошаговые уроки, понаблюдать за процессом работы иллюстраторов, найти видео-советы по продвижению собственных услуг.
На кого равняться: известные иллюстраторы
Adobe Illustrator открывает массу возможностей в мире векторной графики. Но на шаблонных работах много не заработаешь. Поэтому каждый начинающий иллюстратор должен выработать свой стиль.
Нужно «тренировать глаз», смотреть работы признанных мастеров, декомпозировать, выделать и перенимать фишки. Хотите поучиться, попробуйте скопировать чью-нибудь работу.
Наш ТОП-6 иллюстраторов.
Malika Favre
Минималистичные и контрастные работы этой француженки выделяются необычным стилем, близким к поп-арту. и легко узнаваемы. В иллюстрациях она использует оптические иллюзии, цветовые блоки и негативное пространство. Один из принципов работы Малики – минимализм: если можно что-то убрать, надо убрать. Она работала для крупных брендов, публиковалась в Vogue, The New Yorker и других известных изданиях.
Steve Simpson
Ирландский иллюстратор английского происхождения характеризует свой стиль, как постоянно эволюционирующий, но вдохновленный винтажными цветовыми гаммами. Его рисунки полны деталей. Влияет на работы и то,что он работал с комиксами и на ТВ. Сейчас Стив специализируется на дизайне упаковки и детских книг.
Simon Prades
Работы этого иллюстратора наполнены эмоциями и глубоким смыслом. Выделяются обилием деталей и тонких штрихов, лаконичными цветовыми схемами.
Yukai Du
Иллюстратор и моушн дизайнер из Китая. Обладательница множества профессиональных наград. Успела поработать и как фрилансер, и как офисный сотрудник. Использование насыщенных цветов и графических паттернов делает работы узнаваемыми. Многие из них сочетают в себе графику и анимацию.
Yuta Onoda
Японский иллюстратор, работы которого отличаются динамизмом, реалистичностью, яркими цветами. Рисует для игр и мультфильмов.
Jack Daly
Шотландский иллюстратор и дизайнер. В его работах прослеживается геометричность, любовь к типографике и архитектуре.
Эти иллюстраторы работают в разных техниках, решают разные задачи. У каждого свой узнаваемый стиль, но объединяет их одно –они мастерски владеют AI.
Сохраняйте статью к себе в соц.сети, делитесь полезной информацией с друзьями. А если остались вопросы по Adobe Illustrator или хотите узнать больше о курсе «Супер Illustrator» — дайте знать в комментариях к этому посту.
wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали авторы-волонтеры.
Adobe Illustrator - это графический редактор, используемый в основном для создания векторной графики. Разрабатываемый совместно с Adobe Photoshop как смежный продукт, Adobe illustrator используется для создания логотипов, графики, мультипликации и шрифтов для фотореалистичных макетов Adobe Photoshop. В настоящее время обновленное программное обеспечение Adobe Illustrator версий CS - CS5 открывает новые возможности, такие как добавление трехмерных приложений и реалистичных кистей. Если вам интересны основные функции и способы использования Adobe Illustrator, вот учебник, который вкратце расскажет вам об этом.
Хороший способ начать - это разработать постер в Adobe Illustrator. Здесь вы можете узнать, как создать стартовый документ, сделать некоторые основные виды редактирования текста и цвета, и как создать продукт.
После того, как вы сделали постер, вы можете попробовать сделать брошюру в Adobe Illustrator, что потребует от вас более глубокого понимания высоты, ширины, размеров и расположения.
Однако, если вы планируете создавать графику, которая будет экспортироваться в Photoshop, вы можете начать с изучения самого основного программного инструмента для рисования - инструмента Перо. Используйте Перо для рисования простой фигуры, чтобы создать сложный логотип. Чтобы не запутаться в использовании инструментов, сделайте заливку белой, а цвет штрихов черным. Забудьте на время про эффекты, градиенты и цвета, и сконцентрируйтесь на рисовании графики.
Как только вы набрались достаточно опыта в использовании пера, вы можете попробовать нарисовать что-либо полностью от начала до конца.
Следующим шагом будет изучение, как использовать Фигуры и Обработку контуров. Если вы используете Перо для рисования фигур и видите, что ваши фигуры далеко не идеальны, вы можете использовать инструмент Фигура. Используйте инструмент Фигура для создания эллипсов, прямоугольников, прямоугольников со скругленными углами, треугольников и звезд.
С помощью этого учебника вы можете также проверить возможность использования Обработки контуров при создании фигур. Этот инструмент поможет вам при создании сложных фигур и объектов.
После изучения того, как рисовать в Illustrator, изучите, как использовать образцы и цвета в Adobe Illustrator. Начните с изменения цветов заливки и штрихов вашего рисунка, используя образцы цвета.
Вы также можете добавить градиент, используя инструмент Сетка. Основная идея в том, чтобы использовать образцы цвета при создании плоской или 2D графики, градиентов, чтобы сделать графику более трехмерной, и затем инструмент Сетка, если вы хотите сделать графику более реалистичной.
Проверьте свою способность использования цветовых инструментов, нарисовав гамбургер от начала до конца, используя статью 'Как нарисовать гамбургер в Adobe Illustrator'
В завершение всего изученного вы можете пойти еще дальше и создать свой собственный логотип и визитную карточку. Пошагово следуя инструкциям, вы можете начать рисовать логотип и подготовить простой макет. Однако, если у вас пока проблемы с изучением программного обеспечения, вы можете следовать следующему руководству по созданию логотипа.
Если вы хотите более сложную задачу, попробуйте использовать инструмент Трассировка изображений. Это хорошее введение в один из наиболее продвинутых инструментов Adobe Illustrator.
Оба продукта — флагманы Adobe и входят во все предлагаемые наборы: Design collection (Illustrator, Photoshop, InDesign, Acrobat), Publishing collection (PageMaker, Photoshop, Illustrator, Acrobat) и Web collection (GoLive, Photoshop, Illustrator, LiveMotion). Максимальная совместимость собственных продуктов — стратегия компании, поэтому взаимодействию всех разработок уделяется пристальное внимание, но особенно — Illustrator и Photoshop. Они тесно связаны по следующим позициям:
- Поддержка связей с иллюстрациями и отслеживание изменений.
- Копирование/вставка изображений и векторных объектов через системный буфер обмена.
- Использование формата PSD как универсального средства обмена между приложениями.
Импорт изображений
Поместить изображение в документ Illustrator можно двумя способами: внедрить в него всё содержимое растрового файла либо задать ссылку на файл (связать изображение). Плюсы и минусы очевидны: в первом случае размер публикации вырастает пропорционально размеру иллюстрации, зато при выводе на печать результат прогнозируем, поскольку всё содержимое файла подвергается одной цветокоррекции. Во втором случае размер документа не увеличивается, но связанное изображение не проходит процедуру цветокоррекции, даже если она включена, а потому цвета «плавают». К тому же всегда есть риск при переносе файла потерять изображение, на которое задана ссылка.
Если опция Link включена (значение по умолчанию), дальнейшая работа Illustrator со связанным изображением определяется настройками редактора в Preferences, Files & Clipboard («Предпочтения», «Файлы и буфер»):
Automatic — автоматическое обновление (при изменении файла он будет заново импортирован в редактор при первой же активизации программы);
Ask when modified — запрос на обновление изображения;
Links (Manually) — никаких действий не выполняется, текущий статус картинки отображается в палитре.
Наличие обновлённой версии файла проверяется в палитре Links («Связи»): жёлтый треугольник с восклицательным знаком означает, что экранная версия изображения не соответствует версии на диске. Для загрузки обновлённого варианта изображения служит пиктограмма Update Link («Обновить связь»). Photoshop для редактирования PSD-файла загружается кнопкой Edit Original («Редактировать оригинал»).
Таким образом, автоматическая поддержка связей с изображениями и отслеживание изменений облегчают работу с Illustrator, освобождая дизайнеров от рутинной ручной работы.
Векторные контуры и прозрачность — через буфер обмена
Поскольку векторные контуры сохраняются в буфере обмена в формате PostScript, они распознаются любой другой программой, понимающей этот формат. При копировании области выделения (например, из Illustrator) данные о ней заносятся в буфер в двух форматах: в виде битовой картинки (Windows BMP или Macintosh PICT) — для доступности широкому кругу приложений, а также в версиях PDF и/или AICB, позволяющих передавать дополнительную информацию, — для приложений Adobe. PDF используется пакетом InDesign, прозрачность поддерживается как атрибут картинки.
AICB — диалект EPS, поэтому прозрачность поддерживается за счёт формирования в виде крошечных непрозрачных растровых картинок, восстанавливающих с определённой точностью первоначальное изображение. Для активной работы в связке с Photoshop и версией AICB необходимо определить, в каком виде прозрачные изображения будут вставлены в макет — режим Preserve Path («Сохранять контур») либо Preserve Appearance («Сохранять вид»).
При вставке из буфера в Photoshop данных, несущих информацию об объекте Illustrator, редактор предложит выбрать метод их интерпретации своими средствами: Pixels, Path или же Shape layer. Первый аналогичен внедрению файла формата EPS через стандартную операцию Place (объект растрируется), второй позволяет вставить контур как векторный объект типа Path (он появится в виде Work Path в палитре Pathes), а при использовании третьего в Photoshop появится новый слой — векторный, типа Shape, несущий полную информацию о вставленном объекте. Если копируемый из Illustrator объект не имеет прозрачности, выбор режима (Preserve Path либо Preserve Appearance) значения не имеет — объект копируется с сохранением всех характеристик.
Иначе обстоит дело при вставке в Photoshop из Illustrator областей изображения с частичной прозрачностью. Если в Illustrator установлена опция AICB Preserve Path, в Photoshop информация о прозрачности вообще никак не передаётся — только выделенный объект, к которому прозрачность как бы и не применялась вовсе.
При активизации опции AICB Preserve Appearance, в Photoshop передаётся и форма самого объекта, и форма его маски прозрачности, хотя информация о самой прозрачности не передаётся. При этом вставленный объект оказывается состоящим из трёх частей: сохранившей его изначальную форму и двух возникших после применения прозрачности. Несмотря на такое ограничение, это очень удобно: форма части, к которой была применена прозрачность, передана полностью, остаётся средствами Photoshop определить её как маску прозрачности.
Как уже говорилось, перенос через буфер обмена в формате PDF для Photoshop значения не имеет: пакет воспринимает все данные, как при включённой установке AICB Preserve Path. Непонятно, почему Adobe до сих пор не обеспечила полной переносимости информации через буфер обмена, — будем надеяться, что в очередных версиях это будет исправлено.
Но неужели разработчики не предлагают ничего взамен? Не всё так плохо: в серьёзных макетах на помощь придут возможности собственных форматов редакторов — AI и PSD.
Перенос из Illustrator в Photoshop
Представьте, что набросок макета вы сделали в Illustrator. Разместили необходимые элементы, кое-где использовали эффекты, в общем, заготовка готова. И тут в неё нужно добавить ещё кое-что, причём без помощи Photoshop уже никак не обойтись. Что делать? Сохранять слои по отдельности в формате EPS и затем размещать их в новом макете в Photoshop? Долгий и неудобный путь. Гораздо быстрее перекинуть макет в редактор в формате PSD. Интересно, что при этом поддерживается максимум возможностей — вся информация о слоях, прозрачности, её типе (Blending), масках, даже шрифт сохраняется как редактируемый. Доступна эта операция через меню File, Export, где в списке типов Save as выберите Photoshop. Указываете расположение, название файла программа подсказывает сама — готово! Формат PDF тут не подходит, поскольку является, по большому счёту, тем же PostScript, очищенным от избыточной информации.
Среди настроек экспорта — выбор цветовой модели (Color Mode), разрешения (Resolution), включение сглаживания граничных областей (Anti-aliasing), сохранение редактируемого текста (Editable Text), включение невидимых слоёв (Include Hidden Layers), разбиение изображения на установленные фрагменты для формирования HTML-таблицы (Write Slices), запись карт изображений (Write Image Maps), внедрение профилей для корректной цветопередачи (Embed ICC profiles), которые не нуждаются в подробном описании. Но самые интересные и часто приводящие к непредсказуемым результатам установки — Write Layers, Write Nested layers, Write Compound Shapes — требуют детального объяснения.
Перевод публикации из одного формата в другой — весьма непростой процесс (особенно при использовании растровых эффектов и различных типов прозрачности), который (как я подозреваю) ещё не до конца оптимизирован. Прежде чем перейти к этому последнему шагу, стоит провести небольшой аудит макета — это поможет избежать бесполезной траты времени.
Не забудьте, что при включении опции Write Layers все слои макета Illustrator будут преобразованы в соответствующие слои документа Photoshop. Выключенная опция приведёт к сохранению сведённой версии (flatten) файла. Далее. Если опция Write Nested layers активизирована, подслои (sub-layers) будут переданы в PSD как слои, входящие в группу слоёв (Layer Set, при этом название основного слоя полностью сохранится в Photoshop в виде названия группы). Иначе все подслои будут преобразованы в один слой.
Сосредоточьтесь на проверке объектов с режимом смешения, отличным от Normal: случается, что слои, на которых они располагаются, конвертируются в PSD не в виде отдельного слоя, а склеиваются с нижерасположенным (теряется возможность вносить в него изменения). В качестве решения советую в Illustrator в палитре Transparency для проблемного объекта включить параметр Isolate Blending. Тогда действие эффекта ограничится объектами, расположенными на одном подслое или же входящими в одну группу, поэтому слой должен, по идее, оставаться отдельной единицей, не склеиваясь с другими. Если это не помогает, попробуйте установить Isolate Blending для всего слоя.
Случается, что самый обыкновенный с виду слой почему-то отказывается сохраняться как отдельный слой PSD. Причём создание нового и перенос туда проблемных элементов ничего не даёт. Рекомендую воспользоваться самым действенным методом — перенести проблемные объекты на отдельный подслой в структуре его же собственного «родного» слоя (выделив объекты и выбрав команду Collect in New Layer). Мне всегда удавалось перехитрить Illustrator и корректно перевести все слои AI в слои PSD.
Следующая опция при экспорте в формат PSD — Write Compound Shapes. Она определяет, каким образом будут транслироваться объекты, созданные операцией Make Compound Shape. Если опция включена, объекты останутся редактируемыми и в Photoshop (в виде векторных контуров) и доступными для трансформации стандартными средствами редактора. Естественное ограничение Illustrator — он не позволяет сохранять в виде отдельных объектов фигуры с применёнными к ним стилями, различными художественными кистями и т. п.
Illustrator сохраняет текстовые слои редактируемыми для Photoshop (опция Editable Text), передавая каждый текстовый блок в виде отдельного слоя. Но, как и следовало ожидать, сохранение кириллицы — проблема. При открытии PSD, в котором используются полноценные шрифты Type 1 (с поддержкой Unicode), Photoshop предупреждает о необходимости обновления параметров текста (Update) — с тем, чтобы он оставался редактируемым. После такой, кажущейся невинной, операции символы вообще пропадают, хотя название слоя сохраняется, равно как и все параметры форматирования текста (в момент открытия файла заметно, что на мгновение кириллица отображается правильно). Если же текст не обновлять, он растрируется с разрешением документа. Не спасает и русифицированный Photoshop. С английским языком, разумеется, никаких сложностей.
Ещё один совет: перед финальным сохранением AI в виде PSD желательно проводить тестовую конвертацию файла — с упрощёнными параметрами (выбрать разрешение 72 dpi и выключить сглаживание). Это значительно сократит время на «отлов» проблемных мест, которые в сложных макетах, к сожалению, возникают не так уж и редко.
Вместе — они сильнее!
Как видите, в обоих редакторах заложены мощные резервы повышения эффективности за счёт организации совместной работы. Если вы ещё не пользовались возможностью Illustrator сохранять макет в виде PSD, обязательно возьмите её на вооружение. Эта полезнейшая функция в ряде случаев сохранит массу времени и сил. То же и в отношении системного буфера для обмена векторными контурами.
Читайте также: