1. Как осуществляется кодирование в векторной графике?
2. Что такое цветовая модель? Какие цветовые модели вам известны? Какие базовые компоненты в них используются?
3. Как вставить изображение прямоугольника в растровом редакторе Paint; в текстовом процессоре?
ВЕКТОРНЫЙ ГРАФИЧЕСКИЙ РЕДАКТОР LIBREOFFICE DRAW
Как было уже отмечено, векторные графические изображения создаются в среде векторного графического редактора или трассировкой из растрового изображения. Векторные графические редакторы могут входить в состав других, как правило, офисных программ, например программ LibreOffice, Microsoft Office. С их использованием создаются простые векторные рисунки. Более сложные изображения, приближенные к фотографиям, можно получить в средах векторных редакторов, которые имеют средства для профессиональной работы с изображениями, таких как Adobe Illustrator, CorelDRAW, Inkscape, LibreOffice Draw и т.п.
Векторный графический редактор LibreOffice Draw (далее — Draw) входит в состав офисных программ LibreOffice с открытым кодом. Инсталляционный пакет можно получить с сайта разработчика uk.libreoffice.org для разных операционных систем. Этот редактор предназначен для создания, редактирования, форматирования, сохранения и печати векторных графических изображений, которые могут содержать графические примитивы, текст, растровые изображения и т.п. Draw использует много-
слойную структуру рисунков, имеет средства для создания чертежей и диаграмм, простых объемных (3D) фигур, для редактирования кривых Безье.
Для его запуска в ОС Windows необходимо выполнить Пуск ^ LibreOffice ^ LibreOffice Draw. Общий вид окна программы представлен на рисунке 8.9. При запуске программы открывается пустая страница, на которой будет создано изображение. По умолчанию страница имеет размеры в соответствии с форматом А4. При необходимости размеры рисунка можно изменить в окне Параметры страницы, выполнив Формат ^ Свойства стра^uцы.
Рис. 8.9. Окно LibreOffice Draw
1. Панель инструментов Графика
2. Панель страниц
3. Строка заголовка окна
4. Строка меню
5. Панель инструментов Стандартная
6. Боковая панель
7. Кнопки изменения вкладок Боковой панели
8. Кнопки свертывания/разверты-вания панелей
9. Страница изображения
10. Строка состояния
Создание изображения осуществляется путем рисования на странице соответствующими инструментами или вставки других объектов. После создания векторный объект редактируется и форматируется, в отличие от растрового редактора, в котором значения свойств объекта, как правило, задаются до начала его рисования (цвет, толщина линий, заливка и т.п.).
СРЕДСТВА ВЕКТОРНОГО ГРАФИЧЕСКОГО РЕДАКТОРА
В редакторе Draw, как и в Paint, операции рисования осуществляются с использованием определенных инструментов. Рассмотрим их подробнее.
По умолчанию слева от страницы для рисования изображения расположена панель инструментов Графика. Выбор ее элементов управления делает текущим соответствующий инструмент. Назначение элементов управления представлено в таблице 8.2.
Таблица 8.2
Элементы управления панели инструментов Графика
Элемент управления |
Назначение элемента управления |
![]() |
Для выбора объектов рисунка. Несколько объектов выбираются при нажатой кнопке Shift |
![]() |
Для установки цвета линий контура объекта. Цвет можно выбрать на Стандартной палитре или по одной из цветовых схем после выбора кнопки Выбор цвета |
![]() |
Для установки цвета заливки фигуры. Цвет можно выбрать на Стандартной палитре или по одной из цветовых схем после выбора кнопки Выбор цвета |
![]() |
Для рисования отрезка прямой. Действия во время рисования аналогичны действиям в растровом редакторе Paint |
![]() |
Для рисования прямоугольника. Действия во время рисования аналогичны действиям в растровом редакторе Paint |
![]() |
Для рисования овала. Действия во время рисования аналогичны действиям в растровом редакторе Paint. Для вставки круга необходимо удерживать клавишу Shift |
![]() |
Для открытия списка образцов отрезков прямых со стрелками и без, а также линий, которые рисуются под углом, кратным 45° |
Элемент управления |
Назначение элемента управления |
![]() |
Для открытия списка образцов линий, которые можно нарисовать на странице, — полилинии, кривой, многоугольника и многоугольника с углами, кратными 45° |
![]() |
Для открытия списка образцов линий, которыми можно соединять фигуры в схемах. В наборе линии со стрелками и без, кривые и отрезки прямых |
![]() |
Для открытия списка образцов геометрических фигур, которые можно нарисовать (прямоугольник, треугольник, трапеция, параллелограмм и т.п.) |
![]() |
Для открытия списка образцов специальных фигур и скобок (смайлик, солнце, сердце, молния, фигурная скобка и т.п.) |
![]() |
Для открытия списка образцов стрелок, которые можно нарисовать и использовать в схемах |
![]() |
Для открытия списка образцов фигур, которые могут использоваться в качестве базовых в схемах, например в блок-схемах алгоритмов |
![]() |
Для открытия следующей страницы с элементами управления этой панели и других панелей |
![]() |
Для открытия списка образцов фигур, которые могут использоваться в качестве сноски к другим объектам рисунка |
![]() |
Для открытия списка образцов звезд и других фигур |
![]() |
Для открытия списка образцов объемных фигур (пирамида, конус, цилиндр, тор и др.) |
После вставки объекта на страницу следует выбрать необходимые значения его свойств. Эти значения устанавливаются с использованием элементов управления Боковой панели. Если она не отображается в окне редактора, то нужно выполнить Вид ^ Боковая панель. После чего в списке кнопки открытия вкладок Боковой панели следует выбрать Свойства (рис. 8.10).
Если необходимо установить значения свойств для одной из линий, то на Боковой панели на вкладке Свойства нужно открыть список элементов управления Линия (рис. 8.11) и определить:
• вид стрелки в начале и в конце отрезка — открывающиеся списки Выберите стиль начала стрелки и Выберите стиль окончания стрелки;
• стиль начертания отрезка — открывающийся список Выберите стиль линии;
• ширину отрезка — кнопка со списком Толщина;
• цвет отрезка — кнопка со списком Цвет;
• уровень прозрачности отрезка — счетчик Прозрачность.
Если эта фигура имеет заливку, то следует открыть список Область этой же вкладки и установить значения свойств внутренней области:
• тип заливки — в открывающемся списке Цвет. Возможные варианты:
Я нет — без заливки внутренней области фигуры;
• цвет — однотонная заливка;
• градиент — плавный переход от одного цвета к другому;
1 штриховка;
Я текстура — внутренняя область заполняется одним из видов текстуры;
• цвет, вид штриховки или текстуры — в списке соответствующей кнопки;
• тип и уровень прозрачности — в открывающемся списке и в счетчике Прозрачность.
Положение графического объекта на странице рисунка, его размер можно уточнить с использованием элементов управления списка Положение и размер вкладки Свойства на Боковой панели. Таким образом можно повернуть объект на определенный угол или отобразить объект относительно горизонтальной оси.
ОСОБЕННОСТИ ПОСТРОЕНИЯ И ОБРАБОТКИ ВЕКТОРНЫХ ИЗОБРАЖЕНИЙ
Рассмотрим особенности построения простого векторного изображения на примере создания рисунка дольки арбуза (рис. 8.12).
На первом этапе создания изображения установим размеры страницы, на которой будет размещен рисунок. Размеры страницы и размеры рисунка в нашем случае будут совпадать, например: ширина 16 см, высота 10 см. В окне Параметры страницы установим, что поля будут иметь нулевой отступ, а на вкладке Фон установим цвет заливки фона — Бирюзовый 10.
Следующие этапы создания рисунка представлены в таблице 8.3.
Таблица 8.3
Этапы создания векторного рисунка
Содержание этапа |
Последовательность выполнения операций, инструменты |
Эскиз |
1. Создание сегмента круга темно-зеленого цвета |
1. Выбрать инструмент Сектор круга в группе элементов Основные фигуры. 2. Начертить выбранным инструментом сегмент круга, который по размерам будет соответствовать размерам дольки арбуза. 3. Установить на вкладке Свойства в списке элементов управления Линия стиль — нет. 4. Установить на вкладке Свойства в списке элементов управления Область цвет заливки — Зеленый 7 |
![]() |
2. Создание сегмента круга желто-зеленого цвета |
1. Скопировать предварительно созданный сегмент темно-зеленого цвета. 2. Установить на вкладке Свойства в списке элементов управления Область цвет заливки — Желто-зеленый 7 и уровень прозрачности — 40 %. 3. Разместить созданный сегмент поверх предыдущего и уменьшить его с использованием маркеров изменения размеров так, чтобы нижний сегмент частично выглядывал снизу и сбоку |
![]() |
3. Создание сегмента круга зеленого цвета |
1. Скопировать предварительно созданный сегмент желто-зеленого цвета. 2. Установить на вкладке Свойства в списке элементов управления Область цвет заливки — Зе-лений 4 и уровень прозрачности — 0 %. 3. Разместить созданный сегмент поверх предыдущего и уменьшить его с использованием маркеров изменения размеров так, чтобы нижний сегмент частично выглядывал снизу и сбоку |
![]() |
Содержание этапа |
Последовательность выполнения операций, инструменты |
Эскиз |
4. Создание сегмента круга красного цвета |
1. Скопировать предварительно созданный сегмент зеленого цвета. 2. Установить на вкладке Свойства в списке элементов управления Область цвет заливки — Красный и уровень прозрачности — 0 %. 3. Разместить созданный сегмент поверх предыдущего и уменьшить его с использованием маркеров изменения размеров так, чтобы нижний сегмент частично выглядывал снизу и сбоку |
![]() |
5. Создание произвольной области розового цвета |
1. Выбрать инструмент Полилиния в группе элементов Кривая. 2. Начертить выбранным инструментом замкнутую произвольную область по образцу. 3. Установить на вкладке Свойства в списке элементов управления Линия стиль — нет. 4. Установить на вкладке Свойства в списке элементов управления Область цвет заливки — Розовый 2 и уровень прозрачности — 60 %. 5. Разместить созданную фигуру поверх других фигур по образцу |
![]() |
6. Добавление к рисунку семян арбуза |
1. Выбрать инструмент Эллипс. 2. Начертить выбранным инструментом небольшой по размеру овал, удлиненный в высоту. 3. Установить на вкладке Свойства в списке элементов управления Линия стиль — нет. 4. Установить на вкладке Свойства в списке элементов управления Область цвет заливки — Оранжевый 6 и уровень прозрачности — 0 %. 5. Разместить созданный овал поверх предыдущей фигуры, при необходимости уменьшить размер и повернуть с использованием инструмента Поворот списка элементов управления Положение и размер. 6. Скопировать созданную фигуру и вставить необходимое количество раз для размещения семян в соответствии с образцом |
![]() |
7. Группирование созданных объектов |
1. Выбрать инструмент Выбрать. 2. Очертить выбранным инструментом прямоугольник, в который включить все объекты. 3. Выбрать в контекстном меню очерченной области команду Сгруппировать |
![]() |
8. Сохранение созданного документа |
1. Выполнить Файл ^ Сохранить. 2. Указать имя и место сохранения файла, например Документы\арбуз.odg. 3. Выбрать кнопку Сохранить |
В LibreOffice Draw для сохранения файлов используется свой тип векторных графических файлов — ODF. Для сохранения рисунка в других форматах следует выполнить Файл ^ Экспорт и выбрать необходимый тип файлов в соответствующем списке.
АЛГОРИТМ ПОСТРОЕНИЯ ИЗОБРАЖЕНИЯ ИЗ ГРАФИЧЕСКИХ ПРИМИТИВОВ
Обобщая особенности создания векторного графического изображения из графических примитивов, составим алгоритм, по которому можно создавать векторные рисунки в векторном графическом редакторе:
1. Разработать мнимую или графическую (на бумаге) модель изображения.
2. Разработать последовательность создания рисунка, набор и значения свойств его объектов с учетом средств выбранного векторного графического редактора (разработать технологию создания).
3. Запустить на выполнение программу векторного графического редактора.
4. Установить значения свойств страницы рисунка (размеры, размеры полей, цвет фона и т.п.).
5. Создать первый объект изображения на основе одного из графических примитивов.
6. Установить с использованием элементов управления Боковой панели значения свойств объекта (цвет, стиль, толщину, прозрачность линий; цвет, стиль, толщину, прозрачность заливки внутренней области и т.п.).
7. Создать другие объекты и установить значения их свойств.
8. Сгруппировать объекты.
9. Сохранить созданное изображение в избранном формате файла.
Внимание! При работе с компьютером соблюдайте правила безопасности и санитарно-гигиенические нормы.
Создайте изображение дольки арбуза в соответствии с рисунком 8.12 и таблицей 8.3.
Векторные графические изображения создаются в среде графического редактора или путем трассировки из растрового изображения. Примерами векторных редакторов, которые имеют средства для профессиональной работы с изображениями, являются Adobe Illustrator, CorelDRAW, Inkscape, LibreOffice Draw.
Векторный графический редактор LibreOffice Draw входит в состав офисных программ LibreOffice с открытым кодом. Draw использует многослойную структуру рисунка, имеет средства для создания чертежей и диаграмм, простых объемных (3D) фигур, для редактирования кривых Безье.
В редакторе Draw рисование осуществляется с использованием инструментов панели Графика. Значения свойств объектов изображения устанавливаются с использованием Боковой панели окна редактора.
Алгоритм построения изображения из графических примитивов предусматривает предварительную разработку модели и технологии создания рисунка, установку его общих параметров, последовательное рисование и установление значений свойств каждого графического примитива, их группирование и сохранение рисунка в одном из выбранных форматов графических файлов.
Дайте ответы на вопросы
1°. Какие известные вам графические редакторы можно использовать для создания векторных графических изображений?
2*. Для чего предназначен графический редактор LibreOffice Draw?
3*. Какие объекты содержит начальное окно графического редактора LibreOffice Draw?
4*. Как установить параметры страницы, на которой будет создан рисунок в LibreOffice Draw?
5°. Как открыть Боковую панель в окне графического редактора LibreOffice Draw?
6°. Как установить значения свойств линий графических примитивов?
7°. Как установить значения свойств внутренней области графических примитивов?
8*. Значения каких свойств можно установить с использованием элементов управления списка Положение и размер вкладки Свойства Боковой панели окна LibreOffice Draw?
9°. Как сгруппировать графические примитивы в векторном редакторе?
10*. Каков алгоритм построения изображения из графических примитивов? Назовите шаги этого алгоритма.
Выполните задания
1*. Создайте векторное графическое изображение по образцу:
2*. Создайте векторные графические изображения дорожных знаков:
ПРАКТИЧЕСКАЯ РАБОТА № 10 «Создание простых векторных изображений»
Внимание! При работе с компьютером соблюдайте правила безопасности и санитарно-гигиенические нормы.
1. Запустите на выполнение графический редактор Draw.
2. Создайте векторный рисунок в соответствии с образцом (рис. 8.13), используя инструменты рисования графических примитивов.
3. Отформатируйте объекты и установите значения свойств максимально приближенно к образцу.
4. Сохраните созданный рисунок в вашей папке в файле с именем практическая 10.
Это материал учебника Информатика 9 класс Ривкинд