Векторная графика Презентация разработана учителем информатики гимназии 99 г. Екатеринбурга Харичевой Ольгой Сергеевной на основе материала гипертекстового учебника А. А. Дуванова «Азы Информатики. Рисуем на компьютере» и может быть использована на уроках информатики в 7-9 классах при изучении темы «Векторная графика» с использованием открытого векторного графического редактора Inkscape.

Растровый рисунок Векторный рисунок

Преимущества векторной графики · Преобразования рисунка и его частей (масштабирование, повороты, наклоны) выполняются без искажений. · Графический файл в векторном формате гораздо меньше по объёму файла в растровом формате. · Рисовать быстрее и проще: рисунок создаётся конструированием объекта из деталей других объектов. · Любую часть рисунка (объект) в любой момент можно редактировать независимо от других частей (объектов). · Векторные редакторы способны прорисовывать детали с большой точностью (до миллиона точек на дюйм сотые доли микрона). · Векторные редакторы быстрее, чем растровые, выполняют редактирующие операции.

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

Векторный редактор Inkscape

Заголовок Меню Панель инструментов Свойства инструмента Инструменты рисования Рабочее поле Палитра цветов Полоски прокрутки

Селектор Этим инструментом выбирают (отмечают, выделяют) объект на рабочем поле. Чтобы отметить объект, нужно щёлкнуть по нему мышкой.

Растяжение и сжатие Замок пропорционального масштабирования При открытом замке угловые маркеры позволяют произвольно менять размер, как по вертикали, так и по горизонтали.

Перетаскивание и копирование Продублировать выделенные объекты Создать клон (копию, связанную с оригиналом) Превратить клон в самостоятельный объект

Удаление

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

Примеры наклонов и вращений

Отражения

Сложение и вычитание

Ближе, дальше На задний план На один уровень ниже На один уровень выше На передний план

Координатная сетка

В импортированном рисунке нельзя выделить фрагмент!

Практическая работа 1 1. Открыть файл dog.svg из папки pic. 2. Постройте из набора заготовок собачку, сгруппируйте её в один объект, а затем образуйте собачью свору. 3. Сохранить файл под именем 1_1.svg

Практическая работа 2 1. Открыть файл qvadr.svg из папки pic. 2. Пользуясь кнопками Ближе/дальше, расположите прямоугольники в порядке возрастания их номеров. 3. Сохранить файл на дискете под именем 2_1.svg

Практическая работа 3 1. Импортировать файлы 0. gif и 1. gif из папки pic. 2. Включите координатную сетку. Пользуясь прилипанием объектов к узлам сетки, соберите по образцу сигнальные лампочки на пульте управления. 3. Сохранить файл на дискете под именем 3_1.svg

Рисование в векторном редакторе

Прямоугольник

Узлы изменения размера Узлы закругления

Нет заливки Закрашенная Линейный градиент Круговой градиент Прозрачная

Окрасить прямоугольник и его контур можно перетаскиванием цветного квадратика из палитры цветов. Щелчок по цвету закрашивает прямоугольник.

Эллипс, дуга, сектор

Сектор Дуга Узлы управления Эллипс, дуга, сектор

Звезды По умолчанию Случайным образом смещать вершины и вращать углы Количество углов Отношение радиусов Закругление углов

Градиент - позволяет построить плавный переход от одного цвета к другому в выбранном направлении. Начальная точка Конечные точки Цвет можно задавать перетаскиванием на маркер цветного квадратика из палитры цветов.

Практическая работа 4 Сохранить в файле 4_1. svg Сохранить в файле 4_2. svg Сохранить в файле 4_3. svg Сохранить в файле 4_4.svg

Комбинированные объекты Выделить оба объекта. Выделенные объекты заменяются одним объектом. Объединённый объект получает окраску нижнего объекта.

Комбинированные объекты Выделить оба объекта. От объекта, который расположен ниже, отнимается часть, принадлежащая верхнему объекту.

Комбинированные объекты Выделить оба объекта. От объекта, который расположен ниже, отнимается часть, не принадлежащая верхнему объекту.

Комбинированные объекты Выделить оба объекта. Вырезается область пересечения.

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

Практическая работа 5 Сохранить в файле 5_1. svg Цвета по усмотрению исполнителя.