• Авторизация


Кнопка-плеер в Adobe Flash 19-06-2014 15:07 к комментариям - к полной версии - понравилось!

Это цитата сообщения jzayka Оригинальное сообщение





Как создать кнопку и загрузить в нее музыку мы учились
в этом уроке.

Сегодня будем совершенствовать нашу кнопку и создадим кнопку-плеер,которая при нажатии на нее будет менять вид.
Это может быть цвет,размер,другая картинка,поведение(если будем использовать анимашку)и т.д.

Сделаем это на простом примере,не делая акцент на красивость.

Откроем программу.Создадим новый документ AS3.
Подготовим работу или загрузим картинку(коллаж) для фона.
Сохраним (Файл-Сохранить как).

1.Создадим символ.Вставка-Создать символ.
[показать]
2.Назовем его Кнопки.

[показать]
Открылось поле редактирования созданного символа,в котором мы будем делать кнопки для нашей кнопки-плеера.
[показать]

3.Создадим два новых слоя.Теперь на временной шкале у нас 3 слоя.
Переименуем для удобства, как на скрине.
На слое Играть расположим кнопку для воспроизведения звука.
На слое Стоп расположим кнопку для остновки звука.

[показать]

Для примера я взяла клипарт бабочки разных оттенков.Сделала надписи.
[показать] [показать]

4.Импотрируем на слой Играть бабочку Play.
Выделяем стрелочкой.Преобразуем в символ.

[показать]
Назовем Играть.В Свойствах пишем btnPlay
[показать]
[показать]

5.Встаем на слой Стоп.Импортируем на него бабочку Stop
Выделяем стрелочкой.Преобразуем в символ.

Чтобы при нажатии она немножко смещалась,сдвинем ее стрелочками на клавитуре на 1пкс вправо(жмем 1 раз стелочку вправо) и на 1пкс вниз(стрелочка вниз).
Можно не делать этого..

[показать]
Назовем Стоп.В Свойствах пишем btnStop
[показать]
[показать]


6.Встаем на слой Скрипт.Открываем Действия(F9)
Вставляем скопированный ниже код
[показать]

=================
btnPlay.visible = true; btnStop.visible = false;
// слушатели событий
btnPlay.addEventListener(MouseEvent.CLICK, onClickPlay);
btnStop.addEventListener(MouseEvent.CLICK, onClickStop);

function onClickPlay(e:MouseEvent){
btnPlay.visible = false;
btnStop.visible = true; } function onClickStop(e:MouseEvent){
btnPlay.visible = true;
btnStop.visible = false; }
===================
7.Возвращаемся на основную рабочую сцену с подготовленной работой.
8.Создаем вверху слой и на него из библиотеки перетаскиваем символ "Кнопки"

[показать]
9.Жмем на бабочку,смотрим,что получилось. CTRL+Enter( для просмотра размер флешки уменьшен)


Все. Кнопка -плеер готова.Разместим ее как нам нравится.
При необходимости поменяем размер.


Осталось загрузить музыку.
10.Для этого выделяем бабочку стрелочкой. В Свойствах пишем любое имя литиницей У меня это knopa
[показать]
11.Откроем Фрагменты кода.Жмем на папку Аудио видео.
12.Выбираем :
Нажмите для восроизведения/остановки.

Жмем на значек справа.Откроется окошко.Прокрутим вниз (см .скрин),куда будем вставлять свою ссылку.
[показать]

Аккуратно между кавычек вставьте вашу ссылку.
14.Жмите Вставка.
[показать]
Смотрим на временную шкалу.
Программа автоматически создала новый слой с скриптом.
Музыка загружена в кнопку.
[показать]

Тестируем ctrl+enter(жмем на бабочку)
На фон добавила эффект "боке"


Еще не все..
15.Откроем Параметры публикации.
[показать]
Для чего это нужно подробно в уроке к этой теме.
В открывшемся окне(см .скрин)внизу находим строку ,раскрываем ее,ставим галочку(см .скрин).

[показать]
Подробности об этом в уроке(ссылка выше)

Сохраним работу.
Экспортируем(Файл-Экспорт-Экспортировать ролик)
На этом все!Удачи в творчестве!



Серия сообщений "Мои уроки":

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Делаем снегопад в SWFQuicker..)
...
Часть 8 - Украшение работ"рандомным"эффектом в Adobe Flash.
Часть 9 - Делаем эффект "Боке" в Adobe Flash.
Часть 10 - Кнопка-плеер в Adobe Flash.


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Кнопка-плеер в Adobe Flash | Миледи_Малиновская - Разные разности | Лента друзей Миледи_Малиновская / Полная версия Добавить в друзья Страницы: раньше»