Записи Друзья Комментарии
tamara9999
Аватар tamara9999

 -Рубрики

 -Поиск по дневнику

Поиск сообщений в tamara9999

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 06.12.2013
Записей: 2367
Комментариев: 43
Написано: 3820


Кнопка-плеер в Adobe Flash.

Воскресенье, 29 Июня 2014 г. 22:36 + в цитатник
Цитата сообщения jzayka
Прочитать целикомВ свой цитатник или сообщество!
Кнопка-плеер в Adobe Flash.


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

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

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

Откроем программу.Создадим новый документ 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.
Часть 11 - Цифровые часики в Adobe Flash(AS2,AS3).
Часть 12 - Делаем в Adobe Flash 3D Эффект переворота(3D вертелка).


Серия сообщений " *эффекты":
Часть 1 - Урок 61. Снег или летящие снежинки
Часть 2 - Урок 24. Яркий фрагмент на ч/б картинке
...
Часть 24 - Цифровые часики в Adobe Flash(AS2,AS3).
Часть 25 - Делаем в Adobe Flash 3D Эффект переворота(3D вертелка).
Часть 26 - Кнопка-плеер в Adobe Flash.
Часть 27 - ActionScript® 3.0 - видео-уроки
Часть 28 - Вертикальное вращение во флеш
...
Часть 47 - Как скопировать флешку с инета и поставить в свой дневник...
Часть 48 - Эффект мерцания и падающая звезда.
Часть 49 - Эффекты со звездами

Метки:  
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте