Муниципальное бюджетное образовательное учреждение дополнительного образования

Дом детского творчества города Холмска

Муниципального образования «Холмский городской округ» Сахалинской области

Первый год обучения

Возраст учащихся 8 – 10 лет

ПДО: Колосовская Любовь Федоровна

Конспект открытого занятия

объединения «Инфознайка»

Тема: Графический редактор Paint. «Создание фотоколлажа»

Цели урока:

1. Обучающая. Продолжение работы над изучением возможностей графического редактора Paint; совершенствование навыков работы в графическом редакторе Paint;

2. Развивающая . Развитие активности и самостоятельности; развитие творческих способностей; развитие навыков применения компьютерных технологий.

3. Воспитательная . Воспитание культуры работы в графической среде; воспитание эстетического отношения к действительности; воспитание любви к родному краю.

Тип урока: практическая работа.

План урока:

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

Вступительное слово (10 мин)

Просмотр презентации «Сахалин – мой край родной» (3 мин)

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

Самостоятельная работа (15 мин).

Физкультминутка (5 мин)

Самостоятельная работа (20) мин.

Гимнастика для глаз (2 мин)

Самостоятельная работа (25 мин)

Подведение итогов, выключение ПК (5 мин).

Ход урока

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

– приветствие;

2 . Вступительное слово учителя.

Уже несколько уроков мы с вами работаем с графическим редактором Paint. Давайте вспомним, что мы уже научились делать с его помощью.

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

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

Вспомните тему последних уроков. (создание коллажей)

Что такое «коллаж». «Коллаж » происходит от французского слова, буквально обозначающего «наклеивание».

Коллаж – это создание единого изображения из частей нескольких отдельных изображений.

Какие коллажи вы уже научились создавать? (коллаж из цветов)

Какими инструментами пользовались при создании своих работ?

(выделение, копирование, свободное вырезание, отразить/ повернуть, подписать работу, сохранить как…)

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

Скажите, а кто-нибудь из вас знает, как называется наша малая Родина? (Сахалин)

А скажите, чем замечателен наш Сахалин? (красивая природа, много лесов, чистый воздух, полноводные реки, в которые заходит на нерест горбуша; много птиц, зверей) Вы любите свою малую Родину?

Давайте – же просмотрим сейчас презентацию «Сахалин – мой край родной!

3 .Просмотр презентации «Сахалин – мой край родной». Звучит песня «Ну что тебе сказать про Сахалин»

Да, нам повезло: мы все живём здесь, на дивной, необычайно красивой сахалинской земле. Все мы хотим, чтобы наш чудесный Сахалин радовал своей удивительной природой не только нас, её жителей, но и жителей других регионов и стран. Хочется, чтобы в душе каждого человека жили воспоминания о нашем удивительном уголке России. Но как это сделать? Как вашим друзьям или родственникам, живущим на материке, показать красоту нашего островного края? (можно отправить фотографии сахалинской природы)

Вы уже знаете что такое коллаж, а что такое фотоколлаж?

Фотоколлаж – это соединение нескольких фотоэлементов в одной картинке.

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

Тема нашего урока: создание фотоколлажа из фотографий Сахалина.

Продумайте, что бы вы хотели отобразить в своей работе: природу, животный мир, виды города.

Давайте повторим как вставить картинку из файла:

Меню Правка – вставить из файла

Открыть папку «Природа Сахалина» выбрать «Эскиз рисунка» (чтобы предварительно просмотреть рисунки, фотографии); выделить фотографию - открыть.

Что нужно сделать:

Если фото или картинка вставилась очень большого размера? (не снимая выделения, захватить за уголок стрелочкой тянуть вниз-вправо, пока фото не уменьшится);

Если, вставленные фотографии разного размера? (не снимая выделения, выровнять)

Такой фотоколлаж вы можете отправить своим друзьям или подарить родственникам.

Ваша задача:

Вставить 6 фотографий, отредактировать размер каждой.

Вставить надпись «Сахалин – мой край родной»

Оформить единой рамкой

Теперь вы можете приступить к созданию своих коллажей.

5 . Самостоятельная работа учащихся за компьютером.

Перед каждым из вас лежит карточка – подсказка с алгоритмом выполнения фото коллажа.

6 . Физкультминутка: под музыку выполняем ритмические движения.

Теперь вы можете продолжить работу.

7. Самостоятельная работа

8 . После 20 минут работы провожу гимнастику для глаз.

9 . Творческая работа за компьютером.

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

Итак, скажите, чему же вы научились на сегодняшнем уроке?

А кто помнит, что такое коллаж?

Где можно использовать знания, полученные на уроке?

Давайте рассмотрим ваши работы.

Выполнена ли поставленная задача?

Все ли требования выполнены, верно?

Какие есть замечания?

Интересно ли будет вашим друзьям получить такой подарок?

О чем вы хотите рассказать друзьям в своем коллаже?

Хорошо! Молодцы. С работой вы справились прекрасно.

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

Как сделать фото-коллаж в Paint.NET

Простой и эффектный урок для тех, кто задается вопросом «Как сделать фото-коллаж при помощи Paint.NET». Идея урока заимствована с англоязычного форума https://forums.getpaint.net/index.php?/topic/12300-polaroid-collage/

Итак, начнем. Сначала создадим фон будущего фото-коллажа. Мы выбрали простой линейный градиент Paint.NET из белого и серого цветов. После этого сделаем заготовку для фотографии. Фотографии мы будем делать в стиле Polaroid. Поэтому создадим новый прозрачный слой, на котором при помощи инструмента Paint.NET «фигуры» нарисуем белый прямоугольник, который будет символизировать основу моментального снимка. Обратите внимание, что фон и белый прямоугольник – это два разных слоя.

Теперь вставим на слой с белым прямоугольником изображение с нашей фотографии. Сразу после вставки изображения, не снимая выделения с вставленного рисунка, переместите его и измените размер, так что бы он находился внутри белого прямоугольника, как мгновенная фотография Polaroid. Переместить и изменить размер рисунка в Paint.NET можно при помощи «инструментов перемещения области ».

Теперь выделим изображение полученной мгновенной фотографии и повернем его под углом.

Для выделения участков изображения в Paint.NET используются инструменты «инструменты выделения области », а повернуть можно по правой кнопке мыши с помощью «инструментов перемещения области в Paint.NET »

Теперь для придания большей реальности нашему коллажу, примените к слою с фотографией дополнительный

Назад Вперёд

Внимание! Предварительный просмотр слайдов используется исключительно в ознакомительных целях и может не давать представления о всех возможностях презентации. Если вас заинтересовала данная работа, пожалуйста, загрузите полную версию.

Цель урока: познакомить учащихся с градиентными масками и показать, как с их помощью можно создать коллаж.

Тип урока: комбинированный урок.

Обучающие:

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

развивающие:

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

воспитательные:

• воспитание способности к творческой художественно-эстетической деятельности;
• воспитание аккуратности, терпения, усидчивости.

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

• Научить пользоваться знакомыми инструментами в новом качестве.
• Развивать творческие способности учащихся
• Научить создавать элементарный коллаж.

Необходимое оборудование и материалы:

Компьютеры с установленной на них программой Microsoft PowerPoint и программой Gimp 2.66, AdobeFlash Player, мультимедийный проектор, экран или интерактивная доска, компьютерная презентация “Sozdanie_kollazha”, компьютерная презентация “Test”, дидактический раздаточный материал, набор фотографий, фотоаппарат, флэш-ролик 3_sposob_gradient.

План урока.

1. Организационный момент. 1 мин.
2. Проверка д/з 5 мин.
3. Актуализация знаний 6 мин.

• Фронтальный опрос по пройденному материалу.
• Тест.

Проверка базовых знаний по теме

Изложение нового материала. 7 мин.

• Постановка проблемы и исследование.

Физкульминутка. 1 мин.

Практическая работа. 20 мин.

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

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

Ход урока

Мотивация учащихся.

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

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

Приветствие, проверка готовности к уроку, проверка отсутствующих.

2. Проверка домашнего задания.

На прошлом уроке мы начали изучать графический редактор? Гимп. И домашнее задание у вас было создать пейзаж используя инструмент кисти гр.ред. Все свои работы вы передали мне по сети на перемене. Кто желает показать и прокомментировать свою работу.

Вызываются поочередно два ученика показывают свою работу и комментируют какие кисти они применили для создания своей работы и почему. В чем возникли трудности.

Спасибо садись. Вызывается следующий ученик.

3. Актуализация знаний.

Проводится фронтальный опрос.

Какие графические редакторы вы еще знаете?... Ответ:

Чем отличаются гр. редактор Гимп и например Корел? Ответ: Растровый и векторный.

А в чем их принципиальное оличие? Ответ: В векторном редакторе изображение строиться по формулам описывающим Примитивы в растровом по точкам пикселям.

Сколько окон в редакторе Гимп? Ответ: 3 объясняют какие.

Какие группы инструментов вы знаете? Ответ: Выделение, Рисование, Преобразование

Перечислите способы создания нового слоя? Ответ: В меню слой новый слой или на панели слои нажать пиктограмму Новый слой или вставить изображение как слой

Какими образом можно изменить расположение слоев ? Ответ: Взять и не отпуская мышки пернести.

Как изменить размер картинки? Ответ: применить инструмент масштабирование, растянуть или уменьшить изображение затем нажать Изменить.

4. Проверка базовых знаний по теме

Молодцы, мы с вами вспомнили как работать в Гимп, вы все знаете и вам не составит труда ответь на вопросы следующего теста. Тест находится на рабочем столе компьютера, перейдите к свои компьютерам и откройте файл презентации “Тест” (приложение 1). Запускаем презентацию на демонстрацию и выбираем правильный ответ щелкая по тексту, переходим на следующий слайд нажатием на кнопке Далее, на последнем слайде нажимаем Показать результат.

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

Ученики выполняют тест. На работу отводится 3 минуты . Учитель проходит и записывает оценки полученные учениками.

После окончания переходим за парты.

5. Изложение нового материала

Постановка проблемы:

Посмотрите внимательно на доску (Презентация) и попробуйте расшифровать предложенные ребусы. (Cлайд 1, 2)

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

Первый – маска, второй градиент, третий кисть, четвертый выделение

Хорошо вы молодцы справились.

Посмотрите на те слова которые вы отгадали с помощью ребуса попробуйте сформулировать тему сегодняшнего урока. (Слайд 3)

Учащиеся формулируют. Еще, Еще. Несколько формулировок. Одному ученику предлагается обобщить все высказанное. Учитель показывает тему урока. (Слайд 4)

Тема урока: Создание коллажа разными способами в графическом редакторе Gimp.

Как выдумаете, чему мы должны сегодня научиться.

Ученики дают несколько ответов формулируя цель.

Учитель щелкает по слайду и появляетс цель урока. (Слайд 4)

Цель: Создавать коллаж разными способами.

Правильно. Молодцы

(Слайд 5) Термин “Коллаж” в переводе с французского означает – “наклеивание”.

Записать в тетрадь: Коллаж – это технический приём в изобразительном искусстве, заключающийся в наклеивании на подложку предметов и материалов, отличающихся от основы по цвету и фактуре.

Этот прием предполагал вырезание различных фрагментов изображений, из газет и журналов, и наклеивание их вместе на лист бумаги для создания единой картинки и в детстве многие из нас делали коллаж. (Слайд 6)

В программе Гимп ножницы, чтобы вырезать фрагменты, и бумагу для наклеивания нам заменят инструменты. Как вы думаете какие? Ответ: инструменты выделения (как правило). (Слайд 7)

Да молодцы. Но это только один способ, а какие еще могут быть способы? Начинают хаотично перечислять инструменты.

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

Записать в тетрадь: (Слайд 8) Быстрая маска - Изображение открыто только в тех местах, где пиксели маски - белые. Черные пиксели в маске обозначают закрытое изображение - в этих местах слой считается прозрачным. Поэтому рисовать надо белым цветом.

Быструю маску активируют нажатием на пиктограмму в левом нижнем углу изображения

Заранее запущена на компьютере программа Гимп учитель переключается между окнами нажатием на ALT+TAB, показывает где находится быстрая маска и как она работает.

В режиме Быстрой маски изображение становиться красным.

Итак первый способ.

Учитель показывает в Гимпе (если необходимо включить режим масштабирование на проекторе для увеличения проецируемого изображения). Первый способ. Затем переключается на презентацию. И учащиеся записывают способ в тетради (можно подготовить и распечатать способы для последующее вклейки в тетрадь) (Слайд 9)

1 способ. Инструменты выделения.

1. Выбрать инструмент выделения, например Круг.
2. Настроить параметры- растушевать края, установить радиус.
3. Выделить фрагмент.
4. В меню выбрать Выделение Инвертировать. Нажать Delete

Переключается в Гимп показывает 2 способ, переключается в презентацию, показывает учащиеся записывают в тетрадь. (Слайд 10)

2 способ. Инструмент кисть

1. Выбрать инструмент Кисть, параметры Circle Fuzzy (19), установить радиус.
2. Перейти в режим Быстрая маска, щелкнуть в левый нижний угол рабочего поля.
3. Выбрать цвет - белый.
4. Выделить область, выйти из Быстрой маски.
5. В меню выбрать Выделение Инвертировать. Нажать Delete.
6. Выбрать инструмент перемещение переместить на нужное место.

Аналогично третий способ. (Слайд 11)

3 способ. Инструмент градиент

1. Выбрать инструмент градиент, настроить параметры цвета из белого в черный, форму- линейную или радиальную.
2. Нажать на рисунке и протянуть, выйти из Быстрой маски

Появится выделение, нажать Delete

6. Первичное закрепление изученного материала. (Слайд 12)

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

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

Обсуждение: фон - градиент, лица - выделение или кисть.

Самые интересные работы будем демонстрировать на экране в холле. Кто хочет, может воспользоваться фотоаппаратом и сделать снимки своих одноклассников для создания коллажа.

Все фото находятся В локальной сети на Teacher3/10б/коллаж/.” Копируем папку на свой компьютер в Мои документы. Готовую работу вы сохраняете в сети в папке документы на Teacher3/10б/коллаж/фамилия. (Слайд 13)

Для успешного выполнения задания я приготовила для вас подробную инструкцию, она лежит около ваших компьютеров (Приложение 2) и флэш-ролики (Приложение 3 (на рабочем столе), если у кого-нибудь возникнут вопросы, вы всегда сможете их открыть и еще раз просмотреть все то, что я вам показывала сегодня на уроке).

6. Физкультминутка.

Но перед работой давайте немного дадим отдых своим глазам. Закрыли глаза, зажмурились несколько раз. Открыли глаза посмотрели направо, затем налево. Написали глазами свое имя. Хорошо, а теперь переходим от стола к компьютерам.

Приступаем к работе.

Выполнение практической работы (20 мин.)

В процессе учащиеся передают файлы по локальной сети. Учитель просматривает и видит, кто справился с работой.

8. Подведение итогов урока. Самоанализ и рефлексия обучающихся.

Ответьте, пожалуйста, мне на следующие вопросы:

• Появились ли у вас новые знания, умения в процессе выполнения работы?
• Помогла ли проделанная работа закрепить знания, умения?
• Что в работе было наиболее интересным?
• Каковы были основные трудности и как их вы преодолели?
• Пригодятся ли вам навыки создания коллажа, сможете ли вы их использовать в личных целях?

Какие вы можете сделать замечания и предложения для будущих уроков? Выставление оценок.

9. Домашнее задание. (Cлайд 14)

Создать коллаж на свободную тему.

Фотоколлажи часто используются для оформления семейных и/или каких-то личных фотографий. У них может быть разная стилистика оформления, количество используемых фотографий, а также программы, в которых они выполняются. В Paint.NET вы можете сделать несложный коллаж из нескольких фотографий, так как весь необходимый инструментарий здесь присутствует.

Как сделать коллаж из фотографий в Paint.NET

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

1. Запустите сам редактор. По умолчанию там уже будет открыт новый документ. Однако, если вам нужен рабочий документ другого размера, то вам его потребуется пересоздать. Для этого нажмите на кнопку «Файл». Из контекстного меню перейдите в раздел «Создать» или воспользуйтесь сочетанием клавиш Ctrl+N.
2. В открывшемся окошке создания нового документа задайте необходимые вам параметры – ширину, высоту, размеры для печати (в дюймах), разрешение. Последнее рекомендуется выставлять в районе 300 пикселей на дюйм, если коллаж планируется отдавать в печать.



3. Давайте зададим какой-нибудь фон для нашего будущего коллажа, так как белый фон по умолчанию смотрится не очень. Например, можно сделать фон в виде чёрно-белого градиента. Плюс, вам будет гораздо проще работать с таким фоном. Наложите градиент на фоновый слой. Для этого выберите в панели инструментов соответствующий инструмент.
4. Теперь задайте начальную и конечную точку градиента на холсте. Должно получится что-то вроде этого.
   Мы уже подробно расписывали процесс создания градиента с помощью инструментов Paint.NET. Можете ознакомиться с этой инструкцией по представленной ссылке.




5. Теперь создайте новый слой. Воспользуйтесь специальной кнопкой в панели со слоями, которая отмечена на скриншоте ниже.



6. В левой части нажмите на иконку с геометрическими фигурами.
7. В верхней панели среди доступных фигур выберите прямоугольник. У параметра «Ширина» поставьте значение в наибольшее значение, чтобы фигура полностью залилась, а не только по границам. Эта фигура будет подложкой для фотографии.
8. Отмасштабируйте её и выберите нужный цвет в панели в левой нижней части экрана.




9. Теперь откройте «Проводник» Windows и выберите нужное вам изображение. Переместите его в рабочую область Paint.NET.
10. Программа спросит у вас, как именно вставить изображение. Выберите вариант «Вставить как слой».
11. Изображение было успешно добавлено в рабочую область. Измените его размер и пропорции так, чтобы оно поместилось на белый прямоугольник, который вы нарисовали ранее.
12. Если после добавления изображения рабочая область проекта слишком сильно расширилась, то выделите старую рабочую область с помощью соответствующего инструмента и нажмите на кнопку, что отмечена на скриншоте.




13. Также, если нужно, то объедините слои с фотографией и подложкой. Для этого выделите слой с фотографией и воспользуйтесь кнопкой «Объединить с предыдущим».
14. Затем с помощью инструментов выделения выделите область с фотографией и подложкой. После нажмите на иконку в виде курсора в панели слоёв и отнесите выделенную область в нужную часть холста. При необходимости её можно повернуть.
15. Теперь проделайте практически всё, что было описано в предыдущих шагах с другими изображениями, чтобы получить коллаж.
16. Сохраните полученный результат. Нажмите на кнопку «Файл» и там выберите пункт «Сохранить как». В диалоговом окне задайте название файла, его расширение и выберите директорию, в которую бы хотели его сохранить.

Как видите, в Paint.NET вполне реально создать коллаж из нескольких фотографий, хотя на первый взгляд это может выглядеть сложно. Правда, чтобы создавать более интересные коллажи, вам придётся либо скачивать и устанавливать дополнительные плагины для программы, либо переходить на более профессиональное ПО.

Огромное число пользователей искренне считает, что сделать интересный коллаж можно только в таком графическом гиганте как фотошоп? Cейчас мы развеем этот миф и создадим самый настоящий коллаж в бесплатном, небольшом, но многофункциональном редакторе Paint.net. В одном из прошлых материалов мы уже рассматривали эту программу. Сегодня хочется выйти за рамки простого обзора и создать нечто неповторимое и уникальное.

{mosloadposition debug}

По окончании сегодняшнего урока у нас должен родиться вот такой шедевр:

Для начала откроем файл с главным героем в программе Файл - Открыть… (Ctrl+O) Мы видим, что файл в формате Jpeg и вокруг объекта есть белый фон, который нам нужно удалить.

Для этого воспользуемся инструментом волшебная палочка (S), так как этот инструмент позволяет выделить аналогичные области цвета.

Для выделения просто кликнем по фону. Если в область выделения кроме белого фона попали еще какие-то объекты, отмените выделение (Ctrl+D), уменьшите чувствительность инструмента и кликните по фону еще раз.

Когда у вас получилось выделить только фон, жмем Правка - Очистить выделение или просто delete. Теперь необходимый нам объект на прозрачном фоне.

Открываем фон нашего коллажа, куда необходимо переместить только что выделенный объект. Для этого переходим Файл - Открыть… (Ctrl + O), возвращаемся к нашему объекту, кликнув на его пиктограмме в верхнем правом углу. И жмем Ctrl+A (выделить все).

Возвращаемся в файл с фоном. Создаем новый слой: Слои - Добавить новый слой (Ctrl + Shift + N). Вставляем наш объект: Правка - Вставить (Ctrl + V).
Программа вам предложит следующее:

Выбираем изменить размер холста и получаем приблизительно следующую картинку, так как размер фона был гораздо меньше чем нашего объекта.

Не надо сразу паниковать. Наши объекты находятся на разных слоях, а значит, мы можем изменить их размеры, а лишний пустой фон удалить.
Всем известно, что увеличение плохо сказывается на резкости, поэтому мы будем уменьшать большой объект.
Делаем активным слой с объектом, который надо изменить. Это наш волшебник. Далее переходим: Слои - Вращение/Масштаб… (Ctrl + Shift + Z)

В открывшемся диалоговом окне можно изменить не только размер объекта, но и его расположение. При этом все изменения мы видим сразу же на экране.
Для уменьшения размера, ухватитесь за ползунок масштаб и потяните вниз. Чтобы изменить положение слоев друг относительно друга, измените положение крестика в окне Навигация. А чтобы повернуть объект по часовой стрелке или против, необходимо покрутить колесо Наклон/Поворот.
Вот такие настройки сделала я.