Как сделать кнопку Flash

• April 27, 2024

Если вы следили за этой серией, теперь вы готовы создавать кнопки меню для вашего сайта Flash. Мы создадим кнопку шаблона, которую позже будем использовать в качестве основы для создания кнопок меню. Кнопка Flash поставляется с собственной временной шкалой, содержащей четыре кадра; Up, Over, Down и Hit. Вы можете думать об этих четырех фреймах как об этапах ролловерной ссылки, которая так популярна на веб-страницах. Кадр Up - это спящий этап, когда ничего не происходит. Фрейм «Over» - это этап, на котором мышь проходит по ссылке, а фрейм «Down» - этап, на котором щелкается ссылка. Кадр попадания - это специальный кадр, который действительно не виден на веб-странице. Его целью является определение местоположения интерактивной области или координат кнопки. Мы будем использовать эти четыре кадра для создания эффекта ролловера для вашего шаблона кнопки Flash. Мы установим рамку «Вверх» для отображения названия кнопки в черном тексте, рамка «Наверх» изменит цвет текста на красный, а рамка «Вниз», чтобы снова изменить цвет на зеленый. Конечно, вы можете использовать разные цвета, которые будут хорошо смотреться с цветовой схемой для вашей веб-страницы. Откройте файл Flash .fla и приступим к работе.

Шаг 1. Новый символ кнопки. На панели инструментов нажмите «Вставка»> «Новый символ», чтобы открыть диалоговое окно «Создать новый символ». Назовите символ Nav_Button и установите «Поведение» на кнопку. Когда вы нажмете OK, вы увидите новый символ с именем Nav_Button на панели «Библиотека» («Окно»> «Библиотека»).


Панель библиотеки - символ Nav_Button

Шаг 2. Хронология. Вы также заметите, что рабочая область изменилась из рабочей области в режим редактирования символов, который показывает временную шкалу для символа Nav_Button. По умолчанию у вас есть один слой с именем Layer1 и четыре кадра (Up, Over, Down и Hit). Также кадр Up уже имеет ключевой кадр.


Режим редактирования символов

Давайте изменим имя Layer1 на Shapes, потому что мы будем рисовать прямоугольную область, которая определит область для нажатия кнопки. Дважды щелкните имя Layer1 и введите новое имя.

Далее нам нужно добавить ключевой кадр к остальным трем кадрам. Итак, нажмите на рамку Over, чтобы выбрать ее (белый квадрат станет зеленым). Затем нажмите «Вставка»> «Временная шкала»> «Пустой ключевой кадр», и небольшая точка появится в кадре «Сверх» в слое «Фигуры». Повторите это для кадров Down и Hit на слое Shapes.


Слой фигур

Кнопка Вставить слой
Шаг 3. Добавьте слой. Теперь мы добавим второй слой. На этом слое мы поместим название или метку кнопки. Мы хотим поместить этот новый слой над слоем Shapes, поэтому оставьте выбранный слой Shapes и нажмите кнопку Insert Layer, чтобы создать Layer2. Измените имя этого нового слоя с Layer2 на Label.


Слой метки

Значок инструмента Текст
Шаг 4. Добавьте имя к кнопке. Мы все еще работаем над слоем Label. Нажмите на рамку Up в слое Label, и вы готовы добавить метку для этой кнопки. Это будет кнопка «Домой», которая вернет ваших читателей на домашнюю страницу вашего сайта. Таким образом, мы будем называть это Домой. Нажмите на значок «Инструмент текста» и нажмите на маленький знак «плюс» в центре рабочей области. Откроется инспектор свойств для инструмента «Текст». Установите атрибуты для Text Tool на то, что вы хотите. Вы узнали, как это сделать, в предыдущем уроке. Я установил свои атрибуты на следующее.

Тип текста: статический текст
Шрифт: Arial
Размер: 36
Цвет: 000000 (черный)
Стиль: Жирный
Выровнять: Центр

Теперь введите Home в маленькое поле с мигающим курсором. Наконец, щелкните значок инструмента выделения (черная стрелка).


Home Label

Продолжить

Видео инструкция: Уроки Adobe Flash #1 - создание кнопки (April 2024).