Методика изучения графических редакторов в школьном курсе информатики

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

В стандартной поставке Windows в группе «Стандартные» имеется графический редактор Paint. Paint является прямым «родственником» ред

актора PaintBrush, который работает в среде MS-DOS. В базовом курсе информатики для практической работы с компьютерной графикой обычно используют один из этих редакторов. В профильном курсе компьютерной графики для получения рисованных изображений больше подходит CorelDraw. Заметим, что профессиональные графические редакторы, такие как CorelDraw, Adobe Photoshop — довольно дорогие программные продукты, и потому не всем доступны.

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

Еще одним полезным учебным элементом является возможность демонстрации механизма смешения цветов. Для этого в главном меню Paint нужно выбрать пункт [Палитра] — [Изменить палитру] — [Определить цвет]. Появившееся окно является прекрасным инструментом для экспериментов с цветом. Пользователь может изменять оттенки, контрастность, яркость цвета и при этом наблюдать КЗС — состав полученной краски. Создав свою краску, пользователь может включить ее в палитру на соответствующей панели редактора.

Принцип растрового рисования — закрашивание каждого отдельно пикселя рисунка. Для растровых редакторов характерно наличие таких инструментов как кисточка, карандаш, резинка. Этих инструментов нет в векторных редакторах. Там рисунок создается только путем манипулирования с графическими примитивами: линиями, дугами, эллипсами и пр. Эти элементы рисунка могут быть в любой момент изменены: сжаты, растянуты, перевернуты, перемещены, удалены. В растровых редакторах тоже используются графические примитивы. Но их применение скорее похоже на использование линеек, лекал, циркуля и других чертежных инструментов при рисовании на бумаге. Один раз нарисованный такой элемент уже нельзя изменить. Его можно лишь стереть или отредактировать прорисовкой.

Среда графического редактора. Пользовательский интерфейс большинства ГР организуется единообразно. С левой стороны экрана располагается панель инструментов: набор пиктограмм с изображением инструментов, которыми можно пользоваться в процессе редактирования изображений.

В нижней части экрана размещается панель палитры, из которой художник выбирает краски требуемого цвета. Оставшаяся часть экрана представляет собой пустой «холст» (рабочее поле). Над рабочим полем находится меню, позволяющее изменять режимы I работы ГР. Слева от палитры располагается квадрат, окрашенный в фоновый цвет. В нем помещаются еще два квадрата, верхний из которых окрашен в первый рабочий цвет, а нижний — во второй рабочий цвет. Ниже панели инструментов располагается калибровочная шкала, которая позволяет устанавливать ширину рабочего; инструмента (кисти, резинки и т.д.).

Режимы работы. Режимы ГР определяют возможные действия пользователя, а также команды, которые пользователь может отдавать редактору в данном режиме.

Режим работы с рисунком (рисование). В этом режиме на рабочем поле находится изображение инструмента. Пользователь наносит рисунок, редактирует его, манипулирует его фрагментами.

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

Режим выбора рабочих цветов. Курсор находится в области панели палитры. Здесь можно установить цвет фона, цвет рисунка. Некоторые ГР дают возможность пользователю изменять палитру.

Режим работы с внешними устройствами. В этом режиме можно выполнять команды записи рисунка на диск, считывания рисунка с диска, вывода рисунка на печать. Графические редакторы на профессиональных ПК могут работать со сканером, используя его для ввода изображения с листа.

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

В систему команд входят:

• команды выбора инструмента;

• команды настройки инструмента (ширина линий, шрифт букв);

• команды выбора цветов;

• команды масштабирования рисунка;

• команды работы с буфером обмена (вырезать, копировать, вставить);

• команды манипулирования с выделенным фрагментом (повернуть, растянуть, отразить);

• команды ввода/вывода рисунка на внешние устройства. Меню команд представляется в форме пиктограмм, а также в текстовой форме.

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

Пример 1. Алгоритм рисования прямой линии с помощью инструмента «Линия».

1. Выбрать цвет линии.

2. На панели инструментов выбрать линию.

3. Выбрать ширину линии.

4. Нарисовать линию (команда состоит из 4 шагов).

4.1. Установить курсор на место начальной точки.

4.2. Нажать левую клавишу мыши.

4.3. Протянуть курсор до конечной точки.

4.4. Отпустить клавишу мыши.

Пример 2. Алгоритм переноса фрагмента рисунка на новое место.

1. Выбрать инструмент «Произвольное выделение».

2. Выделить фрагмент.

2.1. Установить курсор около фрагмента.

2.2. Нажать левую клавишу мыши.

2.3. Обвести линией выделяемый фрагмент.

2.4. Отпустить клавишу мыши (вокруг фрагмента образуется пунктирный прямоугольный контур).

3. Перенести фрагмент на новое место.

3.1. Установить курсор внутри контура и нажать левую клавишу мыши.

3.2. Протянуть фрагмент на новое место.

3.3. Отпустить клавишу мыши.

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

Данные. Вспомним, что данными называется обрабатываемая компьютером информация. Итоговой информацией является созданный рисунок. Но, с позиции растровой графики, рисунок — это совокупность разноцветных пикселей. Значит данными для ГР являются цвета, которые выбираются из палитры и разносятся по элементам графической сетки с помощью различных инструментов. В памяти ЭВМ они представляются соответствующими двоичными кодами.