00:33
Автор:
Night Flight
Начиная с третьей версии программы Sothink SWF Quicker в ней появилась удобная, на мой взгляд, дополнительная панель, объединенная по умолчанию с панелями Библиотеки и Проводника (Library, Movie Explorer) с названием Gallery. Вот её то мы и будем использовать в данном уроке для создания кнопок из шаблонов. Мы сегодня познакомимся с общим принципом использования этих шаблонов, а их практическое применение будет рассмотрено в отдельных уроках дополнительно.
Прежде всего, хочу сказать, что все эти шаблоны были доступны и ранее, и находились они в папке C:\Program Files\SourceTec\Sothink SWF Quicker\Templates. Сейчас все эти шаблоны находятся в папке C:\Program Files\SourceTec\Sothink SWF Quicker\Gallery. Однако для удобства ими можно воспользоваться прямо в окне программы. Для этого необходимо открыть панель Gallery. Смотри рисунок ниже:
Как мы видим при открытии панели (на рисунке выделена красной рамкой), в ней находятся две папки. Одна из них с кнопками (Buttons), другая с прелоадерами (Preloaders). Нас в данном уроке будет интересовать первая из них. Хотя принцип их использования аналогичен. В одном из следующих уроков мы будем более детально использовать и те и другие шаблоны.
Итак, давайте заглянем внутрь папки с кнопками.
В папке находятся две вложенные папки: arrovmove и misc
Сегодня, для наглядности мы используем первую папку. В ней расположены 5 основных кнопок перемещения. Вот что они из себя представляют:
Первая и четвертая (слева на право) кнопки используются для перемещения к следующему, или предыдущему кадрам (слайдам). Вторая используется для приостановки клипа (пауза). Третья – для воспроизведения, и последняя, пятая – для остановки клипа.
Что же нужно сделать для того, чтобы использовать эти шаблоны кнопок? А всё очень просто. Либо Вы прямо в панели Gallery делаете двойной щелчок по нужной кнопке, и в этом случае кнопка оказывается ровно в середине рабочего поля. Либо, с зажатой левой кнопкой мыши, захватываете кнопку, которую собираетесь использовать, и из панели Gallery перемещаете в нужное место на рабочем поле.
Давайте дважды щелкнем по кнопке с названием play. Смотри рисунок:
Сразу же наша кнопка оказывается на рабочем поле, и одновременно помещается в библиотеку.
Что же она из себя представляет. Давайте разберем шаблон подробнее на примере всё той же кнопки play. Для этого откроем панель библиотеки. Смотри рисунок:
Она состоит из двух звуков (о них чуть позднее), и трех графических символов, которые характеризуют состояние, в котором находится кнопка. Дважды щелкнув по символу самой кнопки (на рисунке Symbol 7 Button), мы попадем в окно редактирования символа. Подробнее об этом смотри два предыдущих урока в этом же подразделе.
В окне редактирования мы можем наглядно увидеть, перемещаясь по кадрам Up, Over, Down, Hit, что из себя представляют наши графические символы кнопки. Для наглядности привожу общий рисунок:
Обратите внимание, что треугольник внутри круга в первом кадре (Up) черный, в третьем кадре (Down) – светло-голубой, а во втором (Over) и четвертом (Hit) кадрах он одинакового, синего цвета.
Все эти цвета, и окружности, и треугольника в каждом кадре, Вы в дальнейшем можете изменить по своему вкусу. Для этого необходимо использовать поле Color transform одноименной панели. О том, как это делается подробно изложено в одном из уроков.
Теперь о символах аудио файлов (на рисунке выше symbol 11,12 Sound). Они располагаются в первом слое в окне редактирования символа кнопки. Смотри рисунок:
Их можно оставить, а можно удалить. Для того чтобы удалить нужно, щелкнуть по нему в библиотеке и нажать кнопку Delete. После чего они исчезнут и в бтблиотеке, и на временной шкале редактирования кнопки. Смотри, как будет выглядеть временная шкала после удаления:
В общем, урок сегодня получился больше с теоретическим уклоном, но, как говорится без теории нет практики.
Как будет выглядеть Ваша кнопка – зависит от Вас. Экспортируйте созданный Вами файл в формат swf и смотрите (и слушайте, если не удаляли звуки) в окне предварительного просмотра.
На этом заканчиваю. Надеюсь, урок будет Вам полезным в дальнейшем опыте создания кнопок. До встречи в следующих уроках!
0 Коммент. "Урок по созданию кнопок в SWF Quicker"