Конспект Графический редактор

Урок 1. Введение.

Тема: «Графический редактор».

Цель: Познакомить учащихся с назначением и областями применения компьютерной графики, познакомить с программой Paint.

Задачи:

- «компьютерная графика»;

- растровое и векторное изображение;

- графический редактор Paint;

- запуск и завершение Paint;

- окно программы;

- атрибуты изображений;

- сохранение и загрузка изображений.

Требования к знаниям и умениям учащихся:

знать, что такое «компьютерная графика»;

           - растровое и векторное изображение;

           - набор инструментов и меню инструмента;

          - палитру цветов;

уметь запускать и завершать Paint;

           - сохранять и загружать изображения.

Оборудование: компьютеры, распечатки.

Тип урока: Усвоение новых знаний.

План урока:

1.      Орг. момент (1-2 мин).

2.      Объяснение нового материала (20 мин).

3.      Закрепление первичного материала (15 мин).

4.      Подведение итогов (2 мин).

5.      Домашнее задание (2 мин).

Ход урока.

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

2. В наше время редко найдется школьник, который бы не играл в компьютерные игры или хотя бы не видел, как в них играют другие. На экране дисплея, как на телеэкране, бегают человечки, летают самолеты, мчатся гоночные машины… Чего только нет! Причем качество цветного изображения на современном ПК бывает лучше, чем у телевизора. Раздел информатики, занимающийся проблемами «рисования» на ЭВМ, называется «компьютерная графика». «Картинки» на экране – это отражение информации, находящейся в компьютерной памяти. Основным устройством вывода графических изображений является дисплей. Работой дисплея управляет видеоконтроллер (видеоадаптер), в комплекте устройств ПК его ещё называют видеокартой.

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

Начиная  с сегодняшнего урока на примере графического редактора Paint мы изучим азбуку создания и редактирования растровых (точеч­ных) изображений.

Представьте себе, что окно документа в некоем приложе­нии - это лист чистой бумаги, на котором вы будете рисовать и исправлять цветную или черно-белую картинку. Какими средствами вас должно обеспечить это приложение?

     Основные операции графического редактора:

1) рисование указателем мыши произвольных изображений (линий, круга, домика, дерева и т. п.);

2) ввод текстовых надписей тем или иным шрифтом;

3) увеличение, уменьшение, изменение пропорций картинки или ее участка;

4) операции с фрагментами, позволяющие вырезать участки картинки, перемещать их, копировать, составлять изобра­жение из нескольких фрагментов и т. д.

5) дополнительные операции (стирание участков картинки, изменение цветов, печать и т. д.).

Термины «изображение», «рисунок», «картинка» и «мозаи­ка» будем считать синонимами.

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

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

Запуск и завершение Paint.

Ссылка на Paint обычно находится в подчиненном меню [Стандартные] пункта Главного меню [Программы]. Вы запус­каете приложение Paint любым из стандартных способов. Самый простой способ - выбрать команду Главного меню [Программы-Стандартные-Раiпt]. Вы завершаете программу любым из стандартных способов, известных вам. Если в момент закрытия окна Paint обнаружит, что вы внес­ли изменения в картинку, но не сохранили ее в файле .ВМР или .РСХ, на экран поступит стандартное диалоговое окно. Вы можете сохранить изменения в файле (ответ Да), не сохранять изменения (Нет) или продолжить редактирование (Отмена).

Окно программы Paint.

Документами Paint являются графические файлы .ВМР и .РСХ. Редактор одновременно может работать только с одним документом, поэтому окно документа совмещено с окном про­граммы. Иными словами, Paint - однооконное приложение. Окно его показано на рис.

Кроме стандартных элементов (заголовка и горизонтального меню), окно имеет горизонтальную и вертикальную полосы про­крутки, строку состояния, а также четыре специальных области:

·         рабочее поле;

·         набор инструментов;

·         меню инструмента;

·         палитру цветов.

Рабочее поле.

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

Набор инструментов и меню инструмента.

В левой части окна Paint находится набор (панель) инстру­ментов, каждый из которых обозначен небольшой картинкой-пиктограммой. Как вы уже знаете, такая пикто­грамма может представлять не только настоящий «инстру­мент», но и некоторую операцию, выполняемую после выбора этого «инструмента».

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

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

Щелкнув на том или ином инструменте и, если необходимо, выбрав вариант в меню инструмента, вы сможете выполнить многие операции. Кроме того, некоторые операции Paint выполняются с помощью горизонтального меню.

Каждый инструмент имеет конкретный «алгоритм» работы, определенный разработчиками, и далее в процессе изучения Paint мы познакомимся с каждым алгоритмом.

Палитра цветов.

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

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

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

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

Как используются эти цвета при создании картинки? Основным цветом вводятся текстовые символы, рисуются линии, дуги и контуры фигур (прямоугольник, эллипс, много­угольник); в этом же цвете работают кисть и карандаш. Цветом фона всегда окрашиваются полости геометричес­ких фигур, в цвете фона работает простой ластик. Однако во многих случаях оба эти цвета становятся равно­правными, и инструмент использует тот или иной цвет только в зависимости от нажатой кнопки мыши (левая соответствует основному цвету). В палитре представлен встроенный набор цветов. Каждый цвет - это результат смешения в определенной пропорции трех «первичных» цветов: красного, зеленого и синего. Например, по 255 частей каждого из этих цветов дают белый цвет, а «нуль» частей - черный. Вы можете изменить любой цвет в палитре, подобрав для него другое соотношение красного, зеле­ного и синего (с учетом яркости и контрастности). Новую па­литру можно записать в файл с расширением .РAL, а затем за­гружать при необходимости. Для этих операций предусмотрен пункт меню [Параметры]: [Изменить палитру...], [Загрузить палитру...] и [Сохранить палитру...]. Эксперименты с цветом вы можете провести самостоятельно.

Атрибуты изображения.

Программа Paint создает прямоугольную картинку, размеры которой (ширину и высоту) можно измерять в дюймах, санти­метрах или пикселях. По умолчанию для установки размеров Paint использует разрешение видеоадаптера вашего ПК. Например, для адаптера VGA ширина картинки 640, а высота - 480 пик селей (16,94 и 12,70 см). Размеры картинки в Paint называются атрибутами.

Картинка может быть цветной или черно-белой. Вы можете изменить атрибуты изображения, выбрав команду [Рисунок-Атрибуты...]. На экране появится диалоговое окно, которое содержит две группы радиокнопок (для еди­ницы измерения и палитры) и текстовое поле для ввода размеров картинки. Выберите единицу измерения, щелкнув мышью на соответствующем кружке (как правило, это сантиметры), а затем введите размеры (например, 8 и 10 см). Если необходимо, измените в другой группе выбора указатель палитры изображе­ния (Черно-белая или Цветная). Затем нажмите кнопку ОК. Для восстановления размеров по умолчанию можно нажать кнопку По умолчанию.

Чаще всего удобнее пользоваться размерами картинки по умолчанию. Если вам нужно сделать картинку поменьше, можно нарисовать ее на «полном» листе, затем выделить и ско­пировать в файл.

В некоторых случаях удобно использовать координаты от­дельного пикселя мозаики, т. е. номер столбца х и номер стро­ки у, на пересечении которых этот пиксель находится. Коорди­наты отсчитываются от левого верхнего угла мозаики (вправо и вниз), причем левая верхняя точка имеет координаты (О, О). Для разрешения, показанного на рис, правая нижняя точка имеет координаты (799,599). Координаты текущего пик­селя (на который указывает курсор мыши) отображаются в строке состояния.

Сохранение и загрузка изображений.

Каждая картинка сохраняется в файле растрового формата с расширением .ВМР или .РСХ. Операции загрузки (открытия) и сохранения этих файлов подчиняются строгому стандарту Windows (команды [Открыть…], [Сохранить] и [Сохранить как…] пункта меню [Файл]. 

4. Закрепление первичного материала.

1. Запустить программу.

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

1. Выбрать цвет линии.
2. На панели инструментов выбрать линию.
3. Выбрать  ширину линии.
4. Нарисовать линию (команда состоит их 4-х шагов).

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

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

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

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

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

1. Выбрать инструмент «Выделение произвольной области».
2. Выделить фрагмент.

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

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

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

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

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

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

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

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