Создание анимации. Вставка графических объектов и рисунков в текст

ЦЕЛИ УРОКА:

Образовательные:

• уметь загружать графический редактор MS Paint
• сформировать умения работы в графическом редакторе MS Paint
• с помощью графического редактора MS Paint  уметь создавать рисунки, образы, динамические фрагменты
• уметь работать с графическими файлами и изменять параметры графических объектов
• научиться вставлять созданные рисунки в текст

     Воспитательная:

                      формирование  самостоятельности и ответственности при  

                       работе с  компьютером

     Развивающая:

§  развитие внимания и творчества при работе с графическим редактором MS Paint

§  развитие навыков работы с клавиатурой

    Тип урока:

                           комбинированный

  План урока:

                                                                         I.      Организационный момент  

                                                                      II.      Актуализация опорных знаний

                                                                   III.      Объяснение нового материала

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

1.      Практическая работа по теме «Создание анимации. Вставка графических объектов и рисунков в текст»

2.      Самостоятельная работа по теме «Создание анимации. Вставка графических объектов и рисунков в текст»

                                                                      V.      Подведение итогов урока

                                                                   VI.      Домашнее задание

            Средства обучения: компьютеры, дискеты (для сохранение рисунков), операционная система Windows, программа - графический редактор MS Paint, учебное пособие [1], карточки(для проверки знаний), конспекты(для записи материала).

УРОК №_____: Создание анимации. Вставка графических объектов и рисунков в текст.

ЦЕЛИ УРОКА:

Образовательные:

• уметь загружать графический редактор MS Paint

• сформировать умения работы в графическом редакторе MS Paint

• с помощью графического редактора MS Paint уметь создавать рисунки, образы, динамические фрагменты

• уметь работать с графическими файлами и изменять параметры графических объектов

• научиться вставлять созданные рисунки в текст

Воспитательная:

формирование самостоятельности и ответственности при

работе с компьютером

Развивающая:

• развитие внимания и творчества при работе с графическим редактором MS Paint

• развитие навыков работы с клавиатурой

Тип урока:

комбинированный

План урока:

1. Организационный момент

2. Актуализация опорных знаний

3. Объяснение нового материала

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

   1. Практическая работа по теме «Создание анимации. Вставка графических объектов и рисунков в текст»

   2. Самостоятельная работа по теме «Создание анимации. Вставка графических объектов и рисунков в текст»

5. Подведение итогов урока

6. Домашнее задание

Средства обучения: компьютеры, дискеты (для сохранение рисунков), операционная система Windows, программа - графический редактор MS Paint, учебное пособие [1], карточки(для проверки знаний), конспекты(для записи материала).

ХОД УРОКА

I. Организационная часть.

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

II. Актуализация опорных знаний.

Фронтальный опрос:

• Как называют программы, предназначенные для работы с изображениями? (графическими редакторами)

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

• Перечислите основные способы создания и открытия изображения.(Меню Файл – Создать(Открыть),сочетание клавиш ctrl+N(ctrl+O))

Работа на карточках

• Удобным средством для быстрого выполнения команд и процедур является…(Панели инструментов).

• Для записи файла с текущим именем используют команду …(Сохранить), а с изменённым именем команду …(Сохранить как).

• Цвет фона применяется для…(Заливки рамок замкнутых объектов и рамок с текстом)

III.Объяснение нового материала.

План

1. Трансформация изображения

2. Работа с текстом

3. Создание коллажей

4. Метод конструктора

Трансформация изображений. Трансформациями называют автоматические изменения формы, расположения или размеров геометрических объектов. В MS Paint все инструменты, предназначенные для решения таких задач, расположены в меню Рисунок.

Отражение и поворот. С помощью команды Рисунок►Отразить/Повернуть можно отразить выделенные фрагмент слева направо или сверху вниз, а также повернуть на угол 90, 180 или 270°.

Доступ к указанным видам преобразования предоставляется в окне диалога Отражение и поворот, отображаемом в результате выбора указанной команды или использования комбинации клавиш Ctrl+R.

Алгоритм выполнения Отражения/поворот

1. Для отражения рисунка открываем меню Рисунок

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

Растяжение и наклон. Растяжение и наклон выделенного фрагмента по горизонтали или вертикали осуществляются с помощью команды Рисунок ►Растянуть/наклонить. После ее выполнения появляется диалоговое окно Растяжение и наклон, в котором выбирается требуемое преобразование. Этой команде соответствует сочетание клавиш Ctrl+W.

Алгоритм выполнения Растяжения/поворот

1. Для растяжения рисунка открываем меню Рисунок

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

2. Работа с текстом. Как и большинство растровых редакторов, программа MS Paint мало приспособлена для работы с текстом. Это связано с тем, что текст в ней рассматривается как разновидность изображения. В результате после ввода текст становится изображением, состоящим из отдельных пикселей, которые в случае увеличения размера надписи становятся заметными, искажая восприятие текста.

Для создания текста используется инструмент Надпись. После его выбора появляется возможность отображения дополнительной панели инструментов Шрифты , фактически выполняющей функции панели атрибутов текста. Для локализации области ввода текста рисуется рамка (путем протягивания курсора) с текстовым курсором внутри нее. Как и любой другой объект, рамку можно перемещать и изменять ее размеры путем перетаскивания одного из восьми маркеров. Панель Шрифты позволяет выбрать основные атрибуты текста: гарнитуру, размер, языковую группу и начертание используемого шрифта.

Алгоритм ввода и редактирования текста

Для ввода и форматирования текста выполните следующее.

1. Выберите в наборе инструментов инструмент Надпись и создайте текстовую рамку, перетащив указатель по диагонали до предполагаемого размера текста.

2. Открывается панель атрибутов текста Шрифты. Эту панель можно перетащить в любое место окна.

3. После интеграции текста в изображение фон созданной надписи можно изменить только с помощью инструмента Заливка.

3.Создание коллажа. Коллаж (от франц . collage букв. - наклеивание)- прием в изобразительном искусстве, заключающийся в наклеивании на какую-либо основу материалов, отличающихся от нее по цвету и фактуре; произведение, исполненное в этой технике. Итак коллаж (фотомонтаж) обычно создается наложением друг на друга нескольких рисунков.

Порядок выполнения простого фотомонтажа из трех исходных изображений: неба и радуги — rainbow.gif(1), елочки — fir.gif(2) и солнца — sun.gif(3).

Хотя в программе MS Paint отсутствуют слои, мы попытаемся создать их путем многократного открытия этого редактора. Это позволит отобразить несколько окон, каждое из которых можно с некоторой натяжкой рассматривать в качестве слоя. Итак, приступим.

Алгоритм выполнения фотомонтажа

1. Для начала выполните запуск программы MS Paint три раза и в каждом из отображаемых окон нарисуйте или откройте свой файл (то есть файлы, содержащие радугу, елочку и солнышко соответственно). Возможность многократного запуска программы — одна из особенностей MS Paint.

2. Теперь поочередно скопируйте в буфер обмена, а затем вставьте из буфера в общее окно и разместите в соответствующем месте экрана всех «участников» монтажа — объекты 1,2 и 3. В результате последовательной вставки из буфера нескольких изображений и их последующего перемещения и редактирования (придется немного поработать карандашом и изменить заливку фона) на экране MS Paint мы получим коллаж.

4.Метод конструктора

Алгоритм метода конструктора

• анализируется содержимое рисунка и определяется порядок его подготовки, т. о. составляется алгоритм;

• рабочее поле графического редактора MS Paint условно делится на дне области — область деталей и область рисунка;

• расположение областей зависит от ориентации рисунка: альбомной (вытянутой по горизонтали) или книжкой (вытянутой по вертикали):

Область деталей

Область рисунка

Область рисунка

• каждый элемент (примитив) сначала рисуется в области деталей, при необходимости здесь же производится сборка детали из нескольких элементов;

• детали, нужной формы формируются путем преобразования, выделенных фрагментов командами Рисунок, Отразить/повернуть… или Рисунок, Растянуть/наклонить…;

• из нескольких деталей (примитивов) или доставка их в область сборки рисунка осуществляется с помощью инструментов Выделение произвольной области и операции мышью Перемещение с применением прозрачного способа наложения;

• получение нескольких копий примитива или детали: используется типовая операция мышью Перемещение, при этом необходимо нажать и не отпускать до конца процесса клавишу Ctrl;

• запись готового рисунка в файл на диске: выделяется фрагмент необходимого размера, т. е. непосредственно рисунок, затем выполняется команда Правка, Копировать Файл...

Обязательными для соблюдения являются следующие правила:

• «правило базового элемента» — «всегда выделяется и первым изображается тот примитив, от которого ведется дальнейшее построение рисунка»;

• «правило выделенного» - «прежде чем выполнять действия с примитивом или фрагментом рисунка, его надо обязательно выделить»;

• «правило белого медведя» — «в ходе рисования не допускать совпадения основного цвета с цветом фона».

IV.Закрепление материала

1. Практическая работа по теме «Создание анимации. Вставка графических объектов и рисунков в текст»

Пример 1. Используя одну из операций трансформации преобразуем английскую букву R в русскую букву Я.

Для этого необходимо:

1. Написать букву R , с помощью инструмента Надпись.

2. Выделить букву с помощью инструмента Прямоугольное выделение.

3. Войти в меню Рисунок, выбрать Отразить/повернуть, затем выбрать действие Отразить слева направо.

Пример 2 Выполним надпись «2007 ГОД!», используя разные шрифты

Для этого необходимо:

1. Используем инструмент Надпись

2. Рисуем Текстовую рамку для каждой цифры и буквы.

3. В открывшейся панели атрибутов Шрифта, выбираем шрифт по желанию.

Пример 3. Построим геометрические фигуры (круг, квадрат и т.д.), подписав вершины.

Для этого необходимо:

1. Нарисуйте круг (Инструмент Эллипс).

2. Впишите в него квадрат (Инструмент Прямоугольник).

3. Закрасить его черным цветом.

4. Выберете белый цвет.

5. Нарисуйте треугольник (используйте инструмент Линия).

6. Подпишите вершины (инструмент Надпись).

1. Самостоятельная работа по теме «Создание анимации. Вставка графических объектов и рисунков в текст»

- Самостоятельно выполните примеры:

Пример1. Постройте геометрические фигуры, например квадрат, в него впишите круг.

Пример 2. Получить из буквы Ь букву Р, используя методы трансформации.

Пример 3. Напишите свое имя и фамилию, используя любые шрифты.

- Сохраните выполненные примеры на дискеты.

V. Подведение итогов урока

1.Сохранение выполненных примеров на дискеты.

2.Контрольные вопросы

1. Где расположены инструменты трансформации ?

2. Перечислите инструменты, входящие в Меню Рисунок

3. .Какие сочетания клавиш, используется для вызова команд Отобразить/повернуть, Растянуть/наклонить?

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

5. Перечислите последовательность операций при создании коллажа.

VI.Домашнее задание

1.По аналогии с приведенным примером, создать иллюстрации к курсам физики (электрические цепи ), математики(графики парабол, гипербол), химии(формулы химических реакций). Написать какими инструментами пользовались при создании иллюстраций.

Пример иллюстрации к курсу геометрии.

1. Рисуем линии, используя инструмент Линия

2. На панели инструментов выбираем Кисть – квадратную форму, ставим точки

3. Инструментом Надпись создаем надписи.

2.Используя рассмотренные ранее возможности графического редактора MS Paint(рисование базовых элементов, заливку, ластик, трансформацию изображения) создать иллюстрацию к одной из тем : Эмблема или герб(Украины, России),Открытка «Мой город», натюрморт «Цветы».

УРОК 6.1.3.:Практическое занятие. «Работа в среде графического редактора» .

ЦЕЛИ УРОКА:

Образовательные:

• уметь загружать и работать в графическом редакторе MS Paint

• научиться с помощью графического редактора создавать рисунки, образы, динамические фрагменты

• уметь работать с графическими файлами и изменять параметры графических объектов

Воспитательная:

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

работы в MS Paint

Развивающая:

• развитие внимания и творчества при работе MS Paint

Тип урока:

практическая работа

План урока:

1. Организационный момент

2. Практическая работа

3. Подведение итогов

4. Домашнее задание

Средства обучения: компьютеры, дискеты(для сохранения рисунков), операционная система Windows , программа - графический редактор MS Paint, раздаточный материал с порядком выполнения основных действий(Приложение 1, Приложение 2), варианты практической работы(Приложение 3), критерии оценивания (Приложение 4).

Задание: используя раздаточный материал, ознакомиться с заданием:

• Ознакомиться с назначением меню программы

• Выполнить предложенную работу

• Выполненную работу сохранить на дискету

Мотивация обучения:

Учащиеся получают практические навыки работы с программой MS Paint .

ХОД УРОКА

I. Организационная часть.

Проверить явку, внешний вид, готовность к уроку.

II. Практическая работа

Практическую работу предлагается выполнять в следующей последовательности.

а. Проанализируйте рисунок, который вы должны нарисовать.

б. Определите, какие инструменты вам понадобятся.

в. Рисуем рисунок, используя метод конструктора.

Необходимо нарисовать морковь, для этого нам понадобятся инструменты: Эллипс, Линия, Ластик, Заливка, Надпись.

1. На панели инструментов выбираем инструмент Эллипс, рисуем круг в области деталей. Переноси его в область рисунка.

2. Рисуем линии в области деталей, используя инструмент Линия, переносим их в область рисунка.

3.Используя инструмент Ластик, стираем половинку круга. Рисуем морковке линии, используя инструмент Линия.

4. Создаем хвостик морковки, для этого в области деталей рисуем линию, с помощью инструмента Линия ,вдоль линии рисуем несколько маленьких. Переносим в область рисунка. Копируем созданную веточку, используя команду Наклонить/растянуть, наклоняем по вертикали на 40⁰.

5. Раскрашиваем морковку с помощью инструмента Заливка. Делаем надпись инструментом Надпись.

III.Подведение итогов

1. Подготовить отчёт в электронном виде (Титульный лист; вариант индивидуального задания; примеры, выполненные в классе).

2. Выставление оценок на основе нормативного документа (Приложение 4) – критерии оценивания знаний по теме:«Графический и текстовый редактор»

IV. Домашнее задание

Создать натюрморт из вариантов практической работы.

(Приложение 3)

Варианты индивидуальных заданий:

1. Нарисовать Яблоко. Подписать, разукрасить, написать какие инструменты были использованы.

2. Нарисовать Грушу. Подписать, разукрасить, написать какие инструменты были использованы.

3. Нарисовать Дольки апельсина. Подписать, разукрасить, написать какие инструменты были использованы.

4. Нарисовать Лимон. Подписать, разукрасить, написать какие инструменты были использованы.

5. Нарисовать Вишенку с листиком . Подписать, разукрасить, написать какие инструменты были использованы.

6. Нарисовать Ежевику. Подписать, разукрасить, написать какие инструменты были использованы.

7. Нарисовать Виноград. Подписать, разукрасить, написать какие инструменты были использованы.

(Приложение 1)

ОРГАНИЗАЦИЯ ТВОРЧЕСКОЙ РАБОТЫ УЧАЩИХСЯ ПРИ ИЗУЧЕНИИ ГРАФИЧЕСКОГО РЕДАКТОРА

Порядок выполнения работы:

1. Определить номер своего варианта. (Рассчитаться по порядку.)

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

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

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

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

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

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

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

(Приложение 2)

Пример метода конструктора —

создание рисунка игрушки «Неваляшка»:

1.Выбираем базовый элемент (в данном случае линию основания) и отображаем его в области рисования, используя инструмент Линия.

2.В области деталей рисуем второй элемент, используя инструмент Эллипс:

3.Выделяем нарисованный элемент,

используя инструмент Выделение.

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

5.Рисуем следующий элемент.

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

7.Рисуем очередной элемент и выделяем его.

8.Поскольку таких элементов несколько, при перемещении удерживаем нажатой клавишу Ctrl, выполняя копирование в пределах рабочего поля, в области деталей остается заготовка.

9.Так как скопированный элемент выделен, продолжаем работу аналогично предыдущему этану.

10.Удаляем ненужную теперь заготовку, используя инструмент Ластик, или, выделив элемент инструментом Выделение, выполняем команду Правка, Очистить выделение и рисуем две следующих детали рисунка.

11.Поочередно выделяем их и перемещаем в область рисунка.

12.Для создания следующего элемента рисуем эллипс, выделяем его верхнюю часть и удаляем (команда Правка, Очистить выделение).

13.Выделяем элемент и перемещаем его в область рисунка.

14.Рисуем следующий элемент.

15.Поскольку требуется два таких элемента, при копировании удерживаем нажатой клавишу Ctrl.

16.Для создания следующего эле­мента рисуем эллипс, затем удаляем его часть.

17.Создаем копию детали и преобра­зуем ее. Выполняем команду Рисунок, Отразить/повернуть.... Откроется окно От­ражение и поворот, в котором устанав­ливаем переключатель в положение От­разить слева направо.

18.Поочередно перемещаем заготов­ки в область рисунка.

19.Выделяем готовый рисунок и с помощью команды Правка, Копировать в файл... записываем его на диск.

Введение

Уроки 6.1.4. Создание анимации. Вставка графических объектов и рисунков в текст и 6.1.3. Практическая работа в среде графического редактора» разработаны на основе программы информатики 10-11 классов для общеобразовательных учебных заведений, физико-математического, природного и технического профилей, рассчитаны на 2 часа.

Главной целью уроков является научить учащихся работать с элементами графического редактора: наклоном, отображением, сжатием рисунков, работой с текстом.

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

Уроки опираются на методы познания, анализа и синтеза, обобщения, специализации и аналогии; принципы наглядности, постепенности и систематичности знаний.

При разработке уроков была использована учебно – метдочиская литература:

1. Гаевский А.Ю. Информатика:7-11кл.:Учебн. Пособие.- К.:А.С.К., 2004. – 536 с.

2. Календарно-тематичне планування навчання інформатики за чинними програмами для загальноосвітніх навчальних закладів//Інформатика.-2005.-№26-28.-С.3-61

3. Критерії оцінювання рівня навчальних досягнень учнів з інформатики//Інформатика та інформаційні технології в навчальних закладах. – 2006.- №1. – С.14-16

4. Морзе Н.В. Методика навчання інформатики: Навч.посіб. для студ.пед. вузів/Зам ред. М.І. Жадалка.- К.:Курс,2002.- 895с.

5. В.Д.Руденко, Збірник практичних робіт з інформатики: Навч.посібник/За заг. Ред.. В.Ю. Бикова. –К.:Вид. група ВНV. -2005, кн. 2:Інформаційні технології.-352 с.

(Приложение 4)

Критерии оценивания уровня знаний учеников по теме:

«Графический и текстовый редактор»