PDA

Просмотр полной версии : Анимированая кнопка из текста


LightX
22.02.2006, 05:46
Вообщем то Сабж.
Сейчас немного расшифрую саму идею. Она красива и проста, как бабочка, сидяшая на розе у окна... (что то меня потянуло в поэзию)

Итак. Идея: при наведении на кпонку, содержащую надпись. Надпись начинает красиво переливаться разными цветами, всячески радуясь и притягивая пользователя скорее её нажать =) При нажатии на неё можно вставить другую анимацию. только что в голову пришло, так и сделаю, как немного освоюсь в этой среде обитания. По моей задумке просто открывается страничка)

Как я пытался это реаллизовать:
Сначала я несколько дней вообще не имел представления, что есть такая программа, как Флэш и уж тем боллее как она работает =))
потом всё-таки понял, что мне сюда, нарисвал меню (его фон ) и впредвкушеии сотворения чего то очень красивого... приступил к изучению... Методом интелектуально-научного тыка ;)

Исходя из собственной логики, полученной после освоения нескольких практических уроков и какого-то призрачного понимания структуры работы флэша, через несколько дней пришел к следующему алгоритму:


Есть слой 1 - с фоном, есть слой 2 - с кнопкой (кнопка представляет из себя текст, кстати это ещё одна загадка для меня, на котрую пришлось создать тему =)). Жмем на кнопку и входим в окно обработки кнопки, там сверху всем вам знакомые 4-е фрэйма: UP, OVER, DOWN, HIT
Выбрал Over, нажал F6. отображение кнопки скопировалось... F8 и поменял свойства кнопки на "movie clip" (логично вроде, ведь по идею должно начаться движение)... зашел в мувишку. Создал ещё один слой и вставил тура психоделическую картинку, подложил его под слой, что был с текстом и нажал кнопку F6 на двух слоях (там, где был текст на 40-ом фрэйме, а где рисунок на 20-ом и 40-ом).
Вернулся на 20-ый фрэйм, передвинул рисунок. создал 2-а Motion twin'a для слой - подложки.

И Ура! ВСё заработало. Когда наводишь мышку на надпись - она становиться цветной и начинает красиво ереливаться всеми цветами радуги.

Но вот встал другой вопрос: как бы мне сделать так, что бы вместо черного текста в кнопке, который статичен до наведения мыши на кнопку, был первый кадр анимации, которая начинается, когда наведешь грызуна на кнопку?

Если описанный выше способ совсем некорректный с точки зрения создания такого простого эфекта и вам будет не лень описать свой способ, с удовольствием выслушаю... =)

PS. Во время написания данного топика. Меня осенило и я сделал переливающуюся надпись, но решил не стирать топик, т.к. остались другие вопросы =)

------------------------------------------------
Надеюсь на вашу поддержку! Спасибо!

KUZEN
22.02.2006, 06:30
Очень советую прикупить литературку для начинающих, там ответы на 90% вопросов, которые по началу возникают ...

Homo Sapiens
22.02.2006, 12:27
Сделай вместо кнопки мувик, на первый кадр повесь метку _up - обычное состояние кнопки, на второй - _over - состояние при наведении. Дальше рисуешь анимацию, и в конце делаешь кадр _down - Нажатая кнопка. Да, не забудь везде поставить stop().
P.S. Но всё это после того, как купишь литературу, начни с Гурского.