Как я делал кнопку во Flash

Home

Автор: Night_Pilgrim

В этой статье будет рассказано, как была сделана кнопка для сайта, на Adobe Flash CS4.

Сразу хочу обратить внимание, что изначально имелось 2 файла Jpg.

Итак создал новый файл. Выбрал Action Script 2.0

Далее Properties(Настройки) и выставил width(ширину) 273 пикселей и высоту 54 пикселя.

Следующий сделанный шаг, добавление картинок в библиотеку данных. Для этого:
File -> Import -> Import to Library

Теперь объекты картинки превращаются в мувиеклипы, для этого картинку перемещаем на рабочую область и нажимаем F8.
Далее задаём имя и выбираем Movie Clip.

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

Теперь добавим текст в муви-клипы.

Следом создаю кнопку (Ctrl+F8):

На рабочую область кнопки, копируется мувиклип "blue".

Далее создаём новый мувиклип. Для этого нажимаем Ctrl+F8.

На рабочую область копируется созданная кнопка.
Следом создаётся новый слой поверх первого и туда копируется мувиклип с обесцвеченной кнопкой (gray).

Теперь на первом слое делаем отступ и создаём фрэйм выбрав в контекстном меню - Insert Frame.

На следующем слое делаем тоже самое, только вставляем не простой фрэйм, а ключевой - Insert Key Frame.

Далее выделяем новоиспечённый кей-фрэйм и идём в его настройки (Properties).

Там находим Color Effect -> Style: Alpha -> Ставим 0%.

Теперь переключаемся на 1-й кадр того же слоя и включаем Classic Motion Tween.

Осталось только сделать так, чтобы кнопка работала, для этого:

Первый шаг - надо будет выделить объект кнопки (Особо обращаю внимание, что выделяется сама кнопка, на рабочей области, а не слой на которой она находится, на скриншоте видно, что я для того чтобы не промахнуться с объектом отключил на время отображение верхнего слоя) и перейти в Actions.

Сюда вставляем код:

on (release) {
getURL("aboutme.htm", "_self", "GET");
}

Где aboutme.htm - адрес страницы, которую нужно открыть, "_self" указывает что открывать нужно в этом же окне, а "GET" - метод с помощью которого нужно открывать(подробнее о методах поищите в интернете, от себя добавлю что метод POST здесь не подойдёт).

Далее, кому нужно, чтобы открывалось в новом окне (может вы не кнопку меню, а баннер делаете) вместо _self пишет _blank:

on (release) {
getURL("aboutme.htm", "_blank", "GET");
}

Также в Properties задаём имя нашей кнопке (самой кнопке, а не сцене или муви-клипу где она лежит) - sim_btn.

Теперь возвращаемся на "начало начал" Scene 1 и копируем из библиотеки только что созданный муви-клип:

Выделяем его и вновь идём в Actions, вводим следующий код:

onClipEvent (enterFrame) {
if (go) {
nextFrame();
} else {
prevFrame();
}
}
onClipEvent (load) {
var go;
stop();
sim_btn.onRollOver = function() {
go = true;
};
sim_btn.onRollOut = function() {
go = false;
};
}

где sim_btn - имя созданной кнопки.

Всё, что остаётся это экспортировать кнопку, для этого File -> Export -> Export Movie (Ctrl+Alt+Shift+S)

И напоследок - ошибки с которыми я столкнулся во время создания кнопки:

1. Внимательно смотрите на параметры ширины и высоты кнопки.
2. Внимательно смотрите на положение мувиклипа на сцене, нет ли свободного места по краям
3. В случае, если собираетесь использовать ваш флэш-ролик в html-документе, убедитесь, что правильно его интегрировали на страницу.

< Следующий

Интересная статья? Поделись ей с другими:

Самое популярное

Спонсоры (м)

Облако тегов

Спонсоры