Svoboda | Graniru | BBC Russia | Golosameriki | Facebook

 -Цитатник

Найди кота! или Как правильно спрятаться? - (5)

Ну очень улыбнуло!!!

Анимация формы во Flash(морфинг). - (5)

Анимация формы во Flash(морфинг) Морфинг отличается от предыдущих типов анимации тем,что работает...

Урок для Фотошоп " Закрываем глазки". - (11)

От меня добавка - Кисти для фотошоп "Ресницы" Вложение: 4167720_eyelashes.rar Смотреть зде...

Анимация частей картинки с помощью маски.Урок для Adobe Flash. - (2)

В комментариях к посту Использование анимированной маски в Adobe Flash.Урок ...

Текстовый скроллинг средствами флеш. - (0)

Текстовый скроллинг. Прокрутка текста средствами флеш. (Часть п...

 -Рубрики

 -Поиск по дневнику

Поиск сообщений в novprospekt

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.09.2010
Записей: 709
Комментариев: 11273
Написано: 13505


Гуси-лебеди. Урок с анимацией крыльев. Sothink SWF Quicker.

Среда, 11 Июля 2012 г. 10:36 + в цитатник
Цитата сообщения Та_ещё_штучка_Я

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




Работаем в прожке 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 выделяем крыло и стрелками на клавиатуре подтягиваем к нашей статической основе.

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

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

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

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

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



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



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

Серия сообщений "Уроки Flash":
уроки в разных флешпрограммах, авторские уроки flash
Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 10 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 2. Дизайн для часиков.
Часть 11 - Делаем музыкальную флеш открытку в программе Sothink SWF Quicker.
Часть 12 - Гуси-лебеди. Урок с анимацией крыльев. Sothink SWF Quicker.
Часть 13 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
Часть 14 - Использование масок в программе Sothink SWF Quicker
...
Часть 48 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.
Часть 49 - Использование панели «Редактор движения» в Adobe Flash CS6.
Часть 50 - Анимация формы во Flash(морфинг).

Рубрики:  Flash/уроки sothnik swf quicker
Уроки по программе Sothnik SWF Quicker
Метки:  
Понравилось: 12 пользователям

Бог_в_Блог   обратиться по имени Суббота, 21 Июля 2012 г. 19:31 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
сукулентная   обратиться по имени Понедельник, 21 Января 2013 г. 15:16 (ссылка)
Спасибо.Буду пробовать
Ответить С цитатой В цитатник
PSN   обратиться по имени Четверг, 28 Марта 2013 г. 04:00 (ссылка)
Мариша! Спасибо за урок. У меня гусенок не очень хочет махать крыльями, я наверно что то не так сделала. Вот мой результат

Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 28 Марта 2013 г. 07:05ссылка
А мне кажется, все замечательно. Очень естественно. Флешка просто прелесть. Если хочешь, чтобы резче махал можно попробовать уменьшить еще ширину при трансформации. Тут все индивидуально и на любителя.
Перейти к дневнику

Четверг, 28 Марта 2013 г. 16:36ссылка
PSN
Маришечка! У меня к тебе еще такой вопросик, как сделать, чтобы подпись была кликабельной и указывала на мой блог?
В каком то уроке делала,не могу найти.
Перейти к дневнику

Четверг, 28 Марта 2013 г. 16:43ссылка
Вечером сделаю скрин. Там в свойствах текста надо выбрат тип текста HTML, текст обязательно встроить и внизу справа вставить ссылку на блок, тип переключения указать "_blank".
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку