Урок "Анимация прозрачности"

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

"Ярославский городской Дворец пионеров"

План – конспект занятия в объединении «Компьютерная графика и дизайн»

Васильевой Светланы Вячеславовны, педагога дополнительного образования.

Тема: Анимация прозрачности

Урок: занятие в рамках темы курса «Способы создания GIF-анимации» в редакторе Adobe Photoshop.

Анимация прозрачности

Занятие рассчитано на детей начального и среднего уровня подготовки первого года обучения, занимающихся в объединении «Компьютерная графика и дизайн». Возраст учащихся – 10-14 лет.

Методы проведения занятия:

словесный (объяснение возможности использования эффекта прозрачности слоя при создании GIF-анимации, беседа),

наглядный (показать пример использования слоев для создания изображения),

практический (создание многослойного изображения и анимации с ним)

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

Цель: закрепление умений и навыков создания анимированных изображений.

Задачи:

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

освоение приема создания анимированных изображений на основе эффекта послойной прозрачности;

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

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

систематизация материала по теме «Способы создания GIF-анимации»;

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

развитие умения анализировать, сопоставлять, сравнивать, выделять главное, устанавливать причинно-следственные связи, алгоритмизировать свою деятельность;

развитие умения рационально организовывать свою деятельность;

развитие навыков творческого подхода к выполнению задания.

развитие способности переносить ранее полученные знания и умения в новые ситуации.

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

воспитание эстетического восприятия действительности.

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

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

Персональные компьютеры;

Мультимедийное оборудование (аудиоустройства);

Программа Adobe Photoshop;

Наглядные пособия: фотографии и рисунки, прозрачные файл-вкладыши формата А4.

Структура занятия:

Этапы занятия	Ход занятия	Отведенное время, мин
Организационный	Приветствие обучаемых, подготовка к занятию.	1
Постановка цели	Сообщение и запись темы занятия: -Практическая работа по теме «Анимация прозрачности» и ставится цель занятия: самостоятельное создание многослойного изображения и его анимация с использованием эффекта прозрачности.	2
Краткий обзор прошлого занятия (опрос-беседа)	Обзор способов работы с изображениями (перемещение, дублирование изображений, копирование, изменение масштаба, работа со слоями)	5
Основная часть	Объяснение принципа создания анимации прозрачности и обозначение этапов работы с использованием наглядных пособий	15
Анимация прозрачности создается на многослойном документе и базируется на изменении свойства Opacity (Непрозрачность) слоя. То есть один слой как бы постепенно проступает сквозь другой. Эту анимацию мы попробуем на примере создания букета цветов. Открыть документ с заготовкой букета Размещаем на букете цветы. Выбрать и открыть фото цветка, выделить его , скопировать в документ нашего букета и трансформацией масштабирования “подогнать” размер. Продублировать слой с цветком и инструментом Перемещение разместить цветы на букете. Объединить слои с цветами - Цветы 1(но без основы букета и фона). Создаем второй слой для анимации прозрачности. Открыть фото второго цветка (цветы берем одного типа, но разного цвета). Выделить его и скопировать в документ букета. Переходим на слой Цветов 1, установить Прозрачность слоя 50%. Это нужно для того, чтобы соотнести размер и расположение цветов другого цвета. Вернемся к слою с цветком второго цвета. Трансформацией масштабирования подгоняем размер цветка (такой же, как и первого цвета). Дублируем слой и располагаем цветы второго цвета поверх первых. Объединим слои с цветами второго цвета. Получаем такой же букет, но с цветами другого цвета. Таким же образом создаем букет и третьего цвета. В итоге мы получаем следующие слои: Фон, Основа букета, 3 слоя с цветами разного цвета. Подготовительный этап закончен. Приступаем непосредственно к созданию анимации. В окне Анимации Первый кадр - Устанавливаем видимость слоев. Фон - 100%; Основа букета - 100%; Цветы 1 - 100%; Цветы 2 и Цветы 3 - видимость отключить. Создать новый кадр. Поменять видимость: Цветы 1 - 80%; Цветы 2 - 20 %. И на каждом новом кадре видимость одного слоя уменьшается на 20 %, а другого, соответственно, увеличивается. Продолжаем пока Цветы 1 - отключить видимость (0%); Цветы 2 - 100 %. Таким образом, букет с Цветами 1 “пропадает” и одновременно букет с Цветами 2 “появляется”. На этом этапе можно просмотреть анимацию, и установить время показа кадров. Таким же образом выполнить переход Цветы 2 - Цветы 3 и затем Цветы 3 - Цветы 1. Сохранить анимацию.
Применение полученных знаний	Ребята самостоятельно создают в графическом редакторе многослойную работу с анимацией прозрачности под фоновую музыку (используются аудиоустройства).	15
Физкультурная пауза	Делаем с ребятами гимнастику для глаз, потом для кистей рук и спины.	2
Рефлексия	Совместное обсуждение пройденной темы. -обсудить работы друг друга -какие элементы оформления можно еще добавить к данной работе? - как понравилась работа? - где еще можно применять анимацию прозрачности?	5

Опубликовано 13.05.20 в 12:48

Нажмите, чтобы скачать публикацию (.doc)

Размер файла: 20.13 Кбайт

Комментарии (0)

Чтобы написать комментарий необходимо авторизоваться.