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














Назад Вперёд

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

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

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

Обучающие:

  • закрепить умение работать со слоями изображения в программе 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

    Учимся делать коллажи для заданий в программе Paint:

    Сначала готовим фоты по размерам, т.е. уменьшаем:

    1. нажимаем на фото правой кнопкой мышки и выбираем «Открыть с помощью Paint»

    2. вверху открывшегося окна есть масса инструментов, выбираем «изменить размер».

    3. откроется окно, и в нем выбираете: в процентах или пикселях изменить ваш размер, причем чуть пониже обязательно проследите, чтобы стояла галочка для «сохранить пропорции». Тогда вам достаточно задать один размер для изменения, другой автоматом изменится и пропорции сохраняться - фото не исказится!

    4. жмем «ок».

    5. сохраняем получившееся фото (это значок «разлинованного листочка» влевом верхнем углу): выбираем Файл/ «сохранить как», далее «изображение в формате JPEG », далее - выбираем место (папку) для этого фото на компе и «ок».

    Все готово!

    Теперь создаем коллаж:

    1. открываем уже не фото, а саму программу «Paint» — Пуск / Стандартные / Paint:

    2. в окне появится белое поле

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

    3. жмете «открыть», и ваше фото появляется на белом поле. Левой кнопкой мышки передвигаете его к правому краю поля, далее процедуру повторяете с следующим фото и подтаскиваете его к первому. Внимание! Если вы добавили второе фото, то первое уже не сможете двигать! Обязательно потренируйтесь, что бы понять весь механизм, увидеть, как это все происходит, потом уже создавайте окончательное произведение! )

    4. пронумеровать фоты можно с помощью инструментов «карандаш» или «кисть». С помощью распылителя можно закрасить лицо!

    Я это делала в Фотошопе, но и здесь специально попробовала - тоже нормально, просто не печатные цифры получатся, а прописью.

    5. создав коллаж, сохраняем его так же, как измененные перед этим фото (см. выше!), т.е. обязательно в формате JPEG.

    Вот и все! Надеюсь эта инструкция кому-нибудь поможет. Жалко не использовать такой классный и полезный тренинг по максимуму из-за технических проблем! :))

    P. S. Обрезать и изменять размеры фото можно еще в программе «Microsoft Office Picture Manager» с помощью кнопочки вверху «изменить рисунки». Это программа стандартная, должна быть почти на любом компе в пакете стандартных программ. В этой программе я обрезала коллажи, поскольку невсе фоты иногда получаются одинакового размера, особенно, когда подбираешь модели в инете. Обрезать здесь гораздо удобней, чем в Paint.

    2019-04-11

    Программа MS Paint отлично подходит для создания простеньких коллажей.

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

    Хотя, вот пример создания коллажа в Paint из повернутых на несколько градусов картинок, расположенных на цветном фоне.

    Выбор цветов ограничен возможностями программы, но можно ввести и свой цвет.

    Коллаж в Paint

    Картинки заранее подготовьте, используя программу MS Paint. Как изображения обработать, написано .

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

    Создайте фон, вставьте первую картинку ПРАВКА - ВСТАВИТЬ ИЗ ФАЙЛА - ВЫБРАТЬ ИЗОБРАЖЕНИЕ -ОТКРЫТЬ. Она встанет в левый верхний угол.


    Картинка выделена инструментом ПРЯМОУГГОЛЬНОЕ ВЫДЕЛЕНИЕ, поэтому ее можно ПЕРЕДВИГАТЬ на нужное место, зажав левой клавишей мыши, и ПОВОРАЧИВАТЬ. Старайтесь расположить ее в правом верхнем углу, а следующие картинки ниже и правее.


    Чтобы повернуть картинку, в верхнем меню нажмите РИСУНОК - РАСТЯЖЕНИЕ И НАКЛОН.

    Наклоните ее по горизонтали на -5 градусов, по вертикали на 5 градусов. Картинка повернется, сохранив свои пропорции.


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


    Для нижнего изображения Зима я сделала по горизонтали наклон 10 градусов, по вертикали -10 градусов. Вставьте остальные фото.

    Изображения сконцентрированы в верхнем левом углу и большая часть фона оказалась пустой. Удалим лишний фон.

    В середине и по углам фона есть маленькие синие точки. Наведите на одну из них курсор, появится стрелка, с помощью которой можно уменьшить фон по одной (а для угловой точки - сразу по двум сторонам фона). ОБРЕЖЬТЕ фон до необходимого размера.

    Чтобы сделать фон цветным, выберите подходящий цвет из нижней палитры, нажмите на кнопку ЗАЛИВКА (банка с краской) в боковом меню и щелкните курсором по белому фону.

    Если нужного цвета не нашлось, измените палитру (верхнее меню), добавьте свой цвет, задав его в цифровом выражении.

    P.S. Это только схематичное описание процесса. Возьмите хорошие картинки или фотографии, продумайте композицию и творите.

    Где применить эти навыки? Делайте коллажи:

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

    P.S. Для профессиональной работы лучше Фотошоп. Вот самый .

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

    {mosloadposition debug}

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

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

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

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

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

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

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

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

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

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

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

    Оформление фотографий происходит с помощью бесплатной программы Shape Collage, которую можно скачать на сайте http://www.shapecollage.com. Программа имеет небольшой вес (40 мб) и не вызывает никаких трудностей при ее использовании.

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

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

    Приготовленные фотографии, которые находятся на вашем компьютере, загружаем/ удаляем с помощью кнопки +/ -. Можно также для загрузки пользоваться Интернетом, используя кнопку «круг»(на изображении, что Вы видите внизу, эти управления обведены красной линией):

    Лучше всего, если все фотографии будут иметь один размер,что можно сделать любым простеньким графическим редактором.

    Можно воспользоваться и редактором Paint — он установлен на вашем компьютере. Откройте эту программу по пути: все программы — стандартные - Paint. Загрузите необходимую фотографию. Нажмите в меню на «Рисунок» — растянуть/наклонить и установите необходимый размер фото в процентном соотношении.

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

    В дальнейшем выбираете форму коллажа. На главной странице программы предлагается четыре стандартные — прямоугольник, сетка, сердце, круг, а самое главное – возможность создать вид самому с помощью кнопок «Текст» и «…».

    Наберите любое слово в строке появившегося окна (можете добавить символы), закройте окно и в поле «Размер» установите необходимые размеры коллажа, фотографий, их количество, интервал между ними. Подтвердите каждое свое решение, нажав клавишу «Выбрать» и «Создать» (внизу по центру окна). Нажмите «Создать» и получите сгенерированный коллаж.

    Более интересным является вариант при нажатии клавиш «Выбрать» и «…».

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

    Сохраните картинку стандартными действиями — нажмите «Сохранить» и укажите путь. Осталось распечатать или переслать вашу работу.

    Как видите, вариантов сделать коллаж из фотографий в этой программе множество — твори и получай классный результат.



     

    Пожалуйста, поделитесь этим материалом в социальных сетях, если он оказался полезен!