• Авторизация


Гуси-лебеди. Урок с анимацией крыльев. Sothink SWF Quicker 11-07-2012 00:45 к комментариям - к полной версии - понравилось!


В этом уроке я попытаюсь показать, как сделать вот такую птичку.




Работаем в прожке Sothink SWF Quicker.

Запускаем прогу.

[показать]

Жмём ОК. Идём в меню. File - Import to library..

[показать]

Выделяем рабочий клипарт и открываем его.

[показать]

В данном случае - это два крыла и основа, то есть тушка птички )


[показать] [показать] [показать]

Вписывем размеры будущего клипа. Они соответствуют размерам нашей птички

[показать]

Добавляем к первому слою ещё два.

[показать]

Встаём на первый слой и перетаскиваем из библиотеки основу птички на рабочее поле

[показать]

[показать]

С помощью инструмента Selection выделяем основу и стрелочками на клавиатуре перемещаем её в центр работы

[показать]

Приступаем к анимации. Меню - Insert - New Symbol.

[показать]

В выпавшем окошке выбираем Graphisc.Жмём ОК


[показать]


Тянем иконку с изображением левого крыла на белое поле проги.

[показать]


[показать]

Вновь идём в меню - Insert - New Symbol.

В окошке ставим отметочку на Movie Clip. Жмём ОК.

[показать]

Тянем на поле наше крылышко. Смотрим скриншот.

[показать]

Работаем с левым крылом нашей птички.

[показать]

Теперь идём в меню - Modify - Convert to Symbol

[показать]

В окошке конвертирования ставим точечку в позиции Registration, как на скриншоте.

[показать]

Выделив крыло инструментом Selection, в поле Transform устанавливаем нули (центрируем крыло)

[показать]


Встаём на двадцатый кадр слоя и правой клавишей мыши выбираем Insert Keyframe

[показать]

Инструментом Transform уменьшаем размер крыла по горизонтали.

[показать]

Вокруг крыла образуется выделение, как на скрине.

[показать]

Подтянуть левую часть крыла с помощью курсора, или же в окошке Трансформации изменить ширину крыла на 30-40 пикселей. (сжимайте крыло до реальных размеров. Не плющите его))

[показать]

Встаём на любой кадр слоя между первым и двадцатым. Правой клавишей мыши выбираем Create Motion Tween

[показать]

Встаём на второй кадр слоя и правой клавишей выбираем Copy Frames.

[показать]


Встаём на 39 кадр слоя и правой клавишей выбираем Paste Frames

[показать]

Встаём на кадр слоя между двадцатым и тридцать девятым и снова выбираем Create Motion Tween

[показать]

Анимация готова. Жмём Scene1

[показать]

Попадаем на рабочее поле сборки нашего мувика.


Встаём на второй слой и переносим мувиклип левого крыла из библиотеки на работу.

[показать] [показать]

Инстументами Transform, или Selection выделяем крыло и стрелками на клавиатуре подтягиваем к нашей статической основе.

[показать] [показать]

Проверяем анимацию в окне просмотра. Поправляем,если что-то не устраивает.

Меняем значение частоты фрейма. Если же скорость взмаха крыла нас устраивает, оставляем прежнее значение фрейма.

[показать]

Приступаем к анимации правого крыла. Выполняем те же действия, что и при анимации левого крыла.

Обратите внимание на шаг, где мы устанавливаем точку опоры крыла. В случае с правым крылом её нужно расположить так, как на скрине

[показать]

При желании можно импровизировать с углом взмаха крыльев, величиной сжатия и темпом взмаха.



Так же можно, добавив слои, импортировать готовые флеш-ролики.



Пробуйте, эксперементируйте! Успехов в вашем творчестве!

вверх^ к полной версии понравилось! в evernote
Комментарии (43): вперёд»
Myotis_EV 11-07-2012-01:38 удалить
Спасибо)) Взяла себе, изучу на досуге.
Алечка, а скажи по секрету где брать готовые флеш-ролики?
Franzuzhenka 11-07-2012-07:31 удалить
Klass milaja! Klassnij urok! Utashila s blagodarnostjü!
Алечка, спасибо, моя золотая за урок.
jzayka 11-07-2012-10:27 удалить
Спасибо за урок..
Расписано все очень четко и понятно..
Остальное ..в наших руках..
Удачного дня,творческих успехов..
Спасибо за прекрасный урок.
Avienda- 11-07-2012-12:40 удалить
Спасибо за урок!!!буду учится делать такую красоту!
Ответ на комментарий Myotis_EV # Пожалуйста!
секретов то и нет вовсе..пожалуй сейчас в каждом дневе есть кладовые с роликами
чтоб не бродить...загляните сюда : http://hnxcwenhua.blog.163.com/blog/static/19339391201122084449138/
изобилие нереальное на каждой странице )
Ответ на комментарий Franzuzhenka # Пожалуйста, Катюш! )
Ответ на комментарий Нина_Гуревич # Пожалуйста, Ниночка! Успехов вам в создании красоты!
Ответ на комментарий jzayka # Спасибо за пожелания..взаимнушки! )
Ответ на комментарий novprospekt # Благодаримс! ) Уютного вечера!
Ответ на комментарий Лида_Юринец # Успехов в создании флешечек!
Ответ на комментарий Darya_Dior # ммм..лебедь луЧЧе )
Ответ на комментарий Avienda- # Пожалуйста! Удачи вам!
чудесно получается Алечка!
MissKcu 12-07-2012-23:59 удалить
Алюш, спасиб за урок...процитирую.....Отлично....
Танго_Х 13-07-2012-13:57 удалить
Спасибо, за урок! Знаю , что урок сделан по моей просьбе. Но вышла на него через другой днев, ко мне на почту он не пришёл. Цитирую его и пошла изучать прогу (она у меня на русском).
Lechka-Alechka 13-07-2012-15:10 удалить
Благодарю за труды и отличный урок:)))))
Myotis_EV 13-07-2012-19:57 удалить
Ответ на комментарий Та_ещё_штучка_Я # Действительно изобилие)) Правда я уже и забыла что китайские блоги это "зло", но ты мне напомнила))) Ушла я на долго в просторы китайского творчества....
А программа интересная, сижу ковыряю.
Еще раз спасибо))
Ответ на комментарий Myotis_EV # Пожалуйста! )
Ответ на комментарий ЛИДА_ЕГОРОВА # Пожалуйста!
Ответ на комментарий Елена_Мишакова # Спасибо, Леночка! )
Ответ на комментарий MissKcu # конечно, Ксюш! спасибушки )
Ответ на комментарий Танго_Х # любопытно, что на мой ящик сообщения от моих новых друзей не поступают
непонятки..
Ответ на комментарий Lechka-Alechka # очень рада )


Комментарии (43): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Гуси-лебеди. Урок с анимацией крыльев. Sothink SWF Quicker | Та_ещё_штучка_Я - Дневник Та_ещё_штучка_Я | Лента друзей Та_ещё_штучка_Я / Полная версия Добавить в друзья Страницы: раньше»