Работа с векторной графикой
Понятие векторной графики
Цель урока:�знать:�- понятия «компьютерная графика», «растровое изображение», «векторное изображение», «графические примитивы», «цветовая модель», «векторный графический редактор»;�- элементы интерфейса векторного графического редактора Inkscape;�уметь:�- определять виды цветовых моделей;�- приводить примеры графических примитивов;�- различать растровое и векторное изображения.
Компьютерная графика — область информатики, изучающая методы и средства создания и обработки изображений (рисунков, чертежей, мультипликации) с помощью компьютера.
Растровое изображение
Растровое (точечное) изображение — совокупность отдельных пикселей, каждый из которых имеет свой цвет
Растровое изображение обычно используется для изображений фотографического типа с большим количеством деталей и оттенков.
Векторная графика — изображение в виде геометрических фигур (графических примитивов), описанных математическими формулами
Векторная графика удобна для рисунков, которые не нуждаются в фотореализме.
с. 137
с. 138
Однако в векторной графике практически невозможно достичь фотореалистичности
Растровое изображение | Векторное изображение |
Как формируется изображение? | |
Из точек (пикселей) различного цвета | Из геометрических объектов и описаний их свойств |
Где применяется? | |
Для художественного творчества, для создания и обработки изображений фотографического типа, пейзажей | Для создания чертежей, схем, графических композиций |
Примеры редакторов | |
Paint, Paint.Net, Adobe Photoshop | CorelDRAW, Inkscape, Macromedia Flash |
Как изменяется в процессе масштабирования? | |
Масштабирование ухудшает качество: при уменьшении теряется четкость мелких деталей, при увеличении появляется ступенчатый эффект | Масштабирование без потери качества |
Принцип окрашивания? | |
Окрашивается каждый пиксель | Окрашивается вся фигура целиком |
Цвет – это ощущение, которое возникает в сознании человека при воздействии света на его орган зрения. Человеческий глаз различает миллионы цветовых оттенков. Как их описать и воспроизвести? Текстильная и лакокрасочная промышленность, полиграфия и компьютерные технологии нуждаются в единых стандартных способах описания цвета.
Для описания цвета изображений используются различные цветовые модели. Под цветовой моделью понимается способ описания цвета. Цветовые модели описывают цветовые оттенки с помощью смешивания нескольких основных цветов.
Любой цвет можно разложить на оттенки и сопоставить ему набор чисел — цветовых координат.
Модель RGB
В мониторах используется цветовая модель RGB, основанная на трех базовых цветах: красном (Red), зеленом (Green) и синем (Blue). Каждый из цветов имеет один из 256 уровней интенсивности. Отсутствие всех цветов в данной модели дает черный цвет, а максимальное добавление каждого из этих цветов дает в комбинации белый цвет.
Модель RGB
Цвет каждой точки монитора формируется сложением света от трёх элементов, каждый из которых светится своим светом – красным, зелёным или синим. Цвет точки зависит от того, насколько ярко светится каждый из этих элементов. Если яркость всех трёх элементов равна нулю, то глаз человека воспринимает цвет точки на мониторе как черный. Если яркость всех трёх элементов максимальна, то цвет воспринимается как белый. Жёлтый цвет формируется максимальной яркостью красного и зеленого элементов и нулевой яркостью синего элемента.
При цветовой коррекции изображений используют модель HSB, в которой многообразие цветов образуется в результате регулировки оттенка (Hue), насыщенности (Saturation) и яркости (Brightness). Одновременное уменьшение насыщенности и яркости приближает цвет к чёрному.
Модель HSB
В полиграфии при цветной печати используется цветовая модель СМYК, основанная на четырех базовых цветах: голубом (Суаn), пурпурном (Magenta), желтом (Yellow) и черном (blacK). Отсутствие всех цветов в этой модели подразумевает белый цвет, присутствие — черный.
Модель СМYК
Модели RGB и HSB используются для описания излученного света. Излученный свет попадает в глаз человека прямо от источника, например, компьютерного монитора. В полиграфии работают с отраженным от поверхности (например, бумаги) светом. Последовательное нанесение различного количества этих красителей на поверхность изменяет цвет отраженного света и формирует миллионы оттенков.
Уже знакомый вам графический редактор Paint предназначен для работы с растровой графикой.
Растровые графические редакторы используют не столько для создания изображений, сколько для их обработки.
Векторные редакторы ориентированы на создание изображений. Векторная графика может включать в себя и изображения растровой графики.
Векторный редактор Inkscape может работать с файлами различных форматов, например:
.svg;
.eps; .png; .bmp;
.pdf.
Задание 1. Запустите векторный графический редактор Inkscape.�Найдите основные элементы окна приложения.
Задание 2. Познакомьтесь с интерфейсом векторного графического редактора Inkscape.
1. Создайте новый документ: Файл → Создать.
2. Используя всплывающие подсказки, познакомьтесь с названиями кнопок на панелях и названиями инструментов.
3. Обратите внимание, что содержимое панели свойств изменяется в зависимости от выбранного инструмента.
Задание 3. Познакомьтесь с порядком выполнения некоторых операций в графическом редакторе.
Изменение масштаба
1 способ. Нажмите клавиши «-» или «+».
2 способ. Вращайте колесо мыши, удерживая Ctrl.
3 способ. Введите значение в поле Масштаб в строке состояния.
Задание 3. Познакомьтесь с порядком выполнения некоторых операций в графическом редакторе.
Изменение ориентации страницы
Файл → Свойства документа.
В области Ориентация выберите один из вариантов:
Задание 3. Познакомьтесь с порядком выполнения некоторых операций в графическом редакторе.
Изменение размера страницы и единиц измерения
Файл → Свойства документа.
В области Другой размер выберите единицы измерения и введите значения ширины и (или) высоты страницы
Задание 3. Познакомьтесь с порядком выполнения некоторых операций в графическом редакторе.
Изменение фона страницы
Файл → Свойства документа.
В области Background щелкните по полю Цвет фона и выберите цвет фона
Задание 4. Откройте файл с изображением Дом.svg.
Измените ориентацию страницы на альбомную. Измените фон страницы на светло-зелёный. Установите ширину страницы рисования 250 мм. Сохраните файл с изображением в вашей папке.
Задание 5. Откройте файл с изображением Карлсон.png
в программе Paint.
Раскрасьте рисунок с помощью инструмента Заливка,
вводя значения компонент модели RGB цвета в окне
Изменение палитры.
RGB
HSB
Контроль знаний. Установите соответствие
1 | RGB | А | изображение из геометрических фигур (графических примитивов), описанных математическими формулами |
2 | Растровое изображение | Б | область информатики, которая изучает методы и средства создания и обработки изображений с помощью компьютера |
3 | Компьютерная графика | В | цветовая схема, которая используется в растровых графических редакторах |
4 | Векторное изображение | Г | цветовая схема, которая используется при выводе изображения на печать |
5 | CMYK | Д | программа, которая предназначена для создания и редактирования векторных изображений |
6 | Векторный графический редактор | Е | изображение из отдельных пикселей, каждый из которых имеет свой цвет |
Ответьте на вопросы:�1. Какой тип графического изображения (растровый или векторный) удобнее использовать для разработки эмблемы гимназии, учитывая, что она будет печататься на маленьких визитных карточках и на больших плакатах?�2. Какой тип графического изображения удобнее использовать для редактирования цифровой фотографии?�3. Что понимается под векторным изображением?�4. Какие достоинства есть у векторного изображения?�5. Перечислите недостатки векторного изображения.�6. Назовите известные вам цветовые модели.�7. Для чего предназначен векторный графический редактор?�8. Как изменить ориентацию страницы?�9. Как изменить фон страницы?�10. Из каких графических примитивов состоит изображение дома?
Домашнее задание �§22, 23�Ответьте на вопросы:�1. Какой тип графического изображения (растровый или векторный) удобнее использовать для разработки эмблемы гимназии, учитывая, что она будет печататься на маленьких визитных карточках и на больших плакатах?�2. Какой графический редактор удобнее использовать для редактирования цифровой фотографии?