Презентация, доклад на тему Урок Растровая и векторная графика

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

программу Ms Word.
Для создания рисунка нам понадобится панель инструментов Рисование, которая находится в нижней части окна.

Замечание: Если панель отсутствует, ее можно включить, выполнив команду Вид→ Панели инструментов→ Рисование.

на панели Рисование нажмите кнопку-список Рисование, выберите пункт Сетка - в окне Привязка к сетке:
- установить флажок Привязать к сетке;
- установить Шаг сетки 0,5 см;
- установить флажок Отображать линии сетки на экране;
- в полях По вертикали, По горизонтали установите значения 2:
- нажмите кнопку ОК – лист приобретет вид школьной тетради в клеточку.

Полилиния указатель мыши приобретет вид крестика .
Инструмент Полилиния позволяет рисовать ломаную линию из прямолинейных отрезков. Вершины ломаной линии указываются щелчками мыши. Для завершения рисования линии замкните ее, щелкнув по начальной вершине, либо двойным щелчком оборвите линию.

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

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

Скопируем треугольник:
- для этого переместите треугольник на две клетки вниз, но при этом держите нажатой клавишу [Ctrl]
- обратите внимание на вид указателя мыши – плюсик рядом со стрелкой говорит о том, что происходит копирование. Когда вы отпустите кнопку мыши, то в результате получите два одинаковых треугольника.
- скопируйте исходный треугольник еще раз, на 2 клетки выше.

среднего треугольника.
1. Для этого выделите нижний треугольник, щелкните на нем правой кнопкой мыши, в контекстном меню выберите Порядок→ На задний план.
2.Получится вот такая ёлочка.

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

составляющие ёлочки (для того чтобы выделить несколько объектов, нужно нажать клавишу [Shift], затем поочередно щелкнуть на необходимые объекты указателем мыши)
- на панели Рисование выберите инструмент Тип линии , в полученном списке – 2,25 пт.
- наша ёлочка заметно изменила свою обводку.

выделенным. Выделите все треугольники.
- для раскраски объектов нам помогут два инструмента на панели инструментов Рисование: Цвет заливки и Цвет линии.
- выберем цвет заливки треугольников – ярко-зеленый, а цвет линий – зеленый.
- для ствола елочки цвет линий – коричневый, цвет заливки – оранжевый.

треугольника. Для этого:
- выделите первый треугольник, щелкнув по нему указателем мыши;
- наведите указатель на правый нижний узел так, чтобы курсор изменил вид на двустороннюю диагональную стрелку
- удерживая левую кнопку мыши, перенесите узел основания на 2 клетки влево
- отпустите кнопку мыши
- переместите полученный треугольник
2. Изменим размер нижнего треугольника. Для этого:
- выделите треугольник
- наведите указатель мыши на правый нижний узел, нажмите клавишу [Ctrl], передвиньте узел вправо на одну клетку
- отпустите кнопку мыши.
Этим действием мы увеличили основание треугольника на 2 клетки. Но при этом нам не нужно выравнивать его по центру, так как была нажата клавиша [Ctrl], поэтому размер изменился относительно центра треугольника.
3. Самостоятельно увеличьте высоту ствола на 1 клетку вниз.

→ Стандартные → Paint.
В отличие от векторного, в растровом редакторе мы не можем изменить цвет и размер уже нарисованной линии. Поэтому перед созданием треугольника:
- выберите инструмент Линия, и щелкните на предпоследней по толщине линии,
- выберите в палитре Основной цвет – зеленый

Чтобы треугольник состоял только из линий, проведенных под углом 450 и 900, нажмите клавишу [Shift] при перемещении указателя мыши.
- подведите указатель к точке, которая будет служить вершиной треугольника, нажмите, и, не отпуская левую кнопку мыши, переместите указатель вправо вниз примерно на 2 см, щелкните в этой точке:

- для создания второй стороны треугольника переместите указатель мыши влево примерно на 4 см, щелкните мышью, удерживая нажатой клавишу [Shift].
- для создания последней стороны треугольника переместите указатель мыши к вершине нашего треугольника, все еще удерживая нажатой клавишу [Shift], и щелкните левой кнопкой мыши.

- так как точно указать вершины треугольника довольно сложно, у вас мог появиться «хвостик» у вершины.
- инструментом ластик удалите ненужный отрезок.

и выделите область с треугольника, обведя ее рамкой:

Нажмите клавишу [Ctrl] и перенесите выделенную область вниз
Обратите внимание, что фон, скопированный вместе с треугольником, перекрывает часть первой фигуры. Решить эту проблему помогут режимы инструмента Выделение.

Включите режим прозрачного копирования

Не снимая выделения, повторяем операцию копирования для третьего треугольника.

Теперь нужно воспользоваться инструментом Ластик и удалить ненужные элементы

коричневый
- выберите инструмент Прямоугольник - от основания ёлочки вниз нарисуйте прямоугольник

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

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

мыши на правый средний узел, переместите узел вправо
- выровняйте треугольник относительно ёлочки по центру.

Изменение размера растрового изображения

Мои документы \ Мои рисунки под именем Ёлочка.bmp

Изменение размера растрового изображения

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

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

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

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

размер. Сравните по размеру конечный файл векторного и растрового изображений. Какой из них больше по размеру? Почему?