1267524
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 5.520 руб.;
- курсы повышения квалификации от 1.200 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ ДО 70%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

ИнфоурокИнформатикаКонспектыПрактическая работа "Приёмы создания анимации"

Практическая работа "Приёмы создания анимации"

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

hello_html_4588e610.gifПрактическая работа «Приёмы создания анимации»

Цель:

Познакомиться со средой разработки Flash8Portable и возможностями создания направленного движения.


Что получим в результате работы?

  1. Файл с шаром

  2. Файл с самолета

  3. Файлы анимации


Задание 1: Создать изображение воздушного шара овальной формы


  1. Выбор цвета контура и заливки


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


  1. Рисование овала

Далее необходимо нарисовать шар. Это можно сделать с помощью инструмента hello_html_m76d2b88.png, удерживая нажатой клавишу <Shift>. После проделанной операции рисования вы должны получить примерно такой результат:

hello_html_m95d771e.png


  1. Придание шару объёма


Для того чтобы придать шару объём, необходимо использовать настройки цвета, которые во Flash выполняются с помощью Микшера цветов (Данную панель можно выбрать из пункта меню Окно (window)-Микшер цвета (Color mixer))

hello_html_3f7b45dc.png

В программе Flash существуют несколько типов заливки:

1. Одноцветная (Solid)

2. Градиентная – плавный переход от одного цвета к другому. Градиент может быть линейным (Linear) и радиальным (Radial)

3. Растровая (Bitmap)– заливка рисунком

Все эти виды заливок выбираются из раскрывающегося меню окна инструментов Микшер


  1. Сохранение результата

Создайте папку, в которой будут храниться работы по Flash и сохраните результат в ней.


  1. Движение шара

Для создания движения будем использовать сохранённое изображение шара. Перед тем как начать работать с анимацией, необходимо настроить параметры самого клипа. Для этого воспользуемся диалоговым окном Свойства документа (Modify-Document), которое можно открыть, выбрав пункт меню Изменить-Документ.


hello_html_m36de2510.png


Для создания анимации необходимо более подробно познакомится с инструментарием. Главным инструментом анимации в Macromedia Flash является Монтажный стол (Монтажная линейка, Шкала времени). На Монтажной линейке отображается последовательность кадров клипа и обозначено то, как они появляются в клипе по времени.


Чем больше число кадров в секунду будет отображаться, тем плавней будет смотреться движение, но тем больше кадров потребуется для клипа. В большинстве случаев вполне достаточно частоты 12 кадров в секунду, так например, телевидение использует 24 кадра в секунду.

hello_html_7710f753.png

Палитра слоёв


Шкала времени (кадров)

Маркер. Указывает на текущий кадр, который в данный момент расположен на сцене







Изображение шара должно находиться в нижней части рабочей области.

  1. На десятом кадре Шкалы времени выполняем следующие действия, правой кнопкой мыши: Вставить-Кадр (Insert-Frame). Шкала времени при этом с 1 по 10 кадр должна окрасится в серый цвет.

  2. Выполняем команду Вставить-Создать двойное движение (Create Motion Tween - первый пункт контекстного меню) тем самым мы определяем, что создаём именно анимацию движения. На шкале времени должна появиться пунктирная линия с 1 по 10 кадр

  3. Выполнить команду Вставить-Создать ключевой кадр (Convert to Keyframes). Пунктирная линия должна превратиться в сплошную линию.

  4. Переместить изображение шара наверх, примерно в центр рабочей области

  5. Простая анимация создана. Для того чтобы просмотреть результат, нужно выполнить команду Управление-Проиграть (Control-Play).

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

  1. Простая анимация создана. Для того чтобы просмотреть результат, нужно выполнить команду Управление-Проиграть (Control-Play).hello_html_m458f00fd.png

Задание 2: Рисование и простое движение самолета


    1. Создайте несколько слоев на панели Слои


    1. На первом слое Layer1 нарисуйте Пейзаж (смотри рисунок) и назовите слой Пейзаж.

hello_html_3d675164.png

    1. На втором слое Layer2 нарисуйте Солнышко (смотри рисунок) и назовите слой Солнышко.

hello_html_m5a2a1ea4.png

    1. На третьем слое нарисуйте Самолёт. Слой назовите Самолёт

hello_html_m20d7f601.png

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


Задание 3: Сложное движение самолета


  1. На панели Слои перейти на слой Самолёт и с помощью кнопки hello_html_a500167.png Add Motion Guide - Добавить направляющее движение.

  2. Выбрать с помощью карандаша (Pencil Tool) кривую плавную линию (плавность – Options - Smooth). Цвет линии должен совпадать с цветом фона.

  3. Добавить ещё 40 кадров, чтобы было 50 кадров на линейке (Insert Frame – правой кнопкой мыши на 50 кадре и выполнить действия для настройки движения).

  4. Сохранить в двух форматах в своей папке: .fla (родной формат Flash) и .swf (формат проигрывания ролика вне программы: пункты меню Publish Settings – указать путь сохранения и формат, а Publish – сохранение по выбранному пути).

  5. Запустить файл в формате .swf


Общая информация

Номер материала: ДВ-270788

Вам будут интересны эти курсы:

Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс повышения квалификации «Облачные технологии в образовании»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «Оператор персонального компьютера»
Курс «3D Studio MAX»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

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

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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