Как сделали красную кнопку

Как сделали красную кнопку

Как сделали красную кнопку

Как сделали красную кнопку

Одно из наиболее часто просматриваемых флеш (flash) приложений, его просмотрело много народу, а сделать такой на самом деле легче легкого.
Для создания красной кнопки не нужно быть гением во флеш, достаточно просто выполнить ряд инструкций и потратить максимум час на создание своей флешки.


Итак, сам ролик

Как сделать такой ролик?
Запускаем Macromedia Flash т.к. с версией программы от Adobe я не знаком, а работает, везде одинаково.

Запустив программу, делаем сразу несколько ключевых фреймов, для этого наводим курсор на пустой фрейм и нажимаем правую кнопку мыши, в появивщемся окне выбираем «Insert KeyFrame». Я сделал 5 ключевых фреймов.

Запускаем Macromedia Flash

Запускаем Macromedia Flash


(рисунок 1)

Затем наводим курсор на первый ключевой фрейм, нажимаем правой кнопкой мыши и выбираем «Action»

Затем наводим курсор на первый ключевой фрейм

Затем наводим курсор на первый ключевой фрейм


(рисунок 2)
Затем выбираем команду stop(); и можем еще переключиться на вид кода Action Script для эксперта.
Затем выбираем команду stop();

Затем выбираем команду stop();


(рисунок 3)

Повторяем операцию для всех оставшихся фреймов – после перехода на следующий кадр воспроизведение должно останавливаться.

Теперь делаем кнопку.
Нажимаем F11
А затем в появившемся окне библиотеки нажимаем на плюсик, потом в диалоговом окне выбираем «Button» и жмем «ОК»

Теперь делаем кнопку

Теперь делаем кнопку


(рисунок 4)

Теперь мы создаем кнопку, обычную без анимации.
Выбираем инструмент «Oval Tool» и цвет заливки.

Выбираем инструмент «Oval Tool»

Выбираем инструмент «Oval Tool»


(рисунок 5)

С помощью кнопки Shift рисуем круглую кнопку, без нее овал.
С помощью панели Align (Ctrl + K) выравниваем кнопку относительно центра, предварительно выделив кнопку.

С помощью панели Align (Ctrl + K) выравниваем кнопку

С помощью панели Align (Ctrl + K) выравниваем кнопку


(рисунок 6)
Теперь переходим к нашей сцене 1 и перетаскиваем кнопку на 1 кадр (фрейм)
Теперь переходим к нашей сцене 1 и перетаскиваем кнопку на 1 кадр (фрейм)

Теперь переходим к нашей сцене 1 и перетаскиваем кнопку на 1 кадр (фрейм)


(рисунок 7)
Выделяем кнопку и нажимаем правую кнопку мыши и выбираем «Action»
Вводим следующий код
on (press) {gotoAndStop(2);}
Как вы понимаете, в следующем фрейме в коде нужно будет заменить лишь цифру.
Ну вот, осталось только скопировать кнопку (выделить и нажать «Edit» — «Copy»), а потом вставить в каждый фрейм «Edit» – «Paste In Place» (только так, чтобы кнопка не прыгала), изменяя код on (press) {gotoAndStop(2);} на on (press) {gotoAndStop(3);} и т.д.

Главное не забыть текст!
Вот для этого нажимаем на панели инструментов кнопку Text Tool (T) и внизу в свойствах шрифт с кириллическими символами — Times New Roman Cyr. И еще проверяем, чтобы был Static Text/

Вот для этого нажимаем на панели инструментов кнопку Text Tool

Вот для этого нажимаем на панели инструментов кнопку Text Tool


(рисунок 8)


Растягиваем на рабочем монтажном столе область для текста и впечатываем туда любой текст, можно так же сделать текст жирным и оцентровать.

Можно так же сделать текст жирным и оцентровать

Можно так же сделать текст жирным и оцентровать


(рисунок 9)

Потом можно либо копировать и изменять текст, либо просто делать свою подпись к кнопке на каждом фрейме.

Нажимаем Ctrl + Enter и проверяем как работает, если все нормально, но то можно сохранять и делиться с друзьями. Только не повторяйтесь – лучше придумайте, что-то свое.


Спасибо за внимание.
Будьте в курсе – подпишитесь на RSS

Автор: Сергей Титов


Понравилась статья?
Закажи бесплатную подписку!

Сообщения по теме:

  • Как пользоваться функцией поиска по содержимому страницы в браузере Firefox
  • Как сделать кнопку скачать на сайте
  • Как вырезать звук из фильма

  • Метки: ,

    Комментарии (13)

    1. ЯДЕР 12.08.2009 #

      СПАСИБО ОГРОМНОЕ!!!Ето моя первая красная кнопка будет…

    2. admin 13.08.2009 #

      ЯДЕР: на сайте есть еще видео урок по созданию флеш игр из исходников — тоже может пригодится…
      Похвалиться своей разработкой можно здесь же — просто выложив файл на депозит, а сюда скинув ссылку. Вместо красной кнопки можно сделать и книжку — просто добавив больше текста и картики, принцип тот же.

    3. ЯДЕР 13.08.2009 #

      Я немогу найти здесь ищо какието уроки по созданию флеш игор.Если можете дайте кто нибуть силку!!!ПЛИз

    4. admin 13.08.2009 #

      http://www.lamer-stop.ru/2009/08/11/kak-sdelat-flesh-igru-video-sovety/ — пока только советы, а если есть желание заняться серьезно созданием игр, то лучше конено купить книгу — там подробно написано и много игр можно создать.
      (http://www.lamer-stop.ru/2009/07/07/kak-sdelat-igru-na-kompyuter-samomu/ — здесь есть ссылка на книгу)

    5. Лёха 05.12.2009 #

      Всё сделал как написано, но не работает! Пишет что ошибка on (press){gotoAndStop(2);}

    6. admin 06.12.2009 #

      Лёха: бывает и такое, может быть нужно добавить что-то типа
      on (press) {_parent.gotoAndStop(2);}

    7. Вовка 16.02.2010 #

      Спасибо! С кнопкой разобрался!)) Очень полезная информация!

    8. Ванек 26.02.2010 #

      Пасибо! Теперь столько кнопок сделаю… ВСЕХ ЭТОЙ КНОПКОЙ ДОСТАНУ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    9. Дима 01.04.2011 #

      кнопка получилась, не совсем так как описано но тем не менее работала, только когда я ее сохранил то потом документ не открылся(
      почему так?

    10. admin 01.04.2011 #

      Дима, а в каком формате сохранили и какой программой открывали? Должно быть в .swf и открывать можно флеш плеером (в браузере может быть, если установлен на компьютере), попробуйте открыть с помощью другой программы.

    11. Доктор Квеб 26.08.2011 #

      Я извиняюсь, урок хороший, но меня смущает контекстное меню, надо скрыть его! Нету смысла во флешке, когда меню видно

    12. Доктор Квеб 26.08.2011 #

      Я извиняюсь, урок хороший, но меня смущает контекстное меню, надо скрыть его! Нету смысла во флешке, когда меню видно

    13. admin 27.08.2011 #

      Доктор Квеб, это реклама, она зло, но без нее не оплатишь хостинг.

    Оставить комментарий

    

    0.47MB/0.00044 sec