Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Другие методич. материалы / Открытое занятие на тему "Новогодняя открытка"

Открытое занятие на тему "Новогодняя открытка"


  • Информатика

Поделитесь материалом с коллегами:

МУНИЦИПАЛЬНОЕ АВТОНОМНОЕ ОРБРАЗОВАТЕЛЬНОЕ УЧЕРЕЖДДЕНИЕ ДОПОЛНИТЕЛЬНОГО ОБРАЗОВАНИЯ «ЦЕНТР ДОПОЛНИТЕЛЬНОГО ОБРАЗОВАНИЯ ИМ. Б.Б.ПРОТАСОВА»

Детское объединение «Компьютерная графика»









План - конспект


открытого занятия на тему:


«Создание коллажа «Новогодняя открытка»








Разработал:

Митраков.В.Н. – педагог

дополнительного образования












2014 г.

Тип урока: урок обобщения и систематизации знаний

Цели урока:

  • освоить технику создания коллажа, демонстрации и защиты своих проектов;

  • развивать творческую активность учащихся;

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

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

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

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

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

  • освоить технику создания коллажа, демонстрации и защиты своих проектов;

  • повысить мотивацию учащихся в получении дополнительных знаний.

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

  • развивать исследовательские и творческие способности учащихся;

  • развивать творческое воображение;

  • развивать познавательный интерес, творческую активность учащихся;

  • развивать у школьников умение излагать мысли;

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

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

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

  • прививать эстетический вкус.

Формы учебной работы:

  • фронтальная работа;

  • индивидуальная работа.



Оборудование и ПО:

  • компьютеры;

  • программа Adobe Photoshop cs3;

  • файлы с изображениями.

Учащиеся должны знать основные понятия:

  1. графический редактор;

  2. инструменты редактора;

  3. размер изображения;

  4. форматы файлов изображений;

  5. слой;

  6. написание текста;

  7. перемещение слоя;

  8. увеличение/уменьшение изображения.

Учащиеся должны уметь:

  1. открыть необходимые файлы;

  2. выделить фрагмент изображения различными способами;

  3. создать новый слой на фоновом изображении;

  4. отредактировать слои на фоне;

  5. сохранить полученное изображение в различных форматах.



План на открытое занятие

3.2. Обсуждение открытого занятия.

Провести рефлексию, предложить ответить на вопросы.

4 минуты


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

1 минута

Общая продолжительность:

45 минут




Ход урока

  1. Организационный этап

    1. Проверка присутствия учащихся на уроке.

    2. Проверка готовности к уроку.

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

    1. В каком формате сохраняются графические файлы, созданные или обработанные в Аdоbе Photoshop? (.bmp, .jpeg, .png, .psd).

    2. Что такое фон изображения? Что такое слой? Их отличия? (Фон - исходное изображение. Этот слой всегда самый нижний в палитре слоев. Слой - добавляемое изображение на фон.)

    3. Какими инструментами редактора можно выделить часть изображения? (прямоугольное выделение hello_html_6a2d66bb.png, выделение овалом hello_html_m253d152a.png; лассо hello_html_md235479.png, магнитное лассо hello_html_18cc1cc9.png, полигональное лассо hello_html_540e4cf2.png; волшебная палочка).

    4. Какой инструмент необходимо применить для перемещения фрагмента изображения? (Инструмент "Перемещение" hello_html_m2ccb4d7c.png, предварительно выделив данный фрагмент).

    5. Можно ли, разместив слои на фоне, редактировать; как "оставить" на экране только редактируемый слой? (Для этого существует инструмент "глазок" в списке слоев. Оставив его у того слоя, которым мы занимаемся в данный момент и, выделив этот слой, мы можем редактировать именно его.)

1.3. Техника безопасности:

Ребята, перечислите те пункты безопасности, какие надо соблюдать при работе с компьютером. (Ни в коем случае нельзя работать за компьютером с мокрыми руками. Нельзя класть на любую часть компьютера какие-то сторонние предметы. Не стоит прикасаться к компьютерному экрану. Также запрещено работать за электронной техникой с какими-либо повреждениями, включая нарушения целостности, повреждения изоляционной системы).



  1. Основной этап

2.1. Особенности выполнения коллажа

Педагог: Коллаж — это искусство, доступное любому, независимо от уровня профессиональной подготовки.

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

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

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

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

Чтобы создать коллаж, сначала следует провести подготовительную работу:

      1. выбрать тему коллажа или мысленно представить сюжет, который хотите представить в коллаже;

      2. подобрать графическое изображение, которое будет являться фоном;

      3. подобрать графические изображения (слои), которые будут накладываться друг на друга (частично или полностью);

      4. продумать композицию, т.е. как расположить на фоне персонажи и предметы в соответствии с сюжетом, задачей;

      5. продумать средства композиции: центр композиции, симметрию, формат, пропорциональность, масштабность, контраст;

      6. проанализировать цветовую гамму выбранных изображений в соответствии с образом и сюжетом, настроением, которое вы хотите передать;

      7. определить последовательность наложения слоев.

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

Создание многослойного изображения.

Педагог. Каждое изображение, создаваемое в программе Adobe Photoshop, сначала состоит только из фона. Фоновый слой может быть прозрачным, белым, или заранее подготовленным изображением. Эти параметры следует задавать каждый раз при создании нового изображения.

        1. Открыть файл с изображением камня Ветлан.

hello_html_m16c97fbf.png

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

    2. Открыть PNG файл с изображением новогодней виньетки.

hello_html_m326fa305.jpg

  1. Заходим: «Выделение-Всё»- и с помощью инструмента «Перемещение» hello_html_m6adcd3b5.pngперетаскиваем виньетку на основной фон, подгоняя файл по размеру.

hello_html_m1a503e5f.jpg



  1. Открываем файл с ёлочкой.

hello_html_4bd0a7ad.jpg

  1. С помощью инструмента «Перемещение» перетаскиваем ёлочку на основной фон, подгоняя файл по размеру. Заходим: «Редактирование-Свободное трансформирование» – сжимаем ёлку до необходимого размера и устанавливаем её на скалу.

hello_html_6b43a94c.jpg



  1. Открываем файл со снеговиком.

hello_html_43667e55.jpg



  1. Повторяем алгоритм действий: «Выделение – Всё – инструмент Перемещения» и перетаскиваем снеговика на наш основной документ. Уменьшаем его через «Трансформирование» и ставим в правый нижний угол.

hello_html_m620a39b8.jpg



  1. Следующий наш шаг – это надпись. Заходим в инструмент «Текст» - выбираем шрифт «Comic sans MS» - размер 20 пкголубой цвет – и пишем текст «С новым годом!»

hello_html_cf11696.jpg



    1. Физкультминутка: Медленно опустить подбородок на грудь и оставаться в таком положении 5 с. Проделать 5-10 раз.

1 Откинуться на спинку кресла, положить руки на бедра, закрыть глаза, расслабиться и посидеть так 10-15 с.

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

    2. Сидя прямо с опущенными руками, резко напрячь мышцы всего тела. Затем быстро полностью расслабиться, опустить голову, закрыть глаза. Посидеть так 10-15 с. Проделать упражнение 2-4 раза.

    3. Сесть удобно, слегка расставив ноги. Руки положить на середину живота. Закрыть глаза и глубоко вздохнуть через нос. Задержать дыхание (насколько возможно). Медленно выдохнуть через рот (полностью). Проделать упражнение 4 раза (если не возникнет головокружение).











  1. Текст теряется на основном фоне. Чтобы это исправить, заходим: «Панель слоёв – Стиль слоя-Обводка- 3 пк –красный цвет» .

На данном этапе возможно использовать инструмент «кисть».

hello_html_68e4d6ca.jpg





  1. Чтобы работа приобрела законченный вид, выгнем наш текст: «Текст – Создаёт деформированный текст – Стиль – Дугой» и выгибаем его до нужной нам формы.

hello_html_m1d3c07e7.jpg



  1. Получаем окончательный результат.

hello_html_5648b5.jpg





















  1. Сводим «слои» и сохраняем файл в формате JPEG

hello_html_m7e44b83d.jpg







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

IV . Заключительный этап.

3.1. Просмотр готовых работ участников мастер- класса.

1. Указание типичных ошибок.

2. Отметка лучших работ.



3.2. Обсуждение открытого занятия участниками. Провести рефлексию, предложить ответить на вопросы:

1. Посчитайте, какое количество инструментов нам пришлось применить в работе? ( три: «перемещение», «текст», «кисть»).

2. Что такое PNG картинка? (Картинка без фона).

3. В каком формате мы сохранили нашу работу? (JPEG).

4. Где, на панели управления находится «свободное трансформирование» (редактирование).

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





























ИСТОЧНИКИ ИНФОРМАЦИИ



  1. Бурлаков, М. Photoshop для пользователя. – Киев.: Издательская группа BHV, 2000. – 576 с.: ил.

  2. Элективный курс «Графический редактор Photoshop» (информатика). 10-11 классы. I часть. / Сост. С.Н.Леготина. – Волгоград: ИТД «Корифей», 2005. – 96 с.

  3. Элективный курс «Графический редактор Photoshop» (информатика). 10-11 классы. II часть. / Сост. С.Н.Леготина. – Волгоград: ИТД «Корифей», 2005. – 96 с.



































































Автор
Дата добавления 15.08.2016
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров36
Номер материала ДБ-156990
Получить свидетельство о публикации

Похожие материалы

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