оригинальная версия версия для слабовидящих контрастная версия выключить изображения включить изображения RSS FEED K2 NEWS

В этой статье будет рассказано, как была сделана кнопка для сайта, на 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-документе, убедитесь, что правильно его интегрировали на страницу.

Спонсоры: