Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Другие методич. материалы / Лабораторная работа № 3-4 "Создание слоев и вращение в Vectorian Giotto"
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

Лабораторная работа № 3-4 "Создание слоев и вращение в Vectorian Giotto"

библиотека
материалов

hello_html_50642843.gifhello_html_99f2dee.gifЛАБОРАТОРНЫЕ РАБОТЫ № 3–4 СОЗДАНИЕ СЛОЕВ. ВРАЩЕНИЕ

Цель работы: научиться создавать анимацию нескольких объектов на разных слоях; освоить тип движения – вращение.


Задание 1. Использование слоев в анимации

  1. Создайте в своей папке VG_flash папку Вращение.

  2. Запустите программу VG.

  3. Откройте новый документ.

  4. Выполните команду File - Export Flash Movie - Слои.swf.

  5. Убедитесь, что вы сохранили файл в своей папке.

  6. Покажите учителю.

hello_html_28f6a481.png

Нарисуйте пятиугольник и заставьте его перемещаться, от левой границы кадра к правой (рис.10,11)











Рис. 10









hello_html_m5baa7b2e.png

Рис. 11


  1. Произведите двойной щелчок по имени слоя (Layer1) и введите новое имя Пятиугольник (рис.11).


  1. Создайте новый слой Круг (рис.12).

hello_html_787998ff.png

Рис. 12

  1. В центре кадра нарисуйте небольшой круг и задайте ему анимацию - увеличение размера. Номер конечного ключевого кадра должен совпадать с номером последнего кадра на слое Пятиугольник.

  2. Запустите программу.

  3. Поменяйте слои местами.

Над списком слоев в палитре времени вы видите три значка.

щелчок на слое под «глазом» временно скроет слой; hello_html_18457431.gif

  • щелчок на слое под «замком» запретит редактирование слоя;

  • щелчок по квадрату отменит заливку объекта.

  1. Сохраните файл.

  2. Покажите работу учителю.

Задание 2. Вращение вентилятора


  1. Откройте новый документ.

  2. Выполните команду File - Export Flash Movie - Вентилятор.swf.

  3. Нарисуйте лопасти вентилятора.

  4. Нарисуйте винт в виде круга в центре вентилятора. Это ось вращения (рис.13). Выделите винт с помощью инструмента Selection Tool (Черная стрелка) и преобразуйте изображение в символ – сгруппируйте : ModifyConvert to Symbol (выделенные объекты станут единым объектом и будут выделены общей рамкой).

  5. Рис. 13

    Переименуйте слой в Лопасти.

hello_html_m1b0dd26b.png












  1. Создайте новый слой Ножка и нарисуйте ножку и подставку(рис.14). Ножка должна совпадать с центром вентилятора.

hello_html_251d16b7.png




Рис. 14







  1. В слое с лопастями вентилятора задайте анимацию движения, закончив в кадре 50.

  • в 1-м ключевом кадре - Create Motion Tveen;

  • в 60-м кадре анимации - Insert Keyframe (вставить ключевой кадр).

  1. Выделите конечный ключевой кадр. Задайте параметры вращения лопастей вентилятора: в окне Transform установите значение параметров Rotation - 180, Times CW (рис.15).

hello_html_m136f6a0b.png











Рис. 15



  1. Чтобы ножка не пропадала, задайте ей анимацию движения, не изменяя характеристик объекта.

  2. Запустите программу.

  3. Покажите работу учителю.


Задание 3. Расходящиеся окружности (продолжение задания 2)

  1. Создайте новый слой Круг 1.

  2. Нарисуйте окружность с широким контуром небольшого диаметра (рис.16).





hello_html_m3eadeea.png










Рис. 16



  1. Создайте анимацию движения окружности, увеличивая её размер.

  2. Вставьте ещё один ключевой кадр.

  3. В конечном ключевом кадре ещё увеличьте окружность.

  4. Выполните команду Соlоr Transformation Color – Аlpha - (прозрачность) - 6%.

  5. Создайте ещё два слоя Круг 2 и Круг 3 и выполните для них анимацию по образцу (рис.17).

hello_html_m51ab20bd.png












Рис. 17





  1. Запустите программу.

  2. Сохраните файл в папке VG_flash \ Вращение под именем Расходящиеся окружности.swf.

  3. Покажите работу учителю.


Задание 4. Смещение оси вращения во время движения

http://204

  1. Запустите программу VG.

  2. Откройте новый документ.

  3. Выполните команду File - Export Flash Movie - Смещение оси вращения.swf в своей папке VG_flash \Вращение.

  4. Убедитесь, что вы сохранили файл в своей папке.

  5. У левой границы кадра нарисуйте прямоугольник (кирпич).

  6. Выделите прямоугольник и преобразуйте его в символ ModifyConvert to Symbol (преобразовать в символ).

hello_html_m691142a7.pnghello_html_m69a874ec.gif

Сместите центр вращения в правый нижний угол прямоугольника (рис.18).

Рис. 18




  1. Задайте анимацию движения.

  • в 1-м ключевом кадре - Create Motion Tveen;

  • в 60-м кадре анимации - Insert Keyframe (вставить ключевой кадр).

  • Выделите конечный ключевой кадр. Задайте параметры вращения прямоугольника : в окне Transform установите значение параметров Rotation - 90, Times – CW (рис.19).

hello_html_m7137289a.png



Рис. 19




  1. Запустите программу.

  2. Полюбовавшись работой, продолжите движение кирпичика.

  3. Щёлкните правой кнопкой мыши в следующем кадре и сделайте его ключевым.

http://20613. Сместите центр вращения в правый угол и снова задайте анимацию – Поворот на 90.

14. Все последующие шаги выполняются аналогично: переместили центр вращения, повернули.

hello_html_62b8a127.png

hello_html_m63b2d6e7.png

15. Заставьте кирпич обходить препятствия (рис.20).







hello_html_m2267bd6c.png

hello_html_11fc4a3f.png









hello_html_3e312c3e.png





Рис. 20





Рис. 20

  1. Запустите программу.

  2. Сохраните файл.

  3. Покажите работу учителю.


Задание 5. Вращение в пространстве


  1. Откройте новый документ.

  2. Выполните команду File - Export Flash Movie - Вращение в пространстве.swf в своей папке VG_flash\Вращение.

  3. Убедитесь, что вы сохранили файл в своей папке.

  4. Создайте шесть слоев с разноцветными страницами книги (рис.21)

  5. Переименуйте их: стр.1, стр2 и т.д., окрасьте в разные цвета. Рзмер и положение в пространстве у них совершенно одинаковы. Легче всего для создания одинаковых по размеру страниц воспользоваться услугами буфера обмена, но при вставке объекта на новый слой использовать команду Edit – Copy, Edit – Paste in Place.

hello_html_m31e43965.png
















Рис. 21

  1. Добавьте название книги «СКАЗКИ»:используйте инструмент Текст с панели инструментов или через меню (рис.22)





hello_html_m32dea9c2.png





Рис. 22












«Откроем» первую страницу, расположенную на самом верхнем слое.

  1. Преобразуйте изображение страницы с названием в символ – сгруппируйте: выделите инструментом Selection Tool (черная стрелка) Modify – Convert to Symbol.

  2. Задайте для страницы анимацию движения.209

hello_html_m62071633.png

В конечном ключевом кадре анимации задайте параметры скоса и изменения размера (рис. 23).
  1. Рис. 22

Рис. 23


(Окно Transformation – Skew Y_-50)

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

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

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

  4. Теперь книгу надо закрыть - все страницы одновременно.

  5. В каждом слое вставьте еще один (последний) ключевой кадр, задав в панели апзГогттры исходного состояния прямоугольников (ширина - 100%, скос - 0°).Запустите программу.

  6. Сохраните файл.

  7. Покажите работу учителю.


Краткое описание документа:

Лабораторная работа  "Создание слоев и вращение в Vectorian Giotto" разработана для факультативного курса "Основы flash- анимации в среде Vectorian Giotto". Бесплатныйй flash-редактор обладает большими возможностями и набором  инструментов.

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

Автор
Дата добавления 16.12.2014
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров422
Номер материала 190277
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

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

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