1 / 8

2. Работа со слоями.

Создание flash -роликов по различным школьным предметам в Macromedia Flash 5. 1. Интерфейс Macromedia Flash5. Основы flash -анимации. 2. Работа со слоями. 3. Создание движения по заданной траектории. Символы. 4. Сцены. Создание кнопок для перехода с одной сцены на другую.

carter-ayala
Download Presentation

2. Работа со слоями.

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Создание flash-роликов по различным школьным предметам в Macromedia Flash 5 1. Интерфейс Macromedia Flash5. Основы flash-анимации. 2. Работа со слоями. 3. Создание движения по заданной траектории. Символы. 4. Сцены. Создание кнопок для перехода с одной сцены на другую. 5. Создание flash-ролика с использованием нескольких сцен. 6. Итоговое зачетное задание (итоговый проект).

  2. 1. ИНТЕРФЕЙС Macromedia Flash 5. Основы flash-анимации. Инструменты Окно для работы с кадрами Панели инструментов Рабочий кадр видеофрагмента 1

  3. Задание 1: Создать видеофрагмент. Порядок выполнения: 1.Создаем у рабочего кадра нужные размеры, фон, скорость смены кадров в секунду. Для этого на кадре нажимаем правую кнопку мыши, выбираем Свойствавидеофрагмента и задаем нужные параметры (Например: 9 х 4 см, цвет фона желтый, скорость – 6 кадров в сек.) 2. На 1 кадре набираем надписьс помощью инструмента Текст: Лузинская СОШ №1 (синий цвет, шрифт 28, кириллица, для выбора используем Панель инструментов Символ). (Для вывода любой панели инструментов нажимаем Окно, Панели ставим напротив флажки. 3. Для того, чтобы сделать 2-ой кадр, необходимо в окне кадров нажать F6 (ключевой кадр), при этом копируется все содержимое предыдущего кадра. 4. На 2 кадре после нажатия F6, инструментом Текст выделяем надпись и увеличиваем размер шрифта 2-ой буквы и т.д. на каждом новом кадре увеличиваем размер шрифта буквы. Задание 2. Сделать различные анимации для надписи (см. Примеры ниже). Задание 3. Придумать свои варианты анимации для данной надписи. 2

  4. 2. Работа со слоями. Задание 1.Создадим анимацию вентиля Отрицание, используя несколько слоев, см. Пример. 1.На первом слое, первом кадре рисуем основной рисунок (фон). 2.Нарисовав 1-ый кадр, выделяем его мышкой и нажимаем F5 (вставляются простые кадры, т.к. нам нужна последовательность неразрывных кадров) до 50 кадра 3. Добавим 2-ой слой, щелкнув по соответствующей кнопке. 4. На 2-ом слое с помощью инструмента Текст напишем цифру 1. 5. Создадим движение для цифры 1. Для этого щелкнем правой кнопкой мыши по 1-му ключевому кадру на 2-ом слое и выберем Создание движения. 6. Щелкнем по 35 кадру и нажмем F6 (движение цифры будет происходить до 25 ключевого кадра), появится стрелка, указывающая на движение. Теперь необходимо указать начало движения на 1 кадре и конец движения на 25 кадре, перетаскивая цифру, выделенную в синюю рамку. 7. С 36 по 50 кадры необходимо удалить (выделяем их, правая кнопка, удалить). 8. Делаем 3-ий слой, на 1-ом кадре пишем цифру 0 и перетаскиваем 1-ый ключевой кадр с этой цифрой на 36 кадр (т.к. с этого кадра начнется ее движение), делаем движение с 36 по 50-ый. 9. На 4-ом слое пишем фамилию автора и делаем движение с 1-го по 50-ый кадр. Слои выглядят так: Задание 2. Таким же образом создать анимацию вентилей Логическое умножение и Логическое сложение (см. Пример).

  5. 3. Создание движения по заданной траектории. Символы. Задание 1. Создать флеш-ролик Планета, см. Пример ниже. 1. На 1-ом слое (Фон), рисуем кистью звезды. 2. На 2-ом слое Планета нарисуем окружность и зальем, получим планету. Центрируем наш рисунок (Окно, Панели, панель – Выровнять). 3. Создаем 3-ий слой Спутник, вставляем символ (Вставка, Новый символ, Клип видеофрагмента) и рисуем в нем спутник, не забываем выровнять. 4. Внутри символа, нарисовав спутник, копируем его (F6) и на этом кадре поворачиваем его немного (правая кнопка, поворот) и т.д. Получится символ – кинолента. 5. Возвращаемся на сцену и вставляем сюда наш символ из Библиотеки. Задаем этому символуДвижение (панель Кадр) – Motion, ставим - Ориентация по пути, Синхронизация, Snap. 6. Создаем направляющий слой , обязательно над слоем «Спутник» и в нем нарисуем с помощью Карандаша траекторию по которой будет двигаться наш спутник, при этом нельзя замыкать ее. 7. Выделяем 40-ый кадр на всех уровнях (через Shift) и нажимаем F6 (ключевой), появятся стрелки. 8. Выделим последний кадр и протащим наш спутник по нарисованной траектории. 9. На уровне Спутник нажмем F6 в середине уровня (20 кадр), на 1-ом и 40 кадре уменьшим масштаб спутника (пр. кнопка, масштаб). 10. В итоги слои выглядят: Задание 2. Создать флеш-ролик Планета со спутником вокруг Солнца, см. Пример.

  6. 4. Сцены. Создание кнопок для перехода с одной сцены на другую. 1. На первом кадре, первом слое, первой сцене создадим надпись Сцена №1 и вставим кнопку «Переход», при нажатии на которую будет происходить переход на 2-ую сцену. 2. Для создания кнопки нажимаем Вставка, Новый символ, Кнопка. Рисуем и подписываем кнопку, и во всех 4-х позициях (Вверх, Over, Вниз, Удар) вставляем ключевой кадр (F6). На кадре Over у кнопки меняем цвет (мышка находится над кнопкой). Добавляем 2-ой слой и в кадре Вниз (щелчок) вставляем звук (F6) из Файл, Открытие как библиотеки…, C:\Program Files\Macromedia\Flash 5\Libraries\sounds. Открываем окно библиотеки и из предыдущего окна со звуками перетаскиваем понравившийся звук в окно библиотеки. Панель со звуком выводим через Окно, Панели, Звук. Открываем раскрывающийся список и выбираем наш звук. 3. Переходим на сцену 1 и вставляем нашу кнопку из Библиотеки в 1-ую сцену, 1-й кадр, 1-й слой. 4.Вставим сцену 2 (через Вставка, Сцена) и подпишем ее: Сцена №2. 5.Вернемся на сцену 1, через кнопку и запрограммируем кнопку Переход для того, чтобы перейти на Сцену 2. Для этого выделим кнопку Переход, откроем Окно операций. нажав Выберем операцию Переход, зададим сцену 2, кадр 1. 6.На 1-ой сцене сделаем качающуюся надпись Сцена №1. Правой кнопкой щелкаем по надписи и выбираем Поворот. Поворачиваем надпись. Создаем ключевой кадр (F6) и снова поворачиваем., и т.д. 5. На последнем кадре создадим переход на 1-ый кадр (зациклим воспроизведение сцены). Для этого выделим последний кадр и выведем Окно операций. В окне операций выберем Переход в текущей сцене на кадр 1. 7. Перейдем на сцену 2 и сделаем точно также кнопку перехода на сцену 1, качающуюся надпись и переход на первый кадр внутри 2-ой сцены. Задание: Создать 3 сцены, сделать кнопки перехода на каждую из сцен, кнопку выхода на первой сцене. На 1-ой сцене пустить бегущую строку со сведениями об авторе (см. Пример).

  7. 5. Создание flash-ролика с использованием нескольких сцен. Задание: Разработать flash-ролик на тему «Алгоритмы» (см. Пример), используя несколько сцен. На 1 сцене - главное меню. На 2-ой сцене – анимация линейного алгоритма, алгоритм придумать самостоятельно. На 3-ей сцене - анимация разветвленного алгоритма, алгоритмпридумать самостоятельно. На 4-ой сцене - анимация циклического алгоритма, алгоритм придумать самостоятельно.

  8. 6. Итоговое зачетное задание (итоговый проект). Задание: Разработать flash-ролик по любому школьному предмету, на любую тему, используя несколько сцен. На 1 сцене - главное меню, на последующих сценах flash-анимация по выбранной теме.

More Related