Анимированные флеш кнопки.

Четверг, 23 Октября 2014 г. 15:35 + в цитатник

Набор готовых разноцветных анимированных флеш кнопок. Пригодятся для создания бродилок, баннеров, а также можно использовать в создании флеш плееров.

23-10-2014 11-57-42 (596x411, 183Kb)

Кнопки сделаны с использованием скрипта AS2 поэтому набором можно пользоваться как в программе Adobe Flash, так и в программе Sothink SWF Quicker.

Небольшая инструкция по использованию этого набора кнопок.
Для начала надо скачать архив

Анимированные флеш кнопки

Разархивируем и откроем папку. В ней два файла - исходник в формате FLA и флеш файл.

Пример работы с этим набором в программе Adobe Flash.
Открываем FLA файл с кнопками в программе.

23-10-2014 13-52-49 (700x455, 194Kb)

Во вкладке Свойства открытого файла с кнопками смотрим, чтобы версия Action Script обязательно была - Action Script 2. Иначе анимация кнопки работать не будет

23-10-2014 13-48-43 (700x399, 154Kb)

Создаём новый документ AS2, в котором будем делать свою работу, например, бродилку или меню.

23-10-2014 13-08-47 (700x449, 179Kb)

Сохраняем созданный документ под каким - либо именем в папку проекта.

23-10-2014 13-15-36 (625x484, 237Kb)

Возвращаемся на вкладку с кнопочками и инструментом Стрелка выделяем любую понравившуюся кнопку, щёлкнув по ней. Затем зажимаем клавишу Shift и щелкаем по тексту на кнопке. Всё выделенное копируем, вызвав мышкой контекстное меню.

23-10-2014 15-35-49 (690x601, 347Kb)

Идём снова на вкладку со своим проектом и на Рабочее поле вставляем скопированную кнопку.

23-10-2014 15-39-59 (586x539, 173Kb)

И, таким образом, заполняем необходимым количеством кнопочек всё рабочее пространство.
Например, при ширине Рабочего поля 600 пикс в один ряд входит три кнопочки.

23-10-2014 15-55-23 (690x329, 88Kb)

Теперь разберемся с текстом на кнопочках.
Выбираем инструмент Текст и щёлкаем по тексту на кнопочки.
Убираем ненужный текст и вводим свой.
На панели Свойства встраиваем шрифт используемый в тексте.

23-10-2014 16-08-13 (700x490, 253Kb)

Также необходимо, чтобы все кнопочки стали кликабельными ссылками, то есть направляли нас на нужную интернет страничку.
Для этого дважды щёлкаем по кнопке и входим в поле её редактирования. Смотрим на Временную шкалу и видим следующее

23-10-2014 16-20-41 (700x626, 303Kb)

Нас интересует самый верхний слой "actions" (скрипт) и его первый кадр. Встаём на первый кадр слоя "actions" и открываем вкладку Действие. Прокручиваем имеющийся там скрипт вниз и находим строку 15. На ней находится такая строчка
getURL("http://");

23-10-2014 16-28-53 (682x388, 144Kb)

В скобочках аккуратно убираем всё, что там есть и вставляем нужный нам URL адрес + после закрывающейся скобки URL адреса ставим запятую и вставляем далее
"_blank"
Эта добавка обязательна, иначе размещённая в дневнике кнопка срабатывать не будет.

Таким образом, строка 15 кода, размещённого в первом кадре слоя "actions" с учётом вашей ссылки должна выглядеть следующим образом:

23-10-2014 16-39-01 (700x528, 237Kb)

Используя данный способ добавляем нужные URL адреса на все кнопки вашей бродилки. Для этого после добавления URL адреса на одну кнопку, возвращаетесь из поля её редактирования на основной Рабочий стол (Монтажный кадр 1) и заходите в поле редактирования другой кнопки.
Добавляете на слое "actions" первого кадра в 15 строке URL адрес, соответствующий надписи на кнопке + вставляете после адреса метод открытия страничек - "_blank".
Когда все URL адреса будут добавлены, флешку тестируем Ctrl+Enter и, если всё нормально, то экспортируем её во флеш ролик.

При работе в программе Sothink SWF Quicker вместо FLA файла для работы открываем флеш файл.

Файл - Импорт

Затем создаём новое окно программы

Файл - Новый - Новое окно
и в этом Новом окне создаем проект бродилки, а также вставляем сюда скопированные в первом окне кнопки.

Серия сообщений "Уроки Flash":
уроки в разных флешпрограммах, авторские уроки flash
Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 33 - Урок.Эффект "Ripple" (волна)в Adobe Flash(AS3).
Часть 34 - Полноэкранный просмотр на AS2 и AS3 в Adobe Flash.
Часть 35 - Анимированные флеш кнопки.
Часть 36 - Урок "Самопишущийся текст" от BAT
Часть 37 - Снегопад с блёстками. Урок для Adobe Flash.
...
Часть 48 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.
Часть 49 - Использование панели «Редактор движения» в Adobe Flash CS6.
Часть 50 - Анимация формы во Flash(морфинг).

Серия сообщений "Флеш заготовки":
флеш заготовки, флеш материал
Часть 1 - Флеш заготовки «Часики, календарики и приветствия».
Часть 2 - Флеш заготовки «Календарики и часики».
...
Часть 15 - Мои копилочки с Я - ру. Пасхальные кластеры и декор для дизайна флешек.
Часть 16 - Делаем интерактивные флеш кнопки для плеера.
Часть 17 - Анимированные флеш кнопки.
Часть 18 - FLA исходники для Adobe Flash CS6 «Happy Valentine's Day».
Часть 19 - Флеш заготовки «Календари цветные». AS2.