Открываем программу Adobe Flash (ранее известная как Macromedia Flash) версия 5.0. Автоматически создаётся новый документ. Размеры и цвет фона нового документа можно изменить, нажав Ctrl+M или выбрав пункт меню Modify–> Movie. Затем открываем меню Insert–>New Symbol, или нажимаем Ctrl+F8. На экране появляется меню, необходимо задать имя и выбрать тип объекта: Movie clip (анимированный фрагмент), Button (кнопка), Graphic (изображение). Нам необходимо выбрать тип Button. Файл назовём Button1.

Далее открывается окно редактирования нашей кнопки. Чуть выше рабочей области мы увидим основную рабочую часть Flash – раскадровку, где каждое маленькое окошко - это отдельный кадр. Сейчас мы редактируем кнопку, следовательно, у нас есть четыре «кадра»: Up, Over, Down, Hit. Каждый отвечает за определённое положение курсора мыши по отношению к будущей кнопке: над, вне кнопки, клик и область клика.

Слева от основной рабочей области можно увидеть слой Layer 1. Думаю, большинство знакомо с программой Photoshop, так что объяснять принципы работы со слоями не стану – все точно так же как в Photoshop.

Выбираем первый слой, затем кадр с названием Up и рисуем то, как будет выглядеть наша кнопка в обычном состоянии. Затем выбираем кадр Over и в выпадающем меню щелкаем по Insert Keyframe. Проще всего изменить у кнопки цвет. Затем проделываем то же самое с Down, так же меняем цвет, но уже на другой.

Обратите внимание – чуть выше и слева надпись Scene 1 | Button1 – это означает, что сейчас мы редактируем символ Button1 в сцене Scene 1. Щёлчком по Scene 1 мы переходим к основному фильму. Чтобы вставить сюда нашу кнопку, нажимаем Ctrl+L. Также можно перейти Window–>Library. Это библиотека, где находятся все символы, входящие в наш фильм. Находим Button1 и перетаскиваем на пустое место рабочей области. Вот мы добавили нашу кнопку в основной фильм. Сохраняем файл (File–>Save). Чтобы просмотреть результат, нажимаем Control–>Test Movie. Открывается окно предпросмотра, где мы можем видеть, как будет выглядеть наша кнопка. Наводим курсор на кнопку и видим, какие изменения происходят. Чтобы увидеть, как все будет смотреться в браузере, нажимаем F12 или File-”Publish Prewiev-”default(HTML). Программа создаст новый html файл с вашей кнопкой и откроет его в окне браузера.

Думаю, не стоит рассказывать, как и для чего создавать кнопки. Единственное, что хочу сказать – я обычно делаю два типа кнопок – небольшие с лаконичным дизайном и скромной анимацией для основного меняю, и большие, красочные и с интересной анимацией для размещения на страницах сайта. Для чего я использую второй тип кнопок? В основном я пишу на них «скачать» и использую для перехода по ссылкам партнёрской программы www.smartbuks.ru, с помощью которой я собственно и зарабатываю. Большие и яркие кнопки привлекают внимание не хуже, чем баннеры.

Идём дальше – как сделать кнопку рабочей, а не просто элементом дизайна? Снова идём в редактор Adobe Flash и нажимаем правой кнопкой мыши на нашу кнопку. Появляется меню, нам необходимо выбрать в нём пункт Actions (Действие). Далее выбираем команду Get Url (Добавить Url). Появится окно, куда необходимо вписать адрес URL. Также есть возможность указать: имя окна в строке window (только если вы не используете фреймы); открывать ссылку в том же или в новом окне (target_blank). Если вы хотите передать из своего ролика серверному скрипту какие-либо данные – нужна строка Variables (можно выбрать метод POST или GET). В нашем случае это ненужно. Чтобы опубликовать кнопку, нажмите File->Publish Settings. Здесь можно выбрать формат публикации и настроить некоторые её параметры. Когда вы нажмете Publish, программа создаст одноименные HTML и swf файлы. Флэш - файл – для публичного просмотра, а HTML – для редактирования.

Популярность: 41%