План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

Раздел Начальные классы
Класс -
Тип Конспекты
Автор
Дата
Формат rar
Изображения Есть
For-Teacher.ru - все для учителя
Поделитесь с коллегами:

Компьютерная графика. Молькова Е.О.

Центр информатизации и оценки качества образования

МОДУЛЬ 2. Графический редактор MS PAINT

1. Графический редактор MS Paint. Знакомство с графическим интерфейсом

1.1 Запуск Microsoft Paint

1.2 Создание изображений в MS Paint

1.3 Работа с цветом

1.4 Размеры изображений

1.5 Операции с изображениями

2. Объекты графического редактора и их свойства. Инструменты: Заливка, Лупа, Карандаш, Кисть, Распылитель

3. Графические примитивы MS Paint: Линия, Прямоугольник, Эллипс, Скругленный прямоугольник, Кривая, Многоугольник.

1. Графический редактор MS Paint. Знакомство с графическим интерфейсом Графический редактор MS Paint - прикладная программа, разработанная для создания и редактирования графических изображений на экране компьютера - рисунков. Эти рисунки можно делать черно-белыми или цветными. Созданные рисунки можно выводить на печать, использовать в качестве фона рабочего стола либо вставлять в другие документы, сохранять их в виде файлов. MS Paint можно использовать также для просмотра и редактирования отсканированных фотографий. Графический редактор MS Paint используется для работы с рисунками формата JPG, GIF или BMP.

Запуск Microsoft Paint ДПлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологийля запуска Microsoft Paint на панели задач нажмите кнопку Пуск, затем зайдите в меню Программы. В появившемся меню выберите Стандартные, здесь перечислены стандартные программы, которые будут находится на Вашем компьютере при установке операционной системы MS Windows. В стандартных программах выберите Paint. Ярлык программы изображен на рис. 6.

Рис. 6 На экране появится окно программы (см. рис. 7). Основную часть окна занимает область построения изображений. Если с окном работать в нормальном состоянии (окно занимает часть экрана), появляются полосы прокрутки, которые позволяют просматривать содержимое окна. Под строкой заголовка программы расположено главное меню MS Paint. Чтобы нарисовать изображение используют панель инструментов Многие инструменты можно настраивать: устанавливать толщину линии, размер и форму кисти, карандаша, резинки и т.д. ВПлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий нижней части окна располагается палитра цветов для рисования.

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

Рис. 7. Окно программы MS Paint

Создание изображений в MS Paint

Для создания изображений в MS Paint используют панель инструментов (см. рис. 8).

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

Рис. 8. Панель инструментов MS Paint

В таблице 3 перечислены инструменты MS Paint.

Таблица 3. Инструменты MS Paint

Обозначение

Назначение

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

выделение

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

выделение произвольной области

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

карандаш

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

кисть

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

заливка области цветом

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

ластик/цветной ластик

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

выбор цветов

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

масштаб

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

распылитель

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

линия

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

кривая линия

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

прямоугольник

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

эллипс

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

Многоугольник

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

скругленный многоугольник

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

надпись

Для создания рисунка необходимо выбрать тот или иной инструмент, затем в области построения изображений создавать рисунок, не отрывая пальца от кнопки мыши. Чтобы нарисовать инструментами Линия, Карандаш горизонтальную, вертикальную линию или линию с наклоном 45о, необходимо одновременно удерживать нажатой клавишу <Shift>. Работа с цветом В графическом редакторе MS Paint операцию изменения цвета можно осуществлять с помощью меню Палитра, содержащего набор цветов, используемых при создании объектов (см. рис. 9).

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

Рис. 9. Палитра MS Paint Различают основной цвет, которым рисуют контуры фигур, и цвет фона. Основной цвет используется для отображения линий, границ объектов и текста. Цвет фона используется для заполнения замкнутых фигур, фона надписей, а также при использовании ластика. ЧПлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологийтобы задать основной цвет, выберите левой кнопкой мыши цвет на палитре. Чтобы задать цвет фона, необходимо щелкнуть цвет на палитре правой кнопкой мыши. В верхнем квадрате отображается основной цвет. В нижнем квадрате отображается цвет фона (см. рис. 10).

Рис. 10 Палитру цветов можно изменять, добавляя другие цвета. Чтобы изменить палитру необходимо:

  • выбрать на палитре цвет, который необходимо изменить
  • в меню Палитра - Изменить палитру.
  • нажать кнопку Определить цвет, а затем изменить значение компонентов цвета, используя модель RGB (красный, зеленый, синий) или HSL (оттенок, контрастность, яркость).
  • нажать кнопку Добавить в набор.
Чтобы цветной рисунок стал черно-белым:
  • выбрать в меню Рисунок - Атрибуты.
  • выбрать Черно-белый.
При выборе цветной палитры черно-белый рисунок не становится цветным.

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

  1. В меню Рисунок выберите команду Атрибуты.
  2. В группе Система единиц выбрать нужную единицу измерения ширины и высоты.
  3. Ввести значения в поля Ширина и Высота.
Окно Атрибуты приведено на рис. 11.

План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий

Рис. 11. Окно установки атрибутов Размеры рисунка можно изменять перетаскиванием маркеров изменения размеров, расположенных в правом нижнем углу и на середине правой и нижней границ рисунка. Чтобы увидеть квадратные маркеры изменения размеров, может потребоваться развернуть окно. Если текущие размеры рисунка превышают новые размеры, рисунок будет обрезан справа и снизу. Если текущие размеры рисунка меньше новых размеров, дополнительная область рисунка будет заполнена цветом фона. MS Paint позволяет отображать сетку для изображения, при работе с мелкими деталями рисунка. Используя сетку, можно легко изменять расположение и цвет мелких деталей рисунка.

Чтобы отобразить сетку:

  • В меню Вид выберите команду Масштаб, а затем команду Другой.
  • В группе Задать выберите масштаб крупнее 200 процентов и нажмите кнопку OK.
  • В меню Вид выберите команду Масштаб, а затем команду Показать сетку.
Операции с изображениями Чтобы создать новый файл в главном меню выбрать: Файл - Создать. Для открытия ранее созданного файла, воспользуемся командами: ФПлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологийайл - Открыть <полное имя файла>. MS Paint запоминает имена четырех последних открытых файлов. Их имена появляются в списке меню. Файл, можно выбрать имя файла из списка. Чтобы сохранить рисунок под новым именем воспользуемся командами из меню: Файл - Сохранить как…<новое имя файла>, Если работаем с файлом, который ранее был создан, и хотим сохранить его под тем же именем: Файл - Сохранить (см. рис. 12).

Рис. 12

2. Объекты графического редактора и их свойства. Инструменты: Заливка, Лупа, Карандаш, Кисть, Распылитель В своей повседневной жизни мы постоянно имеем дело с различными объектами.

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

Объект может сам выполнять, или над ним можно совершать некоторые действия. Познакомимся с объектами графического редактора MS Paint и его свойствами, которые представлены в таблице 4.

Таблица 4. Объекты в MS Paint и их свойства

Объект

Свойства Точка Координаты, цвет Линия Толщина, цвет Замкнутая область Цвет: контура области, внешней и внутренней области Графическое изображение Цвет, размер

Способы управления объектами:
  • выбор объекта;
  • выбор цвета;
  • выбор размера;
Операции с графическим изображением: выделение фрагмента, заливка замкнутого контура, работа с выделенным фрагментом - увеличение фрагмента для исправления недостатков; Объект выбирается в зависимости от создаваемого рисунка. Цвет выбирается:
  • для линии, точки, контура области объекта - одновременно с выбором объекта;
  • для выполнения заливки объекта одним цветом (внешней или внутренней областей) пользуются инструментом Заливка План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий .
Если краска растекается по экрану, следовательно, контур объекта имеет разрыв, надо вернуться на шаг назад, рассмотреть рисунок в большем масштабе Вид - Масштаб - Крупный или воспользоваться инструментом Лупа План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий , расположенном на панели инструментов. Найдя разрывы линий, дорисовать контур инструментом Карандаш План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий , после чего закрасить рисунок. Чтобы отменить крупный масштаб, снова выберем инструмент Лупа, и щелкнем левой кнопкой мыши на рабочей области экрана. Многие инструменты можно настраивать: устанавливать толщину линии, размер и форму кисти, карандаша, резинки и т.д. Инструмент Кисть настраивается следующим образом:
  1. ВПлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологийыбрать инструмент Кисть на панели инструментов План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий .
  2. В нижней части панели инструментов выбрать тип кисти (рис. 13). Кисть имеет много разновидностей.
  3. Чтобы нарисовать изображение, удерживаем левую кнопку мыши. Кисть при этом оставляет след основного цвета, при нажатой правой кнопки мыши - цвет фона.
Инструмент Распылитель План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий также можно видоизменять. ППлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологийосле выбора инструмента под панелью инструментов появляется соответствующее окно (рис. 14). Рисование выполняется перетаскиванием курсор по рабочему полю. Перетаскивание с нажатой левой кнопкой мыши оставляет след основного цвета, с нажатой правой - цвет фона. При помощи Распылителя хорошо передается сложная фактура поверхности. Графический редактор запоминает 3 последних действия, которые можно отменить, воспользовавшись командой Правка - Отменить.

3. Графические примитивы MS Paint: Линия, Прямоугольник, Эллипс, Скругленный прямоугольник, Кривая, Многоугольник Графический редактор имеет ряд инструментов, названия, свойства и действия которых подобны настоящим. При помощи каждого инструмента можно получить желаемое компьютерное изображение, т.е. создать свои графические изображения на экране. Среди инструментов есть, так называемые, графические примитивы, которые позволяют рисовать геометрические фигуры. ГПлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологийрафический примитив - простейшая геометрическая фигура с заданными свойствами, выполненная соответствующим инструментом графического редактора (Линия, Прямоугольник, Эллипс, Кривая, Многоугольник, Скругленный прямоугольник). На панели Настройка инструментов для всех этих инструментов можно выбрать толщину линии контура рисунка из пяти предложенных вариантов (рис. 15). Если при использовании инструмента Прямоугольник, Эллипс, Многоугольник, Скругленный прямоугольник удерживать нажатой клавишу <Shift>, то получится правильная фигура (квадрат, окружность, скругленный квадрат, правильный скругленный многоугольник). ИПлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологийнструменты MS Paint можно настраивать, задавая границы основного цвета и цвета заливки. На рис. 16 приведен пример настройки инструмента Прямоугольник, а таблица 5 поясняет пример возможных настроек цветов заливки и контура объекта Прямоугольник через нажатия клавиш мыши: левая клавиша (основной цвет), правая клавиша (цвет фона). Аналогично настраиваются инструменты Эллипс, Скругленный прямоугольник, Многоугольник.

Таблица 5. Настройка инструмента Прямоугольник

Левая кнопка мыши Правая кнопка мыши

НПлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологийе закрашенный прямоугольник с границами основного цвета.

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

ППлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологийрямоугольник с границами основного цвета, закрашенный цветом фона

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

ППлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологийрямоугольник без выделенных границ, закрашенный основным цветом

Прямоугольник без выделенных границ, закрашенный цветом фона.

MS Paint позволяет также выбирать прозрачный или непрозрачный фон для рис.17. Прозрачность фона можно задать при выборе инструмента Выделение План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий . На рисунке 17 показана настройка инструмента Выделение для работы с фоном. В верхнем квадрате выбирается непрозрачный фон, в нижнем - прозрачный. ЧПлан-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологийтобы нарисовать кривую линию, на панели инструментов выбирается Кривая План-конспект по информатике на тему Графический редактор, урок №24 (с использованием здоровьесберегающих технологий , а затем выполняются следующие действия:
  1. Выберите ширину линии под набором инструментов.
  2. Нарисуйте прямую линию, перетащив указатель мыши на экране из одной координаты в другую.
  3. Щелкните в том месте, где линия должна изгибаться, и перетащите указатель до задания нужной кривизны. Повторите этот шаг для создания второй дуги. Для одной кривой можно создать только две дуги.

9

© 2010-2022