Как сделать кнопку во флеш?

3 ноября 2014 г. Просмотров: 898 Инструкции

Flash-технологии в интернет-сайтах сегодня используются повсеместно, и даже начинающие веб-мастера стремятся добавить в свой сайт флеш-элементы. Например, функциональным и красивым будет оформление меню с использованием такой технологии. В качестве примера мы опишем, как в Adobe Flash CS4 сделать удобную флеш-кнопку, которую можно будет поместить на ваш сайт, и изготовить на основе таких кнопок блок меню.


Инструкция

  • Заготовьте два графических файла с фоновым изображением кнопок без текста в формате Jpg, различающихся парой цветовых фрагментов. Затем откройте Adobe Flash, создайте новый документ и выберите в списке Action Script 2.0.
  • Откройте раздел настроек и установите значение ширины 273 пикселя и значение высоты 54 пикселя. Нажмите в меню File кнопку Import и выберите команду Import to library, чтобы импортировать два подготовленных изображения в библиотеку данных.
  • Загруженные картинки перетащите на рабочую область, нажмите F8, переименуйте одну из картинок и в разделе Type выберите Movie Clip.
  • Затем перетащите на рабочую область вторую картинку, тоже переименуйте ее и укажите тот же параметр в разделе Type.
  • На каждой кнопке наберите нужный текст и нажмите Ctrl+F8, чтобы создать новую кнопку. Откроется окно New Symbol. Задайте имя будущей кнопке и выберите тип Button. Скопируйте на рабочую область созданной кнопки Movie clip первой отредактированной выше картинки.
  • Создайте новый Movie Clip, также нажав Ctrl+F8, и скопируйте полученное на рабочую область. Создайте новый слой и скопируйте Movie Clip со вторым изображением.
  • На первом слое создайте фрейм, отступив немного и выбрав опцию в меню правой кнопки Insert Frame. Повторите то же самое на следующем слое, выбрав в контекстном меню Insert Key Frame. Выделите созданный ключевой фрейм и откройте его настройки.
  • В разделе настроек Color Effect выберите Style Alpha и установите значение 0%. В первом кадре этого же слоя установите значение Classic Motion Tween.
  • На рабочей области выделите объект кнопки и откройте Actions. Вставьте в свободное поле следующий код:on (release) {
  • getURL("aboutme.htm", "_self", "GET");

    }

  • В настройках задайте кнопке нужное имя. Вернитесь к первой сцене и скопируйте муви-клип, выделите его и снова откройте Actions. Введите еще один код, в котором значение sim_btn – это имя вашей кнопки:onClipEvent (enterFrame) {
  • if (go) {

    nextFrame();

    } else {

    prevFrame();

    }

    }

    onClipEvent (load) {

    var go;

    stop();

    sim_btn.onRollOver = function() {

    go = true;

    };

    sim_btn.onRollOut = function() {

    go = false;

    };

    }

  • Экспортируйте кнопку, выбрав в меню File раздел Export movie.
  • Оцените статью!

    Комментарий будет опубликован после проверки

    Имя и сайт используются только при регистрации

    (обязательно)