Вращающийся элемент флэш ролика

  

Как создать элемент с анимацией вращения
Софт: Adobe Flash CS5 (можно использовать версии ниже вплоть до Macromedia Flash)

С помощью инструмента овал рисуем окружность белого цвета и делим её прямоугольной фигурой на два одинаковых элемента.
Эти элементы и будут составлять наш объект вращения.

Рисуем линию с помощью инструмента "Линия" по диагонали так что бы срезать по диагонали концы обоих полусфер.

Редактируем получившиеся элементы с помощью инструмента "Стрелка"
Изгибаем внутренние края по контуру близкому к наружним сторонам и 

Теперь для того что бы мы получили зацикленную анимацию выделяем оба элемента и группируем Ctrl+G.
Преобразуем данную группу в символ F8 с типом: Фрагмент ролика и заходим в него по двойному клику для придания анимации.
В шестом кадре ставим ключевой кадр F6.
Кликнув по кадрам между ключевыми кадрами правой клавишей мыши, выбираем на появившейся панели "Создать классическую анимацию движения.
При этом на промежуточных кадрах появится стрелка, но самой анимации мы не увидим.
Нам придётся повернуть на 170 градусов данную фигуру (неполный полукруг) в шестом кадре (ключевом).
Для этого мы выбираем инструмент "Свободное преобразование" и поворачиваем за уголок сгруппированную фигуру.
Теперь между первым и шестым кадром существует анимация вращения, которую можно проверить с помощью воспроизводящей головки на линейке времени или запустив встроенный в программу флэш плеер Ctrl+Enter. 

Теперь мы получили вращающийся объект с зацикленной анимацией.

 

 

Что бы украсить полученный анимационный символ нужно в панели Свойств добавить фильтры Размытие и Свечение.
Количество и качество размытия и свечения дело вкуса.

Где можно применить такой элемент анимации я расскажу в следующем уроке...

Смотрим видеоурок и комментируем! 

 

Архив с Видеоуроком и исходником Вращающегося элемента (21.41 МБ)
Чтобы скачать этот архив, Вам необходимо зарегистрироваться

 

 

 

 

Комментарии  

 
+2 #1 Василий 11.05.2011 23:00
в глазах мелькает,но если вставить вместо этого какую нибудь зверюшку типа котик,белка мышь почти мульт кусочек
Цитировать
 
 
+3 #2 Тихон 11.05.2011 23:56
Виталий,огромно е спасибо вам за ваши уроки, хорошее дело делаете.С интересом посмотрел, а эффект этот , думаю может пригодиться в прелоадере, также напоминает крутящийся винт самолёта.
Цитировать
 
 
+2 #3 Виталий Кадников 12.05.2011 05:58
Если мелькает, то можно растянуть анимацию на линейке времени.
Вместо 6-ти кадров сделать 10 и более.
Но позже я дам урок для чего этот элемент именно в таком виде.

В прелоадере тоже можно использовать.
У кого ещё есть идеи?
Цитировать
 
 
+2 #4 Марго 12.05.2011 08:53
Добрый день!
Спасиб, золотой за уроки!!!
Дай БОГ Вам творческих успехов! Здоровья, счастья и благополучия!
Цитировать
 
 
0 #5 adik80 12.05.2011 16:24
Ждем следующего урока.Спасибо уроки класс!
Цитировать
 
 
0 #6 Arik 12.05.2011 18:49
Спасибо!
Цитировать
 
 
+1 #7 Александр Бэт 25.06.2011 12:27
Здравствуйте, Виталий! Спасибо огромное за Ваш труд! Сам делал видео уроки по иностранному языку, знаю, какая это кропотливая работа.
Цитировать
 
 
+1 #8 soch 29.07.2011 13:54
Здравствуйте, Виталий! Спасибо огромное за Ваш труд!
Цитировать
 
 
+1 #9 kiosakiosaki@tut.by 21.08.2011 23:39
Виталий, вы чудо человек. Ваши уроки превосходны. Разобрано всё до мелочей, что очень важно. Мне очень нравятся ваши уроки по флэш. Благодарю.
Цитировать
 
 
0 #10 daleks72 05.09.2011 01:04
Давно искал такие полноценные видео уроки по flash, большое спасибо, Виталий!
Цитировать
 
 
0 #11 Хафиз 02.12.2011 23:10
Cпасибо, все уроки очень понятны и доступны. Вот по таким урокам и можно научиться работать во флэше.
Цитировать
 
 
0 #12 LorDHeLeGaL 25.01.2012 19:57
Отличный,понятн ый и доступный урок
Сразу рождается фантазия:)
Цитировать
 

Добавить комментарий


Защитный код
Обновить

Наша рассылка

Какой редактор удобнее?
 
 

Поиск по сайту

Вход / Регистрация

Регистрация расширит Ваши возможности!

Сейчас на сайте :




Получите 5 уроков анимации в Фотошоп на свой Е-мэйл