Особенности векторной иллюстрации Adobe Illustrator

Занятие по рабочей программе №02

Дисциплина: ОП.03 «Прикладные компьютерные программы в профессиональной деятельности»

Раздел 1. Графические программы и программное обеспечение

Тема: Особенности векторной иллюстрации Adobe Illustrator.

Цель занятия:

1. Дидактическая:

• сформулировать представление студентов о графическом программном обеспечении для компьютера;

• раскрыть принципы работы с графическими программами;

• выяснить принципы работы с графикой;

• систематизировать и обобщить знания о прикладных компьютерных программах в профессиональной деятельности по специальности;

• углубить и закрепить знания по дисциплине «Прикладные компьютерные программы в профессиональной деятельности».

Воспитательная:

• развивать коммуникативные способности;

• развивать аналитические способности;

• развивать творческий подход к процессу обучения.

• воспитывать самостоятельность, дисциплинированность;

• стимулировать студентов к изучению дисциплины;

• побуждать к формированию активной жизненной позиции;

• прививать уважение и любовь к будущей профессии.

Вид занятия: лекция.

Тип занятия: обобщение и систематизация знаний.

Форма проведения занятия: репродуктивная и эвристическая беседа.

Междисциплинарные связи:

Обеспечивающие СГ.01 История России, СГ.04 Физическая культура, ОП.04 Бережливое производство.

Обеспечиваемые ОП.11 Экономика, организация и планирование производства, ОП.12 Охрана труда, ПП.03 Производственная практика.

Методическое обеспечение: опорный конспект.

Литература:

1. Боресков, А. В. Компьютерная графика : учебник и практикум для среднего профессионального образования / А. В. Боресков, Е. В. Шикин. — Москва : Издательство Юрайт, 2022. — 219 с.

2. Ежемесячное иллюстрированное издание о модных трендах «NEXT LOOK» https://next-look.com/

ХОД ЗАНЯТИЯ

1. Ознакомление с темой, целью и планом занятия.

Тема: Особенности векторной иллюстрации Adobe Illustrator.

ПЛАН

1. Зачем нужен Adobe Illustrator: разбираемся с функциями векторного редактора.

2. Как устроен Adobe Illustrator.

3. Зачем всё это нужно.

4. Где, если не в Illustrator?

1. Изложение и изучение нового материала.

ЛИТЕРАТУРА: [1], стр.

1. Зачем нужен Adobe Illustrator: разбираемся с функциями векторного редактора

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

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

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

Так выглядит векторная графика

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

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

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

Лаконичные логотипы строят по модульным сеткам, а сложные рисуют с нуля с использованием референсов – и то другое удобно делать в программе. Даже детализированные логотипы рисуют в Illustrator.

Присмотритесь к портрету, он состоит из плоских фигур.

Программа идеально подходит для рисования flat-иллюстраций различной сложности: от простейших предметов до полноценных картинок с тонкой проработкой деталей.

Например, следующая иллюстрация состоит из множества мелких фигур:

Иллюстрация: The Beast Is Back Inc

Каждый блик или тень здесь - отдельный векторный объект.

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

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

Иконки нужны для сайтов, презентаций и даже для закреплённых сторис в InstagramИзображение*: Peter Deltondo / unfold / Dribbble

Иллюстрация: Юлия Попова / Behance

В изометрии рисуют интерьеры, здания, разные предметы.

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

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

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

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

Инфографика: mos.ru

Изображения дополняют текст, но не заменяют его полностью.

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

В Adobe Illustrator делают макеты мерча, упаковок рекламных листовок, флаеров, вывесок. Здесь можно сверстать всё, что не крупнее 5,7 метра, — это приблизительный размер максимальной рабочей области в программе. Также редактор не очень годится для создания многостраничных макетов — тут нельзя настроить единообразное форматирование страниц, а текст не будет автоматически передвигаться по листам при внесении изменений.

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

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

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

Изображение: Unblast

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

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

Скриншот: frankwyte81 / YouTube

Так делается реалистичная векторная графика.

Программа Adobe — не единственный векторный редактор, и главный её конкурент - CorelDRAW. Возможности двух программ практически одинаковые, так что выбор между ними — во многом дело вкуса и привычки к конкретному интерфейсу.

Главный минус Adobe Illustrator — ограниченный размер рабочей области: дизайн билборда на шесть метров в нём сделать не удастся. Поэтому для особенно крупных макетов всегда используют Corel.

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

ДОМАШНЕЕ ЗАДАНИЕ

1. Изучить материал занятия.

2. Составить конспект лекции.

3. Ответить на вопросы Теста (Приложение 1).

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

Основные печатные и электронные издания

1. Боресков, А. В. Компьютерная графика : учебник и практикум для среднего профессионального образования / А. В. Боресков, Е. В. Шикин. — Москва : Издательство Юрайт, 2022. — 219 с. — (Профессиональное образование). — ISBN 978-5-534-11630-4. — Текст : электронный // Образовательная платформа Юрайт [сайт]. — URL: https://urait.ru/bcode/495978 (дата обращения: 24.06.2022).

Дополнительные источники

1. Бадмаева Е. С. Компьютерное проектирование в дизайне одежды. Учебник для вузов. Стандарт третьего поколения. — (Серия «Учебник для вузов»). / Е.С. Бадмаева, В.В. Бухинник, Л.В. Елинер. - Санкт-Петербург : Питер, 2021. - 192 с. - ISBN 978-5-4461-9585-5. - URL: https://ibooks.ru/bookshelf/377407/reading (дата обращения: 09.08.2022). - Текст: электронный.

2. Подмарева А.В. Разработка эскизного проекта в графическом редакторе / А.В. Подмарева, О.Н. Пономарева // Челябинск : Изд-во ЗАО «Библиотека А. Мюллера», 2019 - 47 с.

3. Ежемесячное иллюстрированное издание о модных трендах «NEXT LOOK» https://next-look.com/

4. Рукавишникова А.С. Технический рисунок одежды в ADOBE ILLUSTRATOR / Рукавишникова А.С.– Электронная книга -145 с. https://fashion-craft.ru/book__ai

5. Рукавишникова А.С. Технический рисунок одежды в CorelDRAW / Рукавишникова А.С. – Ростов-н/Д, - 2022. – 222 с.

6. Корриган, Дж. Компьютерная графика : секреты и решения : Пер с англ. – М. :Энтроп, 1995. - 352 с.

7. Хирн, Д., Бейкер, М. Микрокомпьютерная графика : Пер с англ. – М. : Мир, 1987. -352 с.

8. Тихомиров, Ю. Программирование трехмерной графики. - СПб. : БХВ – Санкт-Петербург, 1999. – 256 с.

9. Иванов, В.П., Батраков, А.С. Трехмерная компьютерная графика. М. : Радио и cвязь, 1995. - 224 с.

Преподаватель: Владимир Александрович Волков

Приложение 1

Начало формы

1. На основе чего формируются изображения в векторной графике?

на основе строк и столбцов

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

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

2. Укажите достоинство векторной графики

возможность масштабирования изображений без потери качества

точность цветопередачи

самый большой информационный объем

3. В каком случае лучше применить векторную графику?

для фотографий

для чертежей

для художественных иллюстраций

4. Программа Adobe Illustrator предназначена для …

создания высококачественных изображений для печати и публикации в Web

верстки текстов

моделирования фильмов

5. Какой инструмент используется в Adobe Illustrator для вывода графики на страницы сайта

инструмент Безье

инструмент Ластик

инструмент Аэрограф

6. Какими форматами являются форматы GIF, JPEG

растровыми

векторными

точечными

7. Какой инструмент используется для перемещения прямоугольника в Adobe Illustrator

selection

перо

Безье

8. В каком режиме можно увидеть, как будет выглядеть рисунок при печати в Adobe Illustrator

Artwork

Preview

Outline

Конец формы