Лекция 5 - potok.spb.rupotok.spb.ru/lek7it.pdf · Компьютерная графика...

25
Компьютерная графика Лекция 5

Upload: others

Post on 15-Jun-2020

30 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

Компьютерная графика Лекция 5

Page 2: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

2

Определение

Компьютерная графика понимается как комплекс программных и аппаратных технологий ПК, применяемых для создания, видоизменения и отображения неподвижных изображений, записанных в цифровом виде (служит базой для отображения текста, анимации и движущихся изображений)

Page 3: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

3

Векторная графика

базовый элемент – линия, математически описываемая как единый объект

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

Page 4: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

4

Математические основы векторной графики

точка (x1, y1)

прямая линия (y = k×x + b)

отрезок прямой (k, b, x1, x2)

кривая второго порядка (x2 + a1×y2 + + a2×x×y + a3×x + a4×y +a5 = 0)

кривая третьего порядка (x3 + a1×y3 + + a2×x2

×y + a3×x×y2 + a4×x2 + a5×y2 + + a6×x×y + a7×x + a8×y +a9 = 0)

Page 5: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

5

гладкие кривые, определяемые 4 точками

◦ 2 конечных (P1, P4)

◦ 2 направляющих (P2, P3)

форма кривой определяется длиной и направлением отрезков от конечной к направляющей точке

Кривые Безье (Bézier)

Page 6: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

6

Формы кривой Безье

Page 7: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

7

Базовые объекты

Контур ◦ форма ◦ опорные точки – узлы ◦ сегмент контура ◦ открытость (замкнутость) ◦ обводка контура ◦ заливка контура

Примитивы

Page 8: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

8

Обводка и заливка

толщина контура цвет контура

тип контура

форма концов

цветом

градиентная

текстурная

картой изображения

Page 9: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

9

Типы заливок

Page 10: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

10

Операции с объектами

Группировка

объектов

Составной

контур

Объединенный

контур

Page 11: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

11

Классы объектов

иллюстрация

слой

примитив

узел

атрибуты

стандартные операции

Page 12: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

12

Стандартные операции

Операции над примитивами ◦ трансляция (смещение)

◦ поворот

◦ масштаб

◦ сдвиг

◦ отражение

◦ закругление углов

◦ преобразование в кривую

Управление узлами примитива

Page 13: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

13

Узлы и сегменты

точки излома (Cusp)

сглаженный узел (Smooth)

симметричный узел (Symmetrical)

Page 14: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

14

Упорядочение объектов

Линейки

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

Направляющие

◦ выравнивание

◦ распределение

Диспетчер объектов

Page 15: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

15

Единицы измерения

Inches (Дюймы) - 25,4 мм

Millimeters (Миллиметры)

Picas; points (Пики и пункты) - пункт равен 1/72 дюйма; пика равна 12 пунктам,

Pixels (Пикселы)

Ciceros; didots (Цицеро и дидо) - дидо равен 1,07 пункта, а цицеро равен 12 дидо

Feet (Футы) - 12 дюймов = 305 мм

Yards (Ярды) - 3 фута = 915 мм

Miles (Мили) - 5280 футов = 1609 м

Page 16: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

16

Фигурная обрезка

Power Clip

Контейнер – объект, задающий границу обрезки

Содержимое – объект, помещаемый в контейнер

Допустимы пять уровней вложенности

Page 17: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

17

Программы векторной графики

CorelDraw

Macromedia FreeHand

Adobe Illustrator

Deneba’s Canvas

CorelXara

Photo>Graphics

Page 18: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

18

Форматы графических файлов

Векторная графика

.AI Adobe Illustrator

.CDR Corel DRAW

.CMF Corel Meta File

.CMX Corel Meta Exchange

.EPS Encapsulated PostScript

.FH* / FT* Macromedia FreeHand

.WMF Windows Meta File

Page 19: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

19

Фракталы

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

небольшая часть фрактала содержит информацию обо всем фрактале

Page 20: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

20

Фрактальная графика

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

трехмерные структуры, обладающие тем же свойством аналогичности структуры при разных масштабах

процедурное моделирование – объекты, описываемые с помощью процедуры или алгоритма

Page 21: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

21

Применение фракталов

Julia Set Explorer 2.0 (Corel PhotoPaint)

Page 22: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

22

Преобразование графики

Векторное изображение в растровое (Convert to Bitmap)

◦ Color (Цвет)

◦ Resolution (Разрешение)

◦ Dithering (Имитация)

◦ Anti-Aliasing (Сглаживание)

Page 23: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

23

Преобразование графики

Растровое изображение в векторное (Trace Bitmap)

◦ Вручную –

рисование контуров

◦ Полуавтоматически –

инструментом Freehand

◦ Автоматически – с помощью CorelTrace

Page 24: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

24

Вспомогательные пакеты

Image Commander

Ulead Photo Explorer

Jasc Image Robot

ACDSee

PicaView

ThumbsPlus Pro

IfranView

Page 25: Лекция 5 - potok.spb.rupotok.spb.ru/Lek7IT.pdf · Компьютерная графика Лекция 5 . 2 Определение Компьютерная графика понимается

Цикл лекций подготовлен в 2011/2012 уч. году

Кузнецовым Игорем Ростиславовичем, доцентом кафедры радиоэлектронных средств Санкт-Петербургского Государственного электротехнического университета «ЛЭТИ»

Прочитан в дисциплине «Информационные технологии»

© Кузнецов И.Р.