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

Содержание

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

Слайд 1Векторная и растровая графика

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

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

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

Слайд 3Создание векторного рисунка в Ms Word
Настройка Ms Word для рисования
Запустите

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

Замечание: Если панель отсутствует, ее можно включить, выполнив команду Вид→ Панели инструментов→ Рисование.
Создание векторного рисунка в Ms WordНастройка Ms Word для рисования Запустите программу Ms Word.Для создания рисунка нам

Слайд 42. Для удобства создания рисунка, добавим сетку для рисования. Для этого:
-

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

Слайд 5Создание векторного объекта
Выберите инструмент для рисования Автофигуры→ Линии→ Полилиния
После выбора инструмента

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

Слайд 6Приступим к созданию нашей ёлочки.
- нарисуем первую сторону треугольника. Щелкните мышью

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

Слайд 7Перемещение и копирование векторных фигур
Мы начали рисовать в центре, но чтобы

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

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

Перемещение и копирование векторных фигурМы начали рисовать в центре, но чтобы было удобнее рисовать оставшиеся части ёлочки,

Слайд 8Порядок объектов
Для нашей ёлочки необходимо верхушку нижнего треугольника спрятать за основание

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

Слайд 9Инструмент Прямоугольник
Для создания ствола ёлочки удобно использовать инструмент Прямоугольник.
- на панели

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

Слайд 10Изменение толщины линий
Изменим толщину линий обводки. Для этого:
- выделите все

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

Слайд 11Раскраска векторного рисунка
Для того чтобы изменить цвет объекта, он должен быть

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

Слайд 12Изменение векторного изображения
Внесем изменения в векторный рисунок.
1. Теперь изменим размер верхнего

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

Слайд 13Создание растрового изображения в Paint.
Запустите программу Ms Paint Пуск → Программы

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

Слайд 14Рисование треугольника
На панели инструментов выберите инструмент Многоугольник
Приступаем к рисованию треугольника.

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

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

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

Слайд 15Копирование растровых фигур
Для создания следующего треугольника выберите инструмент Выделение

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

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

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

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

Теперь нужно воспользоваться инструментом Ластик и удалить ненужные элементы
Копирование растровых фигурДля создания следующего треугольника выберите инструмент Выделение       и выделите

Слайд 16Инструмент Прямоугольник
Нарисуем ствол ёлочки:
- выберите цвет для рисования линии –

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

Слайд 17Раскраска растрового рисунка
Раскрасим нашу ёлочку. Для этого:
выберите инструмент Заливка

(обратите

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

Слайд 18Изменение размера растрового изображения
Теперь измените размер первого треугольника. Для этого:
-

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

Слайд 19Изменим размер третьего треугольника. Для этого:
- выделите трапецию
- наведите указатель

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

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

Изменим размер третьего треугольника. Для этого:- выделите трапецию - наведите указатель мыши на правый средний узел, переместите

Слайд 20Самостоятельно увеличьте высоту ствола в 2 раза вниз
Сохраните рисунок в папке

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

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

Самостоятельно увеличьте высоту ствола в 2 раза внизСохраните рисунок в папке Мои документы \ Мои рисунки под

Слайд 21В процессе проведенного эксперимента вы увидели, что качество векторного изображения при

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

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

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

В процессе проведенного эксперимента вы увидели, что качество векторного изображения при трансформации не изменилось: линии четкие, цвета

Слайд 22Коротко о главном
-Компьютерная графика бывает двух видов: векторная и растровая.
- принцип

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

Слайд 23Домашнее задание
Нарисуйте в Ms Word и Paint предложенный рисунок. Скопируйте, измените

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

Что такое shareslide.ru?

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


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть