Работа со слоями в программе Gimp. Создание коллажа (практическая работа)

BUTOV

¯ Что такое графический редактор?

¯ Что такое пиксель?

¯ Какие два типа графических редакторов существуют?

¯ Назовите форматы графических файлов. Какие из них наиболее оптимальны с точки зрения экономии дискового пространства?

¯ Какие инструменты выделения Gimp вы знаете?

¯ Где находится панель свойств открытого инструмента?

¯ Как можно открыть диалоги (Масштаб, Палитра, История отмен, Кисти и т.д.)?

¯ Какие операции над выделением можно проводить в Gimp?.  

¯ Что такое графический редактор?

¯ Что такое пиксель?

¯ Какие два типа графических редакторов существуют?

¯ Назовите форматы графических файлов. Какие из них наиболее оптимальны с точки зрения экономии дискового пространства?

¯ Какие инструменты выделения Gimp вы знаете?

¯ Где находится панель свойств открытого инструмента?

¯ Как можно открыть диалоги (Масштаб, Палитра, История отмен, Кисти и т.д.)?

¯ Какие операции над выделением можно проводить в Gimp?

¯ Что такое графический редактор?

¯ Что такое пиксель?

¯ Какие два типа графических редакторов существуют?

¯ Назовите форматы графических файлов. Какие из них наиболее оптимальны с точки зрения экономии дискового пространства?

¯ Какие инструменты выделения Gimp вы знаете?

¯ Где находится панель свойств открытого инструмента?

¯ Как можно открыть диалоги (Масштаб, Палитра, История отмен, Кисти и т.д.)?

¯ Какие операции над выделением можно проводить в Gimp?.  

Карта достижений Класс__________________ Фамилия, имя__________________
Этап урока	Балл
1. Тест презентации «Панель инструментов» (max 5 б)
2 Практическая работа (max 5 б)
3 Творческое задание (max 5 б)
4. Компьютерный тест (max 10 б)
Общая сумма баллов

На обороте карты ответьте на вопросы СИНКВЕЙНА

Карта достижений Класс__________________ Фамилия, имя__________________
Этап урока	Балл
1. Тест презентации «Панель инструментов» (max 5 б)
2 Практическая работа (max 5 б)
3 Творческое задание (max 5 б)
4. Компьютерный тест (max 10 б)
Общая сумма баллов

На обороте карты ответьте на вопросы СИНКВЕЙНА

Оцените свое состояние до и после урока.

Для этого выделите соответствующую картинку

   До урока

         

     После урока

                       

Оцените свое состояние после урока.

Для этого выделите соответствующую картинку

До урока

     

После урока

       

Практическая работа «Создание коллажа»

1.    Зайдите в папку С:\ Урок \ Рисунки к уроку \ Практическая работа Коллаж

2.    Откройте файлы "Кабель.jpg" и "Собака.jpg".

                    

1 Шаг    Совмещение изображений

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

     Обратите внимание, что нет необходимости копировать всё изображение целиком - нам нужен только кабель, но не белый фон, на котором он находится.

Выполните:

1.    Выберите инструмент "Волшебная палочка"(Выделение связанной области);

2.    Щёлкните по белому фону - он выделится;

3.    Выделение - инвертировать выделение, Выделенным станет только кабель;

4.    Скопировать выделенный фрагмент в буфер обмена и вклеить его в новое изображение (окно, где находится собака: Правка - вставить)

Посмотрите в палитру слоёв. Обратите внимание, что скопированное изображение кабеля помещено в новый слой.

2 Шаг     Трансформация

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

Выполните:

1.    В палитре слоёв щёлкните по слою с кабелем – он должен  быть выбранным (плавающий слой при помощи контекстного меню преобразовать в обычный);

2.     Для трансформации воспользоваться инструментами Масштаб и Вращение -  вокруг кабеля появится рамка с      квадратиками;

3.     Переместите изображение кабеля (Для перемещения ухватите изображение кабеля за область внутри рамки с помощью инструмента Перемещение  и перетащите кабель к пасти собаки);

3 Шаг      Ретуширование

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

Выполните:

1.    Чтобы было проще редактировать, увеличьте с помощью диалога Навигация изображение;

2.    Выберите инструмент "Ластик";

3.    Удалите лишние фрагменты кабеля (Сотрите часть кабеля напротив пасти);

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

5.    Выберите маленькую кисть и создайте затенение нужных участков кабеля;

 Затемнение

Чтобы изображение выглядело более реалистично, нужно

сделать часть кабеля возле пасти более тёмной.

Выполните:

1.    Выберите инструмент "Кисть";

2.     Выберите темно серый или чёрный цвет;

3.    Несколькими мазками кисти сделайте кабель возле пасти темнее.

4 Шаг     Добавление надписи

Выполните:

1.    Выберите инструмент "Текст";

2.    Щёлкните мышкой в верхней части изображения, чтобы выбрать, с какого места должна начинаться надпись и растяните рамку текста;

3.    На панели параметров диалога «Текст» выберите шрифт (подберите размер визуально);

4.    На панели параметров выберите чёрный цвет букв;

5.    Введите надпись "PEMOHT";

6.    Передвиньте надпись так, чтобы она располагалась по центру.

5 Шаг      Создание тени

Для создания тени можно воспользоваться возможностью создания эффектов для слоёв.

Выполните:

1.    Продублируем слой надписи и создадим из него тень;

2.    На ниже лежащем слое с помощью инструмента Перспектива и Трансформация провести искажение текста надписи и сместить ее немного в сторону.

3.    С помощью меню Фильтры создать Размытие - Гаусово размытие

4.    Поэкспериментируйте с настройками эффекта, чтобы создать  красивую тень.

6 Шаг      Сохранение результатов

1.    Сохраните результаты работы в своей папке

2.    Продемонстрируйте работу учителю

Советы Gimp(Слои)

1.      Для создания сложного изображения в GIMP используются слои. Чтобы понять,  что это такое, представьте себе стопку картинок, нарисованных на прозрачной пленке, так что при просмотре они видны все сразу.

Диалог "Слои" можно открыть несколькими способами:

через меню панели инструментов: Файл → Диалоги → Слои из меню окна изображения: Диалоги → Слои

из любого меню закладок: Создать новую панель → Слои, каналы и контуры

при помощи клавиши быстрого доступа: Ctrl+L.

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

3.      Если вы хотите продолжить редактирование изображения позже, сохраняйте его в формате XCF. Это внутренний формат GIMP (.xcf) , который сохраняет все слои, маски и прочие части изображения именно в том виде, в котором вы их оставили. По окончании работы изображение можно сохранить в формате JPEG, PNG, GIF, ...

4.      Большинство расширений работает с активным слоем активного изображения. В некоторых случаях вам придется объединить слои («Изображение→Свести изображение»), чтобы расширение обработало все изображение.

5.      Если имя слоя в палитре слоев отображено жирным шрифтом, это означает, что у данного слоя нет альфа-канала. Вы можете добавить альфа-канал через меню «Слой→Прозрачность→Добавить альфа-канал».

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

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

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

9.      Если в диалоге слоев нажать значок с глазом, удерживая нажатой клавишу Shift, невидимыми станут все слои кроме того, чей значок вы нажали. Чтобы сделать все слои видимыми, снова нажмите тот же значок, удерживая нажатой клавишу Shift.

10.  Переключаться между слоями можно по Ctrl-Tab (если ваш оконный менеджер не использует это сочетание клавиш).

11.  Чтобы повернуть слой или выделенную область на число градусов, кратное 15, используйте клавишу Ctrl с инструментом интерактивного вращения.

12.  Чтобы переключить активность маски слоя, нажмите кнопкой мыши ее эскиз, удерживая клавишу Ctrl. Alt+щелчок по эскизу маски переключает прямое отображение маски.

Работа со слоями в программе Gimp. Создание коллажа (практическая работа)

Дата

Школа УСОШ №1

класс 10 б

Учитель Долинин А.А.

Тип урока: урок  новых знаний с элементами применения ранее изученного

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

 Время  урока 40 минут

---

Цели урока.

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

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

 II. Развивающие:

o    Развивать творческие способности, память, внимание, воображение  навыки самостоятельной, групповой  и парной работы;

o    Развивать познавательную мотивацию через создание эмоционального настроя;

o    Активизировать умственную деятельность с помощью дифференцированных заданий, с целью введения ситуации выбора;

o    Развивать контроль и самооценку;

III. Воспитывающие:

o   Воспитывать аккуратность, внимание, терпение, усидчивость, самостоятельность и чувство товарищества;

o   Воспитывать умение рационально использовать время урока;

Задачи урока:

1.    Закрепление изученного материала по программе Gimp.

2.    Знакомство с понятием слоя, способами фотомонтажа, ретуширования.

Предполагаемые результаты:

Ø  Формирование у учащихся устойчивых познавательных интересов и способностей их удовлетворения собственными силами.

Ø  Осуществление самопознания на основе рефлексии

Материалы и оборудование:

1.           Компьютеры IBM PC с операционной системой MS Windows или Linux и графическим   редактором Gimp.

2.           Мультимедийный проектор.

3.           Интерактивная доска

4.           Раздаточный материал (карточки инструкций  для         практической работы.)

5.           Мультимедийная презентация по теме урока.

6.           Компьютерный тест

План-конспект  урока:

Этапы урока (время)	Деятельность учителя	Предполагаемая деятельность учащихся	Психолого-педагогический комментарий
1. Организационный (1 мин) Цель: обеспечить нормальную внешнюю обстановку для работы на уроке и психологически приготовить учащихся к общению и предстоящему занятию	Здравствуйте ребята. Садитесь. Перед вами на столах бланк «зачетки», который вы будете заполнять по мере по мере прохождения этапов урока. Подпишите этот бланк.	Встают. Приветствуют учителя. Удобно располагаются. Подписывают бланк «зачетки»	Обеспечивается благопри-ятная обстановка для работы и психологический настрой учащихся к общению и началу занятия, учащиеся быстро включаются в деловой ритм.
2.Целеполагание     и мотивация (3 мин) Цель: поднять мотивацию учащихся к участию в процессе познавательной деятельности, организация активной, самостоятельной и результативной работы каждого ученика при решении учебно-познавательных задач. Познакомить с планом и правилами работы, постановка проблемы и целей.	На прошедших уроках мы начали изучать  растровый графический редактор Gimp. Продемонстрировать слайд1 презентации «Коллаж». Что можно заметить? Верно. Но художник не ставил своей целью скрыть, что это коллаж. На самом деле Gimp - прекрасный инструмент для выполнения фотомонтажа. Он имеет набор средств, позволяющих быстро и качественно совместить несколько изображений. Если хорошо постараться, то можно незаметно объединить несколько разных рисунков так, что всем будет казаться, что "так и было". (Слайд2) Какое изображение, на ваш взгляд, более реалистично? Почему? Как вы думаете: что при фотомонтаже является самым трудным? При фотомонтаже самым трудным является подбор цветов и яркости, определение масштаба отдельных частей и их выравнивание в изображении. Самое незначительное противоречие быстро распознается глазом наблюдателя и разоблачает фотомонтаж. Сегодня на уроке мы начнем учиться работать над коллажами рисунков, вспомним какие инструменты выделения, ретуширования мы уже применяли и вас ждет самостоятельная практическая работа более сложная, чем те, которые вы делали раньше. Тема сегодняшнего урока «Работа со слоями в Gimp. Комбинирование рисунков из разных изображений. Создание коллажа» (3 слайд) Сегодня вы научитесь:(4 слайд) 1.     Совмещать два изображения. 2.     Работать со слоями. 3.     Трансформировать слои. 4.     Использовать параметры слоёв. 5.     Работать с инструментами ретуширования. 6.     Создавать искусственные тени.  В конце урока вы проведете оценку своей работы Запишем в тетради тему урока.	Использовали Gimp для рисования, редактирования рисунков, учились работать с выделением, с окнами программы. Изображение состоит из фрагментов других изображений. Второе Более реалистично, динамично,  есть иллюзия движения Предлагают свои варианты ответов Записывают тему урока.	Цели урока конкретизиро-ваны, связаны с содержанием учебного материала, предполагают задачи самостоятельного поиска знаний, развития мышления, эстетического воспитания. Формируются мотивы достижения, самооценка, позитивного отношения к учебе, активность. Идет настрой на работу, включение в мыслительную деятельность Развиваю операционный компонент учебной деятельности (ОКУД) через создание проблемной ситуации и мотивационный компонент учебной деятельности (МКУД) – познавательную мотивацию. Развиваю операционный компонент учебной деятельности (ОКУД) и постановку учебной задачи при целеполагании.
3. Подготовка к основному этапу усвоения учебного материала (8 мин) Цель: проверить правильность, полноту и осознанность приобретенных ранее знаний, мотивировать и мобилизовать силы учащихся.	1. Повторение теоретических основ.(2 мин) Мы изучали два вида графических редакторов, форматы графических файлов, применение инструментов графического редактора Gimp для различных операций. Какие инструменты мы уже применяли? Для начала давайте вспомним основные понятия. Форма работы – групповая. Ответьте на вопросы карточки. ¯  Что такое графический редактор? ¯  Что такое пиксель? ¯  Какие два типа графических редакторов существуют? ¯  Назовите форматы графических файлов. Какие из них наиболее оптимальны с точки зрения экономии дискового пространства? ¯  Какие инструменты выделения Gimp вы знаете? ¯  Где находится панель свойств открытого инструмента? ¯  Как можно открыть диалоги (Масштаб, Палитра, История отмен, Кисти и т.д.)? ¯  Какие операции над выделением можно проводить в Gimp?  Какие вопросы были не понятны или вызвали затруднение? Выделить призовыми баллами  самых активных учеников.                               3.     Работа с тестовым слайдом (приложение1) –(5-6 слайд) (5мин) Каждый вариант выбирает только те номера ответов, которые касаются этого варианта. 1.     Инструмент Умные ножницы 2.     Инструмент Масштаб 3.     Инструмент Свободное выделение 4.     Инструмент Кадрирование 5.     Инструмент Штамп 6.     Инструмент Контуры 7.     Инструмент Заливка 8.     Инструмент Лечебная кисть 9.     Инструмент Резкость/размытие 10. Инструмент Выравнивание 11. Инструмент Волшебная палочка 12. Инструмент Осветлитель/затемнитель 13. Инструмент Градиент 14. Инструмент Перемещение 15. Инструмент Ластик 16. Инструмент Кисть Поменяемся тетрадями с соседом и проведем проверку по ключу каждого варианта(7 слайд). Поставьте в свою зачетку за тест 5 баллов те, кто ответил все правильно, 4 балла – 1 ошибка, 3 балла – 2 ошибки, 2 балла – 3 ошибки, 1 балл – 4 ошибки	Фронтальная беседа (форма – быстрый опрос) Инструменты рисования, редактирования рисунков,  штампы, работали с панелью инструментов выделения, заливки, текста и т.д. Отвечают на вопросы, работая в группах Самостоятельная работа с тестовым слайдом презентации. Выполняют взаимопроверку. После проверки и выставления баллов выяснить у учащихся типичные ошибки и выделить проблемные инструменты с помощью маркера интерактивной доски	Обеспечение психологичес-кого комфорта учащихся, создание познавательного интереса к предмету. Нацеливание учащихся на учебную деятельность, систематизация знаний. Воспитание сопереживания своих успехов, умения давать самооценку своей деятельности. Развиваю операционный компонент учебной деятельности (ОКУД) (развитие внимания, мышления, навыки групповой работы) Развиваю операционный компонент учебной деятельности (ОКУД) –мыслительные операции при работе с фронтальным тестом Воспитание внимательности, честности, умения давать оценку  деятельности.
4.Изучение нового материала           (5 мин) Цель: дать учащимся конкретные представления об использовании  слоев в программе, эффектах и свойствах слоя, а также применении инструментов трансформации, ретуширования, перемещения выделения.	«Вхождение» в материал новой темы и знакомство с заданием (слайд 8-13) Дать учащимся: 1.     Понятие слоя 2.     Диалог «Слои» 3.     Режимы «Слоя» Перед вами на столах разложены описания задания практической работы. Давайте объединимся в пары и внимательно прочитаем текст задания, а потом разберем основные этапы работы Давайте выделим основные, ключевые  моменты работы. (14 слайд презентации)	Слушают, делают записи в тетрадях, задают вопросы, если какие-то моменты не понятны Самостоятельная работа в парах Фронтальная беседа с классом	Развиваю операционный компонент учебной деятельности (ОКУД) –внимание, мышление, наблюдательность во время фронтальной беседы Развитие, памяти, речи, самостоятельности учащихся, умения делать выводы. Активизация мыслительных действий учащихся. Развиваю ОКУД через методы самостоятельной парной работы. Развиваю ОКУД через развитие умения обобщать и делать выводы при подведе-нии итога самостоятельной работы в парах
5.Закрепление знаний (нового материала) (18 мин) Цель: закрепить в памяти учащихся те знания, которые они приобрели в ходе теоретического изучения материала, работая в парах, способствовать формированию у учащихся умений и навыков при работе со слоями.	Переходим непосредственно к выполнению самой практической работы. Располагаемся за компьютерами. Открываем  папку С:\ Урок \ Рисунки к уроку \ Практическая работа Коллаж и приступаем к выполнению практической работы. (15 слайд презентации) На выполнение работы вам отводится 10 мин. Все справились с заданием? У кого возникли сложности? Если вы справились с основным заданием, то поставьте в зачетный листок  - 5 баллов Проявите свои творческие способности: для закрепления навыка работы со слоями давайте дополнительно самостоятельно проделаем подобную работу еще раз. Можно воспользоваться рисунками, хранящимися в папке С:\ Урок \ Рисунки к уроку. Если на своем новом коллаже вы используете 3 или более фрагментов других изображений, то получите за свою работу 5 баллов, 2 – 4 балла, 1 – 3 балла (16 слайд презентации) Проведем компьютерное тестирование для выявления оставшихся проблемных вопросов (3 мин) С:\ Урок \Тесты Поставьте в свой зачетный листок за этап компьютерного тестирования то количество баллов, которое вам выставил компьютер.	Выполняют практическую работу Выполняют дополнительное задание практической работы Проходят тестирование Заполняют зачетный листок	Развиваю ОКУД через методы самостоятельной индивидуальной практической  работы. Создание «ситуации успеха» для каждого ученика. Способствовать развитию умения принимать самостоятельные решения. Развитие навыков самооценки. Развиваю МКУД эмоциональную и познавательную мотивацию через использование дифференциации. Развиваю ОКУД через методы самостоятельной  работы
6.Рефлексивно-оценочный этап. (2 мин) Цель: подвести итог урока, оценить работу учащихся, создать условия для самооценки учебной деятельности, закрепить положитель-ные эмоции от познания нового.	Подведение итогов.      Ребята, заканчиваем работу!       Что нового мы узнали сегодня на уроке? Оценим свою работу: (17 слайд) если Вы набрали:  25-23 балла, то Ваша оценка за урок «5» если Вы набрали:  22-20 балла, то Ваша оценка за урок «4» если Вы набрали:  19-16 баллов, то Ваша оценка за урок «3» Учитель подводит итог урока.  Оценивание работы, самооценка ученика. Ответьте на вопросы СИНКВЕЙНА на обороте  «Зачетки» Учитель благодарит учеников за урок.	Научились работать со слоями. Учащиеся выявляют пробелы в своих знаниях и умениях, выделяют над чем еще нужно работать. Выставляют в зачетные листы итоговые баллы и проходят психологическую рефлексию. Слова благодарности за совместную работу.	Развиваются навыки самоконтроля и самооценки, как важнейшее условие эффективной работы учащихся. Изучение психологического состояния учащихся на уроке
7.                 Информация о домашнем задании (2 мин) Цель: сообщить учащимся о Д/з и разъяснить методику его выполнения.	Д/з: выучить записи в тетради и составить свой коллаж на выбранную тему. Для самопроверки записей в тетрадях выдать опорный конспект учителя	Записывают домашнее задание Сравнивают свои записи с опорным конспектом, при необходимости записи дополняют.	Запрос на основные ЗУНы учащихся по теме урока.

Краткое описание документа:

Работа со слоями в программе Gimp. Создание коллажа (практическая работа)

Дата

Школа УСОШ №1

класс 10 б

Учитель Долинин А.А.

Тип урока: урок  новых знаний с элементами применения ранее изученного

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

 Время  урока 40 минут

---

Цели урока.

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

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

 II. Развивающие:

o   Развивать творческие способности, память, внимание, воображение  навыки самостоятельной, групповой  и парной работы;

o   Развивать познавательную мотивацию через создание эмоционального настроя;

o   Активизировать умственную деятельность с помощью дифференцированных заданий, с целью введения ситуации выбора;

o   Развивать контроль и самооценку;

III. Воспитывающие:

o   Воспитывать аккуратность, внимание, терпение, усидчивость, самостоятельность и чувство товарищества;

o   Воспитывать умение рационально использовать время урока;

Задачи урока:

1.    Закрепление изученного материала по программе Gimp.

2.    Знакомство с понятием слоя, способами фотомонтажа, ретуширования.

Предполагаемые результаты:

Ø  Формирование у учащихся устойчивых познавательных интересов и способностей их удовлетворения собственными силами.

Ø  Осуществление самопознания на основе рефлексии

Материалы и оборудование:

1.           Компьютеры IBM PC с операционной системой MS Windows или Linux и графическим   редактором Gimp.

2.           Мультимедийный проектор.

3.           Интерактивная доска

4.           Раздаточный материал (карточки инструкций  для         практической работы.)

5.           Мультимедийная презентация по теме урока.

6.           Компьютерный тест