Создайте в отдельной папке новый документ Macromedia Flash. Измените на панели свойства размеры ролика (700 пикселей по ширине и 600 пикселей по высоте). В нижней части холста создадим изображение рояля. Нам потребуется несколько графических объектов:

  • основа рояля - у меня рояль изображен немного под углом, но ни что не мешает вам нарисовать свою основу;
  • динамик - в данном проекте динамик играет декоративную роль, но при желании его можно анимировать;
  • четыре клавиши - три основных клавиши «до», «ре», «ми» и одну клавишу «диез». Все остальные клавиши - будут копиями из этого набора.

«Детали» рояля
Рис. 10. «Детали» рояля.

Нарисуйте эти объекты на отдельных слоях, а после превратите в символы библиотеки.

Для создания нового символа выделите рисунок и нажмите на клавишу F8. Все созданные вами символы должны иметь поведение «Ролик». Не забудьте дать новым символам «говорящие» имена: «клавиша ре», «динамик» и т.п. Всего в нашем проекте будет несколько десятков символов и если не следовать этому простому правилу, скоро в вашей библиотеке найти нужный символ станет не просто.

Каждый символ клавиши вы должны еще дополнительно конвертировать в кнопку. Вновь выделите клавишу «до» и нажмите на клавишу F8, теперь задайте для вновь созданных символов поведение «Кнопка». Зайдите внутрь вновь созданных символов рояльных клавиш (двойной щелчок на символе) и добавьте новый ключевой кадр в поле, определяющее, как будет выглядеть кнопка, когда на нее щелкнут мышью. Для этого выделите третий ключевой кадр, нажмите F6, а после несколько видоизмените клавишу, так словно она нажата (рисунок 11).

Добавление эффекта нажатия на клавишу
Рис. 11. Добавление эффекта нажатия на клавишу.

Эти действия вам нужно проделать с каждым из четырех заготовок для клавиш рояля. После этого перенесите из библиотеки на отдельный слой символы кнопок так, чтобы у вас появился набор клавиш. Будьте внимательны, вам нужно добавлять клавиши последовательно слева направо, иначе эффект нажатия не получится. Для большей выразительности вы также можете выровнять интервалы между клавишами с помощью панели «Выравнивание». У вас должно получиться примерно то же, что изображено на рисунке 12.

Внешний вид рояля
Рис. 12. Внешний вид рояля.

Убедитесь, что при просмотре ролика (комбинация клавиш Ctrl Enter) все клавиши нажимаются и все вместе выглядит как рояль (почему-то рояль больше похож на синтезатор, но я думаю, для нашего проекта это не принципиально).