Лекция 8. Графика. Графический редактор

План

1. Графика.

2. Инструменты Paint.

3. Алгоритм работы с графическим редактором.

Графика

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

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

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

В последние годы возрос интерес со стороны пользователей к специальным инструментальным программам машинной графики: графическим редакторам, издательским системам и т.п. В них предоставляется удобный интерфейс для пользователей, автоматизируется большое число разнообразных действий с графической информацией – от построения простейших рисунков до создания мультипликационных (анимационных) роликов.

Графический редактор Paint позволяет, используя манипулятор «Мышь», выполнять рисунки – черно-белые и цветные, оформлять их текстом, выводить на печать. В Paint можно работать с фрагментами графических изображений – копировать, перемещать, поворачивать, изменять размеры, записывать на диск и считывать с диска.

После загрузки программы появляется рабочий экран редактора (Рис. 18). Большую часть экрана занимает рабочее поле, окрашенное в фоновый цвет. Над рабочим полем находится меню, позволяющее выполнять команды редактирования. Слева от рабочего поля есть панель инструментов, на которой подсветкой показан инструмент, являющийся в данный момент рабочим. Под рабочим полем расположена палитра. На левом краю палитры выводятся два вложенных квадрата, внешний из которых окрашен в рабочий цвет, а внутренний - в фоновый. В левом углу экрана под панелью инструментов выводится калибровочная шкала, которая позволяет устанавливать ширину рабочего инструмента (кисти, резинки и т.д.). Вдоль нижнего и правого края рабочего поля выводятся поля движения для перемещения рабочего поля по картинке, если размеры картинки больше размеров рабочего поля.

Рис 18. Рабочий экран графического редактора Paint.

2. Инструменты Paint:

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

Перенос / копирование изображения:

Выбрать инструмент «Выделение произвольной области».(Установить курсор в меню инструмента и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Перенести / копировать изображение. (Установит курсор чуть выше левого верхнего края объекта. Нажав и удерживая левую клавишу мыши обвести объект по контуру. Отпустить левую клавишу мыши. Установить курсор внутри пунктирного контура. Нажав и удерживая левую клавишу мыши, перенести фрагмент в нужное место. Для копирования изображения одновременно с левой клавишей мыши надо удерживать клавишу Ctrl. Отпустить левую клавишу мыши. Щелкнуть левой клавишей мыши вне пунктирного контура.)

Выделениепозволяет переносить изображение в нужное место и создавать копии изображения.

Перенос / копирование изображения:

Выбрать инструмент «Прямоугольные ножницы». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Перенести / копировать изображение. (Установить курсор чуть выше левого верхнего края объекта. Нажав и удерживая левую клавишу мыши, растянуть прямоугольник так, чтобы объект полностью вместился в него. Отпустить левую клавишу мыши. Установить курсор внутри пунктирного прямоугольника. Нажав и удерживая левую клавишу мыши, перенести фрагмент в нужное место. Для копирования изображения одновременно с левой клавишей мыши надо удерживать клавишу Ctrl. Отпустить левую клавишу мыши. Щелкнуть левой клавишей мыши вне пунктирного прямоугольника.)

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

Распыление краски заданным цветом:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать основной цвет. ( Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать инструмент «Распылитель краски». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Распылить краску. (Переместить курсор в нужную точку. Нажать левую клавишу мыши для распыления. Отпустить левую клавишу мыши.)

Текст. Этот инструмент позволяет разместить на рисунке текст.

Написание текста:

Задать параметры шрифта. (Выбрать менюТекст - шрифты,щелкнуть левой клавишей мыши. Выбрать тип шрифта, щелкнуть левой клавишей мыши. Выбирайте только такой шрифт, в имени которого есть буквы «Cyr» или «С». Указать размер шрифта, щелкнуть левой мыши. Щелкнуть левой клавишей мыши на ОК.)

Выбрать цвет букв. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать инструмент «Текст». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Написать текст. (Установить курсор в нужное место и щелкнуть левой клавишей мыши. Набрать на клавиатуре текст.)

Ластик позволяет стирать части изображения. Стирается та часть изображения, которая находится внутри курсора-квадрата (изображение закрашивается цветом фона). Чем толще выбранная из меню линия, тем больше размер курсора.

Редактирование изображения:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать цвет фона. (Установить курсор в цветовую палитру. Щелкнуть правой клавишей мыши на нужном цвете.)

Выбрать инструмент «Ластик». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Степень изображения. (Переместить курсор в нужную точку. Нажав и удерживая левую клавишу мыши, стереть ненужные линии. Отпустить левую клавишу мыши.)

Удалить оставшиеся детали. (Выбрать инструмент «Кисть». Выбрать меню Просмотр - Приблизить, щелкнуть левой клавишей мыши. Установить появившийся прямоугольник на удаляемый фрагмент. Щелкнуть левой клавишей мыши. Выбрать основной цвет. Закрасить ненужные пиксели выбранным цветом, удерживая левую клавишу мыши. Выбрать меню Просмотр - Отодвинутьдля выхода в нормальный режим рисования. Щелкнуть левой клавишей мыши.)

Заливка позволяет закрасить основным цветом любую замкнутую область.

Закраска замкнутой области:

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать инструмент «Заливка». (Установить курсор в меню инструментов принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Закрасить область. (Поместить курсор внутрь закрашиваемой области. Щелкнуть левой клавишей мыши. Если граница закрашиваемой области имеет разрывы, то краска «разольется» по экрану. Для восстановления прежнего рисунка выберите из верхнего меню Редактировать - Отменить.)

Кистьиспользуется для рисования предметов от руки. Толщина и цвет оставляемой полосы определяется выбранной толщиной линии и основным цветом.

Рисование произвольной фигуры:

Установить толщину линии штриха. (Установит курсор в поле выбора ширины. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать цвет фона. (Установить курсор в цветовую палитру. Щелкнуть правой клавишей мыши на нужном цвете.)

Выбрать инструмент «Кисть». (Установить курсор вменю инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать фигуру. (Установить курсор в нужное место. Нажав и удерживая левую клавишу мыши, перемещать курсор для получения необходимого изображения. Отпустить левую клавишу мыши.)

Лекало позволяет рисовать кривые линии заданной толщины и цвета.

Рисование произвольной кривой:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать инструмент «Лекало». ( Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать кривую. (Установить курсор в нужную точку. Нажав и удерживая левую клавишу мыши, перемещать курсор, пока не получится желаемая длина. Отпустить левую клавишу мыши. Установить курсор в другую точку и, удерживая левую клавишу мыши, перемещать курсор до получения нужной кривизны. Отпустить левую клавишу мыши. Установить курсор в конец линии. Щелкнуть левой клавишей мыши.)

Линейка позволяет рисовать прямые линии заданной толщины и цвета.

Рисование прямой линии:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой мыши на нужном цвете.)

Выбрать инструмент «Линейка». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать линию. (Установить курсор в нужную точку. Нажав и удерживая левую клавишу мыши, перемещать курсор, пока не получится желаемая длина. Для проведения горизонтальных, вертикальных линий и линий под углом 45 градусов одновременно с левой клавишей мыши надо удерживать клавишу Shift. Отпустить левую клавишу мыши.)

Прямоугольник позволяет рисовать прямоугольники.

Рисование прямоугольника:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать инструмент «Прямоугольник». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать прямоугольник. (Установить курсор в точку - левый верхний угол будущего прямоугольника. Нажав левую клавишу мыши и, не отпуская ее, переместить курсор в правый нижний угол прямоугольника. Для рисования квадрата одновременно с левой клавишей мыши надо удерживать клавишу Shift. Отпустить левую клавишу мыши.)

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

Рисование закрашенного прямоугольника:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии. )

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать цвет фона. (Установить курсор в цветовую палитру, щелкнуть правой клавишей мыши на нужном цвете.)

Выбрать инструмент «Закрашенный прямоугольник». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать закрашенный прямоугольник. (Установить курсор в левый верхний угол будущего прямоугольника. Нажать левую клавишу мыши и, не отпуская ее, переместить курсор в правый нижний угол прямоугольника. Для рисования квадрата одновременно с левой клавишей мыши надо удерживать клавишу Shift. Отпустить левую клавишу мыши.)

Скругленный прямоугольник позволяет рисовать прямоугольник со скругленными углами.

Рисование скругленного прямоугольника:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать инструмент «Скругленный прямоугольник». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать скругленный прямоугольник. (Установить курсор в точку - левый верхний угол будущего прямоугольника, нажать левую клавишу мыши и не отпуская ее, переместить курсор в правый нижний угол прямоугольника. Для рисования квадрата одновременно с левой клавишей мыши надо удерживать клавишу Shift. Отпустить левую клавишу мыши.)

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

Рисование закрашенного скругленного прямоугольника:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать цвет фона. (Установить курсор в цветовую палитру, щелкнуть правой клавишей мыши на нужном цвете.)

Выбрать инструмент «Закрашенный скругленный прямоугольник». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать закрашенный скругленный прямоугольник. (Установить курсор в левый верхний угол будущего прямоугольника. Нажать левую клавишу мыши и, не отпуская ее, переместить курсор в правый нижний угол прямоугольника. Для рисования квадрата одновременно с левой клавишей мыши надо удерживать клавишу Shift. Отпустить левую клавишу мыши.)

Окружность / эллипс позволяет рисовать окружности или эллипсы.

Рисование окружности / эллипса:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать инструмент «Окружность / Эллипс». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать эллипс. (Установить курсор в нужную точку. Нажать левую клавишу мыши и перемещать курсор до тех пор, пока фигура не достигнет нужного размера. Для рисования окружности одновременно с левой клавишей мыши надо удерживать клавишу Shift. Отпустить левую клавишу мыши.)

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

Рисование закрашенной окружности / эллипса:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать цвет фона. (Установить курсор в цветовую палитру, щелкнуть правой клавишей мыши на нужном цвете.)

Выбрать инструмент «Закрашенная окружность / эллипс». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать закрашенный эллипс. (Установить курсор в нужную точку. Нажать левую клавишу мыши и перемещать курсор до тех пор, пока фигура не достигнет нужного размера. Для рисования окружности одновременно с левой клавишей мыши надо удерживать клавишу Shift. Отпустить левую клавишу мыши.)

Многоугольникпозволяет рисовать ломаные линии и многоугольники.

Рисование многоугольника:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать инструмент «Многоугольник». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать многоугольник. (Установить курсор в нужную точку. Нажав и удерживая левую клавишу мыши, перемещать курсор, пока не получится желаемая длина и наклон. Отпустить левую клавишу мыши. Повторять предыдущие действия до тех пор, пока не получится желаемая фигура. Щелкнуть левой клавишей мыши.)

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

Рисование закрашенного многоугольника:

Установить толщину линии. (Установить курсор в поле выбора ширины штриха. Щелкнуть левой клавишей мыши на нужной линии.)

Выбрать основной цвет. (Установить курсор в цветовую палитру. Щелкнуть левой клавишей мыши на нужном цвете.)

Выбрать цвет фона. (Установить курсор в цветовую палитру, щелкнуть правой клавишей мыши на нужном цвете.)

Выбрать инструмент «Закрашенный прямоугольник». (Установить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать закрашенный многоугольник. (Установить курсор в нужную точку. Нажав и удерживая левую клавишу мыши, перемещать курсор, пока не получится желаемые длина и наклон. Отпустить левую клавишу мыши, повторять предыдущие действия до тех пор, пока не получится желаемая фигура. Щелкнуть левой клавишей мыши.)

3. Алгоритм работы с графическим редактором:

Составить эскиз рисунка. (Изобразить на бумаге рисунок.)

Детализировать изображение. (Выделить в рисунке геометрические фигуры. Определить порядок их рисования. Выбрать инструмент рисования каждой фигуры. Заполнить таблицу с графами «Фигура», «Инструмент».)

Вызвать графический редактор Paint. (Щелкнуть два раза левой клавишей мыши на иконе с названием Paint.)

Выбрать из меню инструмент для рисования. (Переместить курсор в меню инструментов и принадлежностей. Щелкнуть левой клавишей мыши на нужном инструменте.)

Нарисовать фигуру с помощью выбранного инструмента (см. в памятке соответствующий инструмент.)

Изобразить остальные части рисунка. (Повторить п. 5, 6.)

Записать файл на диск. (Выбрать в меню ФайлпунктСохранить как.Щелкнуть левой клавишей мыши. Указать диск, каталог: c:\ risunok. Набрать на клавиатуре имя файла: ris_ (номер варианта). bmp. Щелкнуть левой клавишей мыши на кнопке ОК.)

Вопросы для закрепления

1. Большинство инструментов MS Paint допускает возможность настройки их параметров: установки толщины линии, размера и формы "Кисти", "Карандаша", "Ластика". Как это сделать?

2. Какое максимальное количество последних выполненных операций можно отменить с помощью команды Отменить?

3. В чем состоит различие в использовании правой и левой кнопок мыши при рисовании?

4. Какие инструменты предоставляют больше возможностей для рисования: виртуальные компьютерные или реальные художественные? Обоснуйте ваш ответ.

5. Как использовать инструмент "Масштаб" для реализации увеличения в 2;6;8 раз? Как отменить увеличение масштаба?

6. Каков, с вашей точки зрения, наилучший алгоритм вписывания окружности в квадрат?

7. Каким должен быть алгоритм рисования божьей коровки?

8. Сколько документов может одновременно обрабатывать редактор MS Paint?