Анімація кнопки при наведенні на неї курсора

March 25th, 2009 by


« Квачі   |   Копіювання руху у вигляді ActionScript »


Крок 1

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

Спершу створимо новий мувікліп, і тепер все, що ми робитимемо далі, робитимемо в нім.

Створимо порожній мувікліп натисненням кліваш Ctrl+F8 і назвемо його MyButtonMC :

Навчальні матеріали - Анімація кнопки при наведенні на неї курсора

Крок 2

Створимо власне анімацію: допустимий я хочу, щоб над кнопкою з’являвся текст. Для цього в мувікліп, який ми тоьлко що створили, помістимо текст.
Тепер повернемося в найперший мівікліп, про яке я говорив раніше, створимо новий шар (на першому шарі у нас вже винен знаходиться малюнок, який буде нашою кнопкою, - у нас чорний кружок) і помістимо на цей шар в першому кадрі кліп, який створили тільки що.

Задамо його прозорість на 0 (для цього виділимо його, відкриємо панель Propeties , у випадному меню Colors виберемо Brightness і встановимо значення на 0. Тепер створимо перейдемо на 10 кадрів вперед і створимо новий ключовий кадр натисненням F6 .

Pages: 1 2 3


Tags: , , , , , ,

Навчальні матеріали


Схожі записи

  • Аналоговий годинник в Flash MX (18.03.2009)
    ... Виберіть її і натисніть F8 . Назвіть її sec_mc , тип виберіть Movie clip . Там, де написане registration , позначте нижній середній квадрат. Натисніть OK . Крок 3 1) Розмістите sec_mc ...
  • Створення інтерактивної карти (20.03.2009)
    ... Це буде фоном і ніяких маніпуляцій з цією картинкою ми проводити ми не будемо, так що раджу заблокувати шар. Крок 2 Створення кнопок Створіть новий шар і назовтіє його Buttons . На цьому шарі ми створимо першу кнопку, а потім дублюємо ...
  • Flash-анімація як творче захоплення (17.03.2009)
    ... al.ru Dembicki.narod.ru Сartoonsmart.com Де ознайомитися з прикладами творчої flash-анімації Як знайти соратників і колег «по цеху» Чим унікальна flash-технологія? Звичайно, у неї маса переваг, вона зробила Усесвітню павутину динамічнішою, живішою, інтерактивною, дозволила створювати барвисті корпоративні презентації, рекламні ролики, банери і т.д. і ...
  • Виїжджаюче меню (01.04.2009)
    ... Потім OK. Натисніть на Menu Layer. Зробіть новий Layer. Назвіть "Menu Button". Намалюйте слово "Menu". Затисніть Shift, натисніть на кнопку Menu і задній фон, а потім Modify>Group. Виділите кнопку Menu. Insert>Convert to Symbol. Назвіть "Menu Button" і як Button. ...
  • Вставка властивостей анімації руху (27.03.2009)
    ... Положення по осі Y Зсув об'єкту по осі Y. Масштаб по горизонталі Відношення між поточним розміром об'єкту і його фактичним розміром по горизонталі (X). Масштаб по вертикалі Відношення між поточним розміром об'єкту і його фактичним розміром по вертикалі (Y). Поворот ...