Особенности векторной графики. Интерфейс и настройки в программе Adobe Illustrator

Особенности векторной графики. Интерфейс и настройки в программе Adobe Illustrator

Цель:

• Приобрести навыки работы в Adobe Illustrator. Уметь настраивать интерфейс. Знать панель управления ПО и интерфейс.

Illustrator - это программа для создания векторной графики.

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

Это позволяет менять размеры векторных изображений без потерь в разрешении.

Преимущества при использовании Векторной Графики

· Масштабируема без потерь в разрешении

· Линии четкие и ровные при любых размерах

· Печать на высоких разрешениях

· Меньший размер файлов

· Хорошо подходит для создания иллюстраций

Недостатки векторной графики

· Рисунки склонны выглядеть плоскими и «мультяшными»

· Тяжело создать фотореалистичные изображения

Использование Illustrator

1) Дизайн логотипов

Использование Illustrator

2) Создание Карт

Использование Illustrator

3. Создание Иллюстраций

Использование Illustrator

4) Инфографика

Использование Illustrator

5) Фотореалистичные Изображения

Использование Illustrator

6) Дизайн Упаковок

Использование Illustrator

7) Создание визиток

Состав векторных фигур

При рисовании создается линия, называемая контуром (с помощью кривых Безье) .

Контур состоит из одного или нескольких сегментов прямой или кривой.

Начало и конец каждого сегмента отмечаются узловыми точками (опорными).

Каждая точка имеет рычаг и касательные к ним.

Форма зависит от положения опорных точек и управляющих рычагов

А. Выделенная (сплошная) конечная точка

Б. Выделенная узловая точка

В. Невыделенная узловая точка

Г. Сегмент кривой в контуре

Д. Линия направления

Е. Точка направления

Рис. 1. Общий вид кривой Безье

Рис. 2. Типы опорных точек

Создание контуров инструментами из группы Pencil (карандаш)

Рис. 3. Контур, созданный инструментом Pencil

Рис. 4. Результат обводки контура

Создание контуров инструментами Spiral (спираль) и Arc (дуга)

Рис. 10. Исходный вид спирали

Рис. 10. Исходный вид спирали

Рис. 11. Окончательный вид спирали

Описание рабочего пространства Adobe Illustrator

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

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

• В строке меню , расположенной в верхней части экрана, команды сгруппированы в меню.

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

Связанные инструменты сгруппированы вместе.

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

• В Окне документа отображается файл, над которым идет работа.

• Панели (палитры ) позволяют контролировать сделанную работу и выполнять редактирование.

A.   Основная панель инструментов  

B.   Расширенная панель инструментов  

C.   Выдвижная панель « Все инструменты » 

D.   Подменю  

E.   Категория инструмента  

F.   Инструмент, доступный на панели инструментов  

G. Инструмент, доступный на выдвижной панели  

Строка меню

Панель настроек

Панель инструментов

Всплывающие Палитры

Окно документа

Управляющая панель (Control panel), отображающая параметры выделяемых объектов, по умолчанию расположена под главным меню.

Любая панель включается в м. Windows

Панель

Назначение

Navigator

Перемещает изображение и изменяет масштаб

Info

Содержит информацию о положении курсора на изображении и размерах выделенных объектов

Apperanse

Информация о цвете заливки, ширине и цвете контура и применяемых фильтрах

Layers

Информация о слоях и подслоях изображения

Actions

Информация о прозрачности, фильтрах, стилях и связях с другими программами

Links

Информация о связи изображения с файлами или преобразование в другой формат

Color

Информация о цветовых моделях CMYK (вывод на принтер) и RGB (вывод на экран)

Attributes

Содержат параметры окончаний контуров и заливок

Transparency

Содержит параметры прозрачности и способы смешивания цветов

Инструменты выделения

Инструмент “Direct Selection" – "Частичное выделение" (A) выделяет точки или сегменты контуров объектов.

Изменение вида контура

Инструмент “Selection" -"Выделение" (V)

выделяет объекты целиком.

Инструмент "Групповое выделение"

выделяет объекты

и группы внутри групп.

Инструмент

Инструмент “Lasso" (Q)

“ Magic Wand"

"Лассо" (Q)

"Волшебная палочка" (Y)

выделяет точки или сегменты контуров в объектах.

выделяет объекты со сходными по цвету пикселями.

Инструменты рисования

Инструмент "Преобразовать

узловую точку" ("Shift"+"C")

вытягивает управляющие рычаги из опорной точки

Инструмент “Pen" (P) "Перо"

Инструмент "Добавить опорную точку" (+) добавляет узловые точки в контурах.

Инструмент "Удалить

рисует прямые и кривые линии

опорную точку" (-) удаляет

для создания объектов.

узловые точки из контуров.

Инструменты рисования

Инструмент "Спираль"

Инструмент "Дуга" рисует

Инструмент “Line Segment" (\) "Отрезок

линии" (\) рисует отдельные

отдельные отрезки вогнутых

рисует спирали, закрученные

отрезки прямых линий.

или выпуклых кривых.

по часовой и против

часовой стрелки.

Инструмент Прямоугольная сетка"

рисует прямоугольные сетки.

Инструменты рисования

Инструмент "Прямоугольник

со кругленными углами» рисует квадраты и прямоугольники со

скругленными углами.

Инструмент "Полярная сетка" рисует сетки круговых диаграмм.

Инструмент

"Прямоугольник" рисует

квадраты и прямоугольники

Инструмент "Эллипс"

рисует круги и овалы.

Инструменты рисования

Инструмент "Многоугольник"

рисует правильные фигуры с

несколькими сторонами.

Инструмент "Звезда" рисует

Инструмент “Restangle"

звезды.

"Блик" создает

эффекты, напоминающие

блики оптики или солнца

Инструмент “Pencil" "Карандаш" рисует и редактирует

произвольные линии

Инструмент "Сглаживание"

Инструмент "Стирание

сглаживает контуры Безье.

контура" стирает контуры и

узловые точки объектов

Инструмент «Текст»

Инструмент "Текст по контуру" преобразует контуры в контуры для текста и позволяет вводить

и ред. текст вдоль них.

Инструмент "Вертикальный текст" создает

верт. текст и

контейнеры верт.

текста и позволяет вводить

и ред.

верт.текст.

Инструмент “Type"

"Текст"

создает отдельный текст и контейнеры текста и позволяет вводить и

редактировать текст.

Инструмент "Текст во фрейме" преобразует замкнутые контуры в контейнеры для текста и

позволяет вводить и редактировать текст внутри них

Инструмент «Текст»

Инструмент "Вертикальный

текст во фрейме"

преобразует замкнутые

контуры в вертикальные

контейнеры для текста и

позволяет вводить и

редактировать текст

внутри них.

Инструмент "Вертикальный

текст по контуру"

преобразует контуры в

контуры для вертикального

текста и позволяет вводить

и редактировать текст вдоль

них.

Инструменты для раскраски

Инструмент “Eyedropper " "Пипетка" берет из объектов в качестве

Инструмент “Mesh" "Сетчатый

Инструмент “Gradient"

"Градиент" корректирует в объектах

образца и применяет

градиент" позволяет

атрибуты цвета, текста и

начальные и конечные точки и

создавать и редактировать

сетки и сетчатые оболочки

углы градиента.

оформления, включая

эффекты

Инструмент “Paintbrush" "Кисть" позволяет рисовать

произвольные и

каллиграфические линии

Инструменты для раскраски

Инструмент “Live Paint Bucket“ "Быстрая заливка" закрашивает

фрагменты и края групп с

быстрой заливкой, используя

текущие атрибуты

раскраски

Инструмент “Live Paint Selection" "Выделение быстрых заливок" выделяет

Инструмент "Линейка"

фрагменты и края внутри

измеряет расстояние между

групп с быстрой заливкой

двумя точками.

Инструменты «Перерисовки»

Инструмент “Scale" "Масштаб" изменяет размеры объектов

Инструмент “Rotate"

Инструмент "Наклон"

Инструмент "Зеркальное

наклоняет объекты

относительно

отражение" переворачивает объекты

"Поворот" поворачивает объекты вокруг

вокруг фиксированной оси

фиксированной точки.

фиксированной точки.

относительно

фиксированной точки.

Инструменты «Перерисовки»

Инструмент "Перерисовка"

корректирует выбранные

узловые точки, оставляя

неизменной общую

детализацию контура.

Инструмент “Free Transform"

"Свободное

трансформирование" масштабирует,

поворачивает или наклоняет

выделенный фрагмент

Инструмент “Blend" "Переход" создает ряд объектов,

смешивая цвет и форму

нескольких объектов.

Инструменты «Перерисовки»

Инструмент "Раздувание"

Инструмент "Втягивание"

раздвигает объект,

сжимает объект, перемещая

перемещая контрольные

контрольные точки по

направлению к курсору.

точки по направлению от

курсора.

Инструмент "Воронка"

Инструмент

"Деформация" позволяет формовать

  для закручивания части объекта.

объекты движениями курсора

Инструменты «Перерисовки»

Инструмент "Зубцы"

Инструмент

добавляет случайные

"Кристаллизация" добавляет

изогнутые элементы к

случайные элементы в виде

контуру объекта

"шипов" к контуру объекта

Инструмент “Wrap"

"Морщины"

добавляет элементы в виде

морщин к контуру объекта.

Инструменты перемещения и масштабирования

Инструмент "Страница" настраивает

сетку страницы для управления

расположением изображения на

печатной странице.

Инструмент “Zoom" "Масштаб" увеличивает или уменьшает масштаб

отображения

Инструмент “Hand" "Рука" перемещает

монтажную область Illustrator в пределах

окна иллюстрации.

) и  None  (/). " width="640"

Настройка цвета контура и заливки

Fill - заливка

Для задания цвета, необходимо активизировать щелчком область, которой будет задаваться цвет и выбрать цвет в палитре Color

переключение

Stroke - контур

Ниже этого элемента расположена группа инструментов, позволяющая изменять тип заливки: Color  (Gradient () и  None  (/).

New Document (м.Файл - Новый документ ) в графе Name наберите имя документа в поле Units выберите единицы измерения (мм, см) задайте Size – Custom (Размер - по выбору) Введите значения Width (ширины) и Height (высоты) Установите ориентацию листа в поле Advanced и выберите RGB или CMYK в поле Color Mode (цветовая модель) после этого кликните Ok. " width="640"

Создание нового изображения

Нажмите FileNew Document (м.Файл - Новый документ )

• в графе Name наберите имя документа
• в поле Units выберите единицы измерения (мм, см)
• задайте Size – Custom

(Размер - по выбору)

Введите значения Width (ширины) и Height (высоты)

• Установите ориентацию листа
• в поле Advanced и выберите RGB или CMYK в поле Color Mode (цветовая модель)
• после этого кликните Ok.

Save. Тип файла выберите Adobe Illustrator (*.AI ) Задайте имя файла Нажмите Ok. Остальные настройки оставьте как по умолчанию .. " width="640"

Сохранение Файлов .AI

• Нажмите FileSave.
• Тип файла выберите Adobe Illustrator (*.AI )
• Задайте имя файла
• Нажмите Ok.
• Остальные настройки оставьте как по умолчанию ..

ОДЗ:

Тема: Разработка иконок с помощью инструментов в Adobe Illustrator. Основные инструменты векторной графики

План:

• Иконки
• Векторные иконки и их виды
• Для чего нужны векторные иконки?
• Способы создания.

ОДЗ: Изучить панель инструментов Adobe Illustrator

ОДЗ: Сравнительный анализ векторных редакторов Adobe Illustrator, 3DSMax, CorelDraw

• Основные характеристики
• Достоинства
• Недостатки
• Выводы

ОДЗ: Разработка иконок в Adobe Illustrator

https://demiart.ru/forum/index.php?showtopic=237632

https://sveres.ru/lessons/risovanie/kak-narisovat-ofisnye-ikonki-v-illyustratore.html