Як створити інтерактивну анімовану кнопку, флеш-анімація і дизайн

Зізнаюся, як художник я мало розуміюся у флеш-програмуванні. Але це не завадило мені написати урок по As :)

У цьому уроці описаний принцип створення кнопки з функцією roll over. Дуже простий ефект, але користуюся я їм досить часто. Можливо, дана інформація ще комусь стане в нагоді. Існує кілька способів досягти подібного результату. Поділюся тим, який знаю я, використовуючи старенький Action Script2.







Є у нас вже готова анимашка-заготовка для кнопки - полохливий кролик :) Наше завдання зробити її інтерактивною - синхронізувати дію персонажа з положенням курсору на ній. Що ми повинні отримати в результаті:

- roll over (при наведенні) - кролик ховається в капелюшок,

- on (при положенні курсору на кнопці) - кролик тремтить, з капелюшка стирчать лише вушка,

- roll out (прибираємо курсор з кнопки) - кролик набирається сміливості і вилазить з капелюшка.

Створюємо кнопку. Малюємо коло в кадрі Hit. радіус = радіусу нашого мувікліпа з анімацією.

Об'єднаймо нашу кпопки з мувікліп анімації, створивши новий мувікліп rabbit _ button .Кнопку розмістимо шаром вище.

1.заходім в мувікліп rabbit і додаємо шар для кода- actions

3.ставім мітки (Label) stop і play

Ось так це виглядає на таймлайне:

Як створити інтерактивну анімовану кнопку, флеш-анімація і дизайн

Тепер потрібно написати код, щоб все це запрацювало, і анімація програвалася не сама по собі, а при взаємодії з курсором миші.

on (rollOver)






Як зробити ефект як на найголовнішому флеш - рука ходить вниз і вгору, а потім коли наводиш курсор, з'являється рука за курсором, відводиш знову

я взяв ваш исходник і вставив туди свою анімацію, начебто працює, але
немає змоги зробити заціклінную анімацію при утриманні курсора на об'єкті, у результаті довгих виснажливих експерементів, я зрозумів що для зациклення анімації в той момент коли курсор перебувати на об'єкті, флеш вибирає середнє значення. еее кароче не знаю як описати, він вобщем ділить на навпіл шкалу часу і бере середній кадр, я брав вставляв окремий символ в ту середину, в якому лежить анімація. і ні чого не получається, в СВФ файлі в цей момент де повинна бути анімація статичний, кароче як вуха йому змусити тремтіти куди ето впихати не зрозуміло?
Вибачте що там два рази написав)

при утриманні курсора анімація знаходиться в тому кадрі, де прописана пауза (stop). У цьому ж кадрі знаходиться мувікліп з зацикленої анімацією (тремтячий зайчик) .Щоб в момент утримання курсора відбувалося якесь дейсвіе з об'єктом - потрібно його обернути в мувікліп (movie clip) і всередині зробити анімацію.

це жах якийсь, дуже складно це зробити, мізки киплять, для чого робити якісь мітки стоп і плей, якщо події інші зовсім, наприклад поставив мітку плей, і тут десь натиснув на кнопку плей, кнопка плей шукає, мітку та активує її, тут же події
-roll over
-on
-roll out
ну фіг з ним нехай мітки стоп і плей пов'язані як то з подіями, але події ж три, а у вас в исходнике дві мітки, як це ваще працює
хоча працює ж. блииин я ні че не зрозумію, не можу вловити, ланцюжок подій, якою треба йти в уроці, вона обриваеться на місцях що не зрозумілі, і ппц ((

спробуйте почати з уроків простіше, якщо цей для вас сложний.он дійсно не найпростіший

да я так і зробив, я поки що занадто мізерний для цього ^ _ ^
Дякуємо)

1.заходім в мувікліп rabbit і додаємо шар для кода- actions
КААААААААК?

Привіт, не могли б Ви вислати мені исходник цього уроку на email, той исходник що я скачала зі сторінки, чомусь не містить шарів, які були представлені в уроці. Спаибо

Чи не могли б ви написати назву програми яку ви використовували для створення цієї анімації і якісь першо початкові дії. Ніби як схоже на (Macromedia Flash але я не можу зрозуміти як відкрити (і є в ньому вона чи ні) область малюнка. Лише Місце для написання коду який я не знаю. Заздалегідь дякую.

P.S: Якщо не буде вам складно не могліби ви надіслати відповідь на мій Em @ il.

немає, відкрити исходник можна лише у версії cs 5. виділяєте кноgrу і мувікліп і зберігаєте в символ - f8