Конспект урока по информатике на тему "Создание GIF-анимации средствами графических редакторов". Использование простых анимационных графических объектов
Растровая графика Растровое изображение очень чувствительно к уменьшению и увеличению. При уменьшении растрового изображения несколько соседних точек преобразуются в одну, и поэтому теряется четкость мелких деталей изображения Растровое изображение создается с использованием точек различного цвета (пикселей), которые образуют строки и столбцы. Совокупность точечных строк образуют графическую сетку (растр)
Векторная графика Векторное графическое изображение используется для хранения высокоточных графических объектов (чертежей, схем), для которых имеет значение сохранение четких и ярких контуров. Векторные изображения формируются из элементов – точка, линия, окружность, прямоугольник и др. Для каждого элемента задаются координаты, а также цвет
Фрактальная графика Фрактальная графика- как и векторная - вычисляемая, но отличается от неё тем, что никакие объекты в памяти компьютера не хранятся. Изображение строится по уравнению (или по системе уравнений), поэтому хранятся только формулы. Изменив коэффициенты в уравнении, можно получить другую картину..
Профессиональное образование ВИЗУАЛЬНЫЕ ЭФФЕКТЫ Создание реалистичных или, наоборот, фантастических миров в кино, интересных персонажей, эффектных разрушений, взрывов, смерчей, и других спецэффектов – вот далеко не полный перечень функций специалистов по визуальный эффектам. Эта профессия требует не только умения работы в трехмерных пакетах, но и знаний математики, физики и различных художественных дисциплин.
Композитинг Композитинг одна из самых интересных специальностей в пост-продакшн. Задача композера собрать в единую сцену (шот) съемочный материал и все созданные специалистами по визуальным эффектам слои компьютерной графики, объединить их по цвету и динамике, провести огромный объем коррекций и доработок и выдать финальную композицию. Каждая сцена со спецэффектами, которую зритель видит в кино, это и есть итог работы композера.
Моушн дизайн Моушн-дизайнер одна из самых креативных и востребованных специализаций компьютерной графики. Она включает в себя создание «упаковки» телеканалов, рекламы, видеоклипов, оформление концертных площадок, медиаресурсов, медиа-арт и многое другое. Моушн-дизайнер всегда зажат в узкие временные рамки производственного процесса, но зато обладает достаточной свободой самовыражения.
Компьютерная анимация 30 августа 1877 года запатентован аппарат - праксиноскоп Эмиля Рейно Анимация процесс придания способности двигаться и/или видимости жизни объектам и мёртвым телам. Настоящую революцию в мире анимации произвел УОЛТ ДИСНЕЙ (), американский режиссер, художник и продюсер.
Компьютерная анимация В настоящее время существует различные технологии создания анимации: Классическая (традиционная) анимация; Стоп-кадровая (кукольная) анимация; Спрайтовая анимация; Морфинг; Цветовая анимация; 3D-анимация; Захват движения (Motion Capture).
Компьютерная анимация Захват движения (Motion Capture) – первое направление анимации, которое дает возможность передавать естественные, реалистичные движения в реальном времени. Датчики прикрепляются на живого актера в тех местах, которые будут приведены в соответствие с контрольными точками компьютерной модели для ввода и оцифровки движения. Координаты актера и его ориентация в пространстве передаются графической станции, и анимационные модели оживают.
Профессиональное образование Анимация Аниматор (от лат. anima оживлять) интересная и увлекательная профессия, актуальная не только в мультипликации, но и в кино, рекламе, производстве компьютерных игр, медиасреде. Программа курса направлена на подготовку специалистов для работы в любой области современной индустрии анимации классическом производстве мультипликационного фильма, рекламе, компьютерных играх, кино. Фрагменты мультфильма «Красная шапочка».
Профессиональное образование Архитектурная визуализация Архитектурная визуализация трехмерное графическое отображение объекта или группы объектов в архитектуре, позволяющее максимально точно представить внешние и внутренние характеристики будущего сооружения. Архвиз активно используется при демонстрации конкурсных проектов, создании презентаций в области проектирования и строительства, а также рекламе.
Разработка компьютерных игр Игровая графика Игровая графика одна из самых молодых и востребованных специальностей графического искусства. В обязанности художника игровой индустрии входит создание игровых персонажей, локаций, визуальная разработка игры, дизайн игровых уровней и другие удивительные задачи.
Многие люди считают, что для создания простой анимации своими руками в домашних условиях требуются специальные навыки и много времени. На самом деле для этого достаточно простых компьютерных программ и стандартных приложений операционной системы Windows.
Анимация своими руками при помощи стандартных программ ОС Windows
Анимация — последовательная демонстрация (показ) графических файлов, которая создает иллюзию движения объектов. Для ее разработки понадобится всего две стандартные программы, которые имеются почти на всех компьютерах с операционной системой Windows — Paint и Movie Maker. Первая позволяет создавать и редактировать графические рисунки, вторая — видео. Качество разработанной анимации будет зависеть от ваших способностей рисования.
1. Создание кадров
Открываем Paint. Выбираем на панели инструментов кисть, подбираем нужный цвети рисуемна рабочем поле любой объект. Сохраняем рисунок в заранее созданную папку под именем «Кадр 1». Затем снова рисуем тот же объект, но немного меняя его положение (например, в первом кадре стрелка часов может стоять на отметке «12», а на втором на «1»). Сохраняем изображение под именем «Кадр 2». Таким образом, разрабатываем несколько кадров. Чем больше их количество, тем плавней будет движение объекта в анимации.
2. Соединение нарисованных кадров в один ролик
Открываем программу Movie Maker. В панели задач выбираем «Импорт изображений» и загружаем кадры. Они будут отображаться в панели «Сборник». Поочередно переносим их на расположенную внизу дорожку. Нажимаем на «Отображение шкалы времени». Если не изменять стандартное для программы время показа, объект анимации будет двигаться резко и медленно. Чтобы изменить это, щелкаем по кадрам и передвигаем появившуюся полоску влево. Кадры будут становиться уже, а значит, время их показа уменьшится.
3. Озвучка анимации
К анимации можно добавить комментарии, записав их через микрофон, или поставить фоновую музыку. В первом случае заходим во вкладку «Сервис» и выбираем «Шкала времени комментария». Затем жмем «Запустить», озвучиваем персонажа или читаем закадровый текст. По завершению нажимаем «Остановить», сохраняем комментарий, добавляемего в проект, а потом на звуковую дорожку в нижней панели.
4. Сохранение анимации в нужном формате
Выбираем пункт меню «Файл» и последовательно кликаем «Сохранить файл фильма», «Показать дополнительные варианты», «Другие варианты». Затем выбираем формат будущего видеофайла. Рекомендуем сохранять анимацию в популярном формате (например, AVI, MPEG, PAL, и др.), чтобы ее можно было воспроизводить на многих плеерах и проще закачать наYouTube.
Создание GIF анимации
GIF анимация («гифка») состоит из отдельных кадров, для которых задается такой параметр, как длительность показа до появления следующей картинки. Она поддерживает лишь 8-битную палитру, из-за чего отображается не больше 256 цветов, что является преимуществом перед другими форматами. Наиболее часто анимационные GIF файлы применяются как элементы навигации на сайтах и рекламные баннеры.
Наиболее простой программой для создания GIF анимации является Easy GIF Animator Pro . Скачиваем ее, открываем, в главном окне кликаем «Создать новую анимацию», после чего откроется «Мастер анимации». Далее добавляем изображения (подбираем в интернете или самостоятельно рисуем в программе Paint). Нажимаем «Вперед». Устанавливаем продолжительность каждого кадра. При необходимости выбираем показ анимации по кругу.
Если подобраны изображения разных размеров, программа предлагает несколько вариантов позиционирования картинок относительно наибольшего изображения:
- по центру кадра;
- левый верхний угол кадра;
- увеличить меньшие картинки до размера самого большого изображения.
Также GIF анимацию можно создать при помощи программы UnFREEz. Для этого достаточно разработать кадры и «перетянуть» их в окно программы. Затем нужно выполнить указание времени задержки между кадрами и включение цикличности. В конце необходимо нажать «Make Animated GIF».
Программы для создания анимации
Программа с большим функционалом и понятным интерфейсом. Она позволяет создавать рисованных персонажей и «оживлять» их в 2D-анимации. Ее возможности:
- набор растровых и векторных инструментов для создания и обработки изображений;
- возможность рисовать пером или кистью;
- создание фигур с помощью «ломаной линии»;
- импорт фона;
- работа со слоями,
- добавление аудиофайла для экспорта в формате swf.
Synfig Studio
При помощи этой бесплатной программы можно создать простую анимацию в 2D-формате — похожую на ту, которая используется в художественных фильмах. Ее преимущества:
- функция «tweening», позволяющая автоматически разработать промежуточные кадры;
- наложение градиента;
- поддержка векторных элементов;
- искажения;
- фильтры;
- инструменты для создания фракталов.
ToonBoom Studio
Программа имеет два рабочих режима: Рисования и Сценарный. Содержит необходимые инструменты для разработки векторных рисунков: кисть, карандаш, «прямоугольник», «ломаная линия», «эллипс». Функции: рисование с применением планшета, векторизация растровых изображений, наложение анимированных сцен на реальный видеоролик, экспорт данных (например, отдельных фрагментов из фотографий).
Это популярная программа для создания 3D-анимации. Ее преимущества:
- реалистичная имитация предметов (например, тканей и волос) и явлений (столкновения объектов, ветра);
- большой набор функций для создания интерактивных игр;
- широкий ассортимент примитивов (цилиндров, сфер, кубов, колец), из которых легко создаются собственные модели;
- поддержка нелинейного редактирования.
Другие популярные программы для создания анимации своими руками: Plastic animation paper, Creatoon, 3D Studio Max, Adobe Image Ready, MyPaint, Jasc Animation Shop.
Закажите создание анимации, написание сценария или разработку идеи для видеоролика в компании KINESKO — мы качественно выполним свою работу!
Контактная информация:
>Звуки, и видеоизображения. Композиция и монтаж. Использование простых анимационных графических объектов.
Образовательные области приоритетного освоения: языки, искусство; проектная деятельность в различных предметных областях.
Поиск информации. Компьютерные энциклопедии и справочники; информация в компьютерных сетях, некомпьютерных источниках информации. Компьютерные и некомпьютерные каталоги; поисковые машины; формулирование запросов.
Образовательные области приоритетного освоения: обществоведение, естественнонаучные дисциплины, языки.
Проектирование и моделирование. Чертежи. Двумерная и трехмерная графика. Использование стандартных графических объектов и конструирование графических объектов: выделение, объединение, геометрические преобразования фрагментов и компонентов. Диаграммы, планы, карты.
Простейшие управляемые компьютерные модели. Образовательные области приоритетного освоения: черчение, материальные технологии, искусство, география, естественнонаучные дисциплины.
Математические инструменты, динамические (электронные) таблицы.
Таблица как средство моделирования. Ввод данных в готовую таблицу, изменение данных, переход к графическому представлению. Ввод математических формул и вычисление по ним, представление формульной зависимости на графике.
Образовательные области приоритетного освоения: информатика и информационные технологии, естественнонаучные дисциплины, обществоведение (экономика).
Организация информационной среды.
Создание и обработка комплексных информационных объектов в виде печатного текста, веб-страницы, презентации с использованием шаблонов.
Организация информации в среде коллективного использования информационных ресурсов.
Электронная почта как средство связи. Правила переписки, приложения к письмам, отправка и получение сообщения. Сохранение для индивидуального использования информационных объектов из компьютерных сетей (в том числе Интернета) и ссылок на них. Примеры организации коллективного взаимодействия: форум, телеконференция, чат.
Образовательные области приоритетного освоения: информатика и информационные технологии, языки, обществоведение, естественнонаучные дисциплины.
ТРЕБОВАНИЯ К УРОВНЮ ПОДГОТОВКИ ВЫПУСКНИКОВ.
В результате изучения информатики и информационно-коммуникационных технологий ученик должен знать/понимать:
Виды информационных процессов; примеры источников и приемников информации;
Единицы измерения количества и скорости передачи информации; принцип дискретного (цифрового) представления информации;
Основные свойства алгоритма, типы алгоритмических конструкций: следование, ветвление, цикл; понятие вспомогательного алгоритма;
Программный принцип работы компьютера;
Назначение и функции используемых информационных и коммуникационных технологий;уметь
Выполнять базовые операции над объектами: цепочками символов, числами, списками, деревьями; проверять свойства этих объектов; выполнять и строить простые алгоритмы;
Оперировать информационными объектами, используя графический интерфейс: открывать, именовать, сохранять объекты, архивировать и разархивировать информацию, пользоваться меню и окнами, справочной системой; предпринимать меры антивирусной безопасности;
Оценивать числовые параметры информационных объектов и процессов: объем памяти, необходимый для хранения информации; скорость передачи информации;
Создавать информационные объекты, в том числе:
Структурировать текст, используя нумерацию страниц, списки, ссылки, оглавления; проводить проверку правописания; использовать в тексте таблицы, изображения;
Создавать и использовать различные формы представления информации: формулы, графики, диаграммы, таблицы (в том числе динамические, электронные, в частности - в практических задачах), переходить от одного представления данных к другому;
Создавать рисунки, чертежи, графические представления реального объекта, в частности, в процессе проектирования с использованием основных операций графических редакторов, учебных систем автоматизированного проектирования; осуществлять простейшую обработку цифровых изображений;
Создавать записи в базе данных;
Создавать презентации на основе шаблонов;
Искать информацию с применением правил поиска (построения запросов) в базах данных, компьютерных сетях, некомпьютерных источниках информации (справочниках и словарях, каталогах, библиотеках) при выполнении заданий и проектов по различным учебным дисциплинам;
Пользоваться персональным компьютером и его периферийным оборудованием (принтером, сканером, модемом, мультимедийным проектором, цифровой камерой, цифровым датчиком); следовать требованиям техники безопасности, гигиены, эргономики и ресурсосбережения при работе со средствами информационных и коммуникационных технологий;
использовать приобретенные знания и умения в практической деятельности и повседневной жизни для:
Создания простейших моделей объектов и процессов в виде изображений и чертежей, динамических (электронных) таблиц, программ (в том числе в форме блок-схем);
Проведения компьютерных экспериментов с использованием готовых моделей объектов и процессов;
Создания информационных объектов, в том числе для оформления результатов учебной работы;
Организации индивидуального информационного пространства, создания личных коллекций информационных объектов;
Передачи информации по телекоммуникационным каналам в учебной и личной переписке, использования информационных ресурсов общества с соблюдением соответствующих правовых и этических норм.
Школьный учебный предмет информатики не может включать всего того многообразия сведений, которые составляют содержание активно развивающейся науки информатики. В то же время школьный предмет, выполняя общеобразовательные функции должен отражать в себе наиболее общезначимые, фундаментальные понятия и сведения, раскрывающие существо науки, вооружать учащихся знаниями, умениями, навыками, необходимыми для изучения основ других наук в школе, а также подготавливающими молодых людей к будущей практической деятельности и жизни в современном информационном обществе.
Среди принципов формирования содержания общего образования современная дидактика выделяет принцип единства и противоположности логики науки и учебного предмета. Б.Т.Лихачев утверждал, что «идея единства и противоположности логики науки и логики конструирования учебного предмета обусловлена тем, что наука развивается в противоречиях». Она пробивает себе дорогу сквозь толщу предрассудков, совершает скачки вперед, топчется на месте и даже отступает. Педагогическая логика содержания учебного предмета учитывает логику развития основных категорий, понятий данной науки. Вместе с тем педагоги и психологи руководствуются необходимостью учета возрастных особенностей освоения материала школьниками, организуют его на основе как восхождения от абстрактного к конкретному, так и от конкретного к абстрактному».
На прошлом уроке мы с вами познакоми лись с программой Open Office Impress , рассмотрели интерфейс и основы работы с программой Open Office Impress . Давайте вспомним основные моменты этой темы.
1. Тест.
1. Для чего предназначена программа Libre Office Impress ?
прикладная программа Libre Office Impress
2. Что такое презентация?
3. Libre Office Impress нужен для создания ….
Скачать:
Предварительный просмотр:
Тема: «Размещение графических объектов на слайдах презентации. Применение эффектов анимации к объектам слайда».
Цель: повторить приёмы сохранения и демонстрирования документа презентации, варианты добавления слайдов в презентацию, научить добавлять графические объекты на слайд и применять к ним эффекты анимации; развивать воображение, коммуникативные качества, познавательный интерес учащихся; воспитывать информационную культуру, эстетическое восприятие окружающего мира.
Оборудование: ПО ЭВМ, медиапроектор, образцы презентаций
Ход урока.
I. Организационное начало.
1. Приветствие.
Здравствуйте, ребята и уважаемые гости!
2. Работа с дежурными.
II. Повторительно-обучающая работа.
На прошлом уроке мы с вами познакомились с программой Open Office Impress, рассмотрели интерфейс и основы работы с программой Open Office Impress. Давайте вспомним основные моменты этой темы.
1. Тест.
1. Для чего предназначена программа Libre Office Impress?
- прикладная программа Libre Office Impress , предназначенная для создания презентаций *
- прикладная программа для обработки кодовых таблиц
- устройство компьютера, управляющее его ресурсами в процессе обработки данных в табличной форме
- системная программа, управляющая ресурсами компьютера
2. Что такое презентация?
a) средство наглядного представления информации*
b) прикладная программа для обработки электронных таблиц
c) устройство компьютера, управляющее демонстрацией слайдов
d) текстовой документ, содержащий набор рисунков, фотографий, диаграмм
3. Libre Office Impress нужен для создания ….
- таблиц с целью повышения эффективности вычисления формульных выражений
- текстовых документов, содержащих графические объекты
- Internet-страниц с целью обеспечения широкого доступа к имеющейся информации
- презентаций с целью повышения эффективности восприятия и запоминания информации *
4. Элемент презентации, имеющий логическую и содержательную ценность называется…
- слайд *
- лист
- кадр
- рисунок
5. Совокупность слайдов, собранных в одном файле, образуют…
- показ
- презентацию *
- кадры
- рисунки
Самопроверка (слайд)
2. Фронтальный опрос.
Назовите структурные элементы окна программы Impress? (на слайде показывается окно и студент у доски рассказывает).
Назовите принципы, используемые при создании презентации?
Перечислите указания для создания эффективной презентации.
3. Подведение итога этапа.
Молодцы, мы с вами вспомнили материал, который пригодится для дальнейшей работы на уроке.
III. Работа по осмыслению и усвоению нового материала.
1. Сообщение темы и цели урока.
Тему урока вы узнаете, если выполните следующее задание: решить анаграммы (в словах изменен порядок букв).
Какие слова зашифрованы?
Актсвва (вставка)
Ъкеобт (объект)
енпязтцеира (презентация),
янтдмиосреац (демонстрация),
манцииая (анимация).
Как вы думаете какая тема зашифрована у нас на доске?
Итак, тема нашего урока – “Размещение графических объектов на слайдах презентации. Применение эффектов анимации к объектам слайда”. Мы должны научиться добавлять графические объекты на слайд, познакомиться с понятием анимации, применять к объектам эффекты анимации и применить полученные знания на практике при разработке своего проекта.
2. изложение нового материала.
переходим на вкладку Макеты и выбираем наиболее подходящий для данного слайда. Например, первый слайд обычно содержит заголовок презентации и для него целесообразно выбирать макеты Текст по центру или Только заголовок. Выбираем Текст по центру, нажимаем на появившийся отцентрированный текст и вписываем своё название:
Чтобы изменить размер, цвет или стиль текста, выделяем его мышью и изменяем нужные параметры:
Напоследок вставим в заглавный слайд рисунок. Это можно сделать как минимум двумя путями:
- воспользоваться меню Вставить->Изображение->Из файла и добавить заранее подготовленное изображение.
- либо взять рисунок из встроенной галереи (кнопка Галерея на панели внизу/меню Сервис->Галерея). Откроется коллекция картинок, любую из которых можно вставить в слайд, нажав на неё и перетащив в нужное место:
Закрывается Галерея повторным нажатием на соответствующую кнопку.
А теперь мы выясним, что же такое анимация? На слайде, вы видите движение Земли вокруг Солнца. (показывается слайд)
Как вы думаете что называется анимацией? (движущаяся картинка)
Это не совсем верно. Нас интересует каким образом достигается это движение. А кто-нибудь знает, как делаются мультфильмы? (Рисуют отдельными картинками).
Это правильно. И эти картинки быстро меняются.
И так, анимация - это создание иллюзии движения объектов на экране монитора, с помощью быстрой смены кадров.
А теперь запишем определение в тетради. (слайд)
Анимация – это мультимедийный эффект, при котором, в ходе быстрой смены кадров, создается иллюзия движения.
- В презентацию можно вставлять уже анимированные изображения, а так же можно применять анимацию к статическим рисункам или тексту.
Чтобы сделать презентацию уникальной, необходимо применять настройки, не являющиеся стандартными.
Для этого в программе Impress есть раздел «Настройка анимации».
Здесь мы можем создавать анимацию для каждого выделенного объекта на слайде,
Запишите, «Настройка анимации» - применение анимации для каждого выделенного объекта на слайде (определение выводится на слайде) .
Добавление анимации. Выделить нужный объект. Справа выбрать эффекты, а затем добавить. Выбрать понравившийся эффект и нажать ok. Готовая схема анимации связывает несколько типов анимированных эффектов, которые дополняют друг друга.
Чтобы добавить анимацию в этом режиме, сначала мы должны выбрать объект, а затем применить один из четырех вариантов анимации: вход, выделение, выход, пути перемещения,
Внутри каждого из этих эффектов есть множество их реализаций, например, вход может быть осуществлен «Появлением с увеличением» ИЛИ в «ромбом» и т.д. то же самое и с остальными эффектами.
К каждому объекту мы можем применить несколько эффектов анимации.
Например, сейчас на слайде вы видите, как объект «Облако» появляется, увеличивается в размере, перемещается по дуге, а потом растворяется. (слайд)
Здесь было применено все четыре вида анимации: вход, выделение, перемещение и выход.
У каждой анимации есть параметры эффектов. Там мы можем менять некоторые особенности эффектов, время и анимацию текста.
3. Обобщение.
Итак, мы рассмотрели с вами как можно вставлять объекты на слайд и применять к ним анимацию. Данный материал для подготовки домашнего задания вы можете найти в читальном зале в папке Информатика. Файл называется как изучаемая сегодня нами тема.
IV. Практическая работа.
1. Сообщение задания.
На столах лежат карточки с заданием давайте прочитаем его. (Один студент читает).
- Запустить программу OpenOffice.org Impress.
- На панели рисования выберите инструмент Прямоугольник , используя Стиль/заливка области выберите инструмент Цвет , далее из раскрывающегося списка выберите Текстура , выберите текстуру Космос .
- Выделите на слайде прямоугольник и вызвав правой кнопкой мыши контекстное меню, в нем выберите команду Расположить , далее выберите За объектом .
- На панели рисования выберите инструмент Кружок и нарисуйте несколько планет Солнечной системы, солнце; используя Стиль/заливка области раскрасьте планеты и солнце.
- Для настройки анимации щелкните на изображении одной из планет правой кнопкой мыши и в контекстном меню выберите команду Эффекты . Далее выберите команду Добавить , на вкладке Пути движения выберите Объект кривых , затем нарисуйте путь движения планеты.
- В группе Эффект выберите начать Вместе с предыдущим , скорость Низкая .
- Действия 5-6 повторите для настройки параметров анимации других планет.
- Для просмотра анимации воспользуйтесь функциональной клавишей F5 или командой Демонстрация меню Демонстрация .
- Дождитесь завершения показа слайда и щелчком мыши вернитесь в рабочую область.
- Сохраните свою работу под именем Космос .
2. Вводный инструктаж.
(показать слайд с готовой работой ещё раз).
3. Самостоятельная работа студентов.
4. Текущий инструктаж.
5. Итог по практической работе.
V. Итог урока.
1. Фронтальная беседа.
Кто может сказать что такое анимация?
- как применить эффект анимации к объекту?
Каждый из вас научился создавать анимированную презентацию. У всех получились замечательные, красочные презентации.
Муниципальное автономное образовательное учреждение для детей
г. Владимира
«Городской межшкольный учебный комбинат № 2»
Методическая разработка урока
по теме « Создание GIF – анимации средствами графических редакторов »
Разработал
учитель трудового обучения
БИЧУРЕНКО Павел Андреевич
г. Владимир 2014 г.
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
Данная методическая разработка рассчитана на 2 урока. В ходе занятий осуществляется проверка знаний по теме «растровые и векторные изображения», полученных учащимися на предыдущих уроках. Один урок отводится на выполнение практического задания. Формой проведения данного занятия является урок-практикум.
В содержание данной разработки входит изучение видов анимации, их преимуществ и недостатков и технологии создания анимации. В ходе занятий учащиеся получают умения по созданию изображений и их анимации средствами графических редакторов, а также приобретают умения переводить векторные изображения в растровые. Полученные знания можно будет применить при оформлении интерактивных презентаций и веб-страниц.
УРОК НА ТЕМУ: СОЗДАНИЕ GIF – АНИМАЦИИ СРЕДСТВАМИ ГРАФИЧЕСКИХ РЕДАКТОРОВ
Цель: Сформировать у учащихся умение создавать GIF-анимацию.
Задачи:
Образовательные: Сформировать знания о способах создания анимации и видах анимации. Дать понятие анимации.
Воспитательная: Воспитание информационной культуры учащихся, внимательности, дисциплинированности, усидчивости.
Развивающая: Развитие познавательных интересов, творческих способностей, самостоятельной работы, умения конспектировать.
Личностные:
Проявление познавательного интереса к процессу обучения;
Проявление эмоционально-ценностного отношения к изучаемой теме.
Метапредметные:
Познавательные:
Научится применять полученные знания на практике;
Научиться обобщать полученную информацию;
Давать оценку своим действиям, оценивать результат;
Находить ответы на вопросы, используя свой жизненный опыт и информацию, полученную на уроке.
Регулятивные:
Работать по предложенному учителем плану, при выполнении практических заданий;
Научиться формулировать вопрос, проблему, затруднения, с которыми столкнулись учащиеся.
Коммуникативные:
Научится высказывать свою точку зрения, формулировать высказывание;
Учиться представлять другим ход работы и ее результат, выслушивать мнение других;
Адекватно использовать речевые средства для дискуссии и аргументации своей позиции.
Предметные:
Усвоить технологию создания GIF -анимации;
Получить умение создавать анимацию;
Тип урока: изучение нового материала
По форме организации: Урок-практикум.
Оснащение: персональные компьютеры, проектор, экран, конспект урока, технологические карты, журнал, программное обеспечение (Inkscape , Paint . NET , UnFREEz ).
План урока:
Организационный момент;
Актуализация знаний;
Постановка целей урока;
Работа по теме урока;
Практическая работа «Создание анимации»;
Фронтальный опрос;
Ход урока:
Организационный момент.
- Приветствие учащихся.
Краткий рассказ о том, что будет изучено на уроке.
2. Актуализация знаний.
Какие типы графики существуют? (растровая, векторная, фрактальная, анимация, 3D).
На чем базируется построение растровых и векторных графических изображений? (на пикселях – строках и столбцах; на графических примитивах).
3. Постановка целей урока.
Что такое анимация?
В каких программах она создается?
Сегодня на уроке мы рассмотрим создание анимации с помощью графических редакторов.
4. Работа по теме урока.
С помощью демонстрации «Анимация» показать различные примеры анимации и их создание.
Анимация – это создание иллюзии движения объектов на экране монитора. Компьютерная анимация использует быструю смену кадров на экране монитора. Чем больше кадров меняется за одну секунду, тем более плавно движется объект.
В каких компьютерных программах вы сталкивались с анимационными эффектами? (в компьютерных презентациях).
Какие типы анимации вы использовали? (смену слайдов, размещение объектов на слайдах, анимационные эффекты при появлении текста).
Запишем в тетради определение GIF -анимации.
GIF-анимация – это последовательность растровых графических изображений, хранящихся в одном файле в формате .gif. При создании GIF-анимации можно задать величину задержки каждого кадра; чем она меньше, тем лучше качество анимации. Можно установить количество повторов последовательности кадров. Большое количество кадров ведет к улучшению качества анимации, но при этом увеличивается размер GIF-файла.
Еще один тип анимации – flash -анимация.
Flash-анимация – это последовательность векторных рисунков. Ее огромный плюс в том, что не нужно прорисовывать каждый кадр. Достаточно нарисовать ключевые кадры и задать тип перехода между ними и редактор автоматически построит промежуточные кадры. Если кадров много, то анимация получается плавной, если мало, то быстрой. Поэтому можно задать количество кадров, появляющихся в секунду. Чем их больше, тем качество анимации лучше. Еще один положительный момент в том, что файлы с Flash-анимацией занимают немного места, поэтому широко используются на Web-сайтах в Интернете.
5. Практическая работа «Создание GIF -анимации средствами графических редакторов» (Технологическая карта).
Сначала демонстрирую процесс создания анимации на экране, затем учащиеся садятся за персональные компьютеры, и выполняют задание. Если возникают проблемные моменты, решаем их в индивидуальном порядке.
6. Фронтальный опрос.
Что такое пиксель? Пиксель – минимальный участок изображения, для которого независимым образом задается цвет.
Что такое разрешающая способность растрового изображения? Разрешающая способность растрового изображения определяется количеством точек по горизонтали и вертикали на единицу длины изображения.
Что такое глубина цвета? Количество информации, которое используется для кодирования изображения, называется глубиной цвета.
Назовите 3 палитры цветов в системах цветопередачи? (RGB, CMYK, HSB). Какая цветопередача применяется чаще и где? (RGB – для отображения на мониторе)
Что такое растровое изображение? Растровые изображения формируются из точек различного цвета, которые образуют строки и столбцы.
Что такое векторная графика? Векторные рисунки формируются из базовых графических объектов, для каждого из которых задаются координаты опорных точек, формулы рисования объекта, а также цвет, толщина и стиль линии его контура.
Назовите форматы векторных и растровых изображений. (j peg, gif , png , svg , wmf и т.д.)
Приведите примеры растровых и векторных графических редакторов (Paint . NET , GIMP, Photoshop, Inkscape , Corel Draw и др.).
Назовите три базовых цвета, с помощью которых формируется изображение? (красный, зеленый, синий)
Подведение итогов урока. Рефлексия.
Выставление оценок.
Вопросы рефлексии:
Какие достоинства и недостатки GIF-анимации вы узнали на уроке?
Какие трудности возникли при конвертации векторного изображения в растровое?
Знаете ли вы более простой способ создания анимации? Какой?