10. Кнопки-картинки
Интереснее дело будет обстоять со ссылками на четыре основных вида услуг. Это морские туры, туры по древним городам, дворцам и горному Крыму. Представлять их будут четыре фотографии, которые вы можете найти в каталоге.
Первым делом создадим слой рамки уровнем выше "пещерного" слоя и поместим на него четыре рамки, аналогичные тем, что были использованы в ссылках на страницы сайта, только растянем их с помощью инструмента Free Transform (Свободная трансформация), чтобы они по форме тяготели больше к квадрату (рис. 9).
Рис. 9. Готовим рамки
Импортируйте рисунки в клип и вставьте их на сцену на отдельном слое кнопки-фото так, чтобы слой с фотографиями располагался под рамками. Воспользуйтесь панелью Info (Информация) и инструментом Free Transform, чтобы привести картинки к одному размеру, соответствующему рамкам (рис. 10).
Рис. 10. Кнопки-картинки
Наша цель состоит в следующем: при подведении мыши к картинке, во-первых, она становится ярче, а во-вторых, ее увеличенная копия служит фоном для заголовка и логотипа. Давайте проработаем одну кнопку, а остальные необходимо разработать самостоятельно.
Выберите одну из четырех фотографий. Преобразуйте картинку в символ Button (Кнопка), а затем для комфортности работы — в символ Graphic (Графика). Выполните двойной щелчок на символе Button (Кнопка) для его редактирования (рис.11).
Рис.11
Настройте ее поведение следующим образом:
□ Up (На) — в "спокойном" состоянии все картинки должны быть осветлены. Но если мы будем пользоваться "лобовым" приемом добавления белого оттенка с помощью параметров Tint (Оттенок) или Brightness (Яркость то получим менее четкое изображение, стремящееся к однородному цвету. Для достижения же эффекта именно осветления фото воспользуемся панелью Advanced (Расширенный эффект), на которой произведем следующие настройки (рис. 13), которая вызывается на панели Properties (Свойства) (рис.12)
Рис.12
Рис. 13. Настройка параметров Advanced для состояния кнопки Up
□ Over (Над) — при подведении курсора мыши картинка приобретает начальные свойства, т. е. на панели Properties необходимо указать в списке Color значение None (Нет).
Но этого недостаточно. Вставьте еще один слой, на который поместит увеличенную фотографию. Теперь сцена при наведении мыши на кнопку должна выглядеть так, как представлено на рис. 14.
Рис. 15.14. Кнопка в работе
Мы не рассмотрели еще два состояния кнопки, Down (Вниз) и Hit (Нажатие) Вы можете проработать их по своему усмотрению. Но даже и без этого кнопка будет работать вполне адекватно, по умолчанию беря информацию для состояний Down и Hit от "соседей".
11. Skip Intro
He всегда пользователю хочется просматривать интро-ролик вашей презентации несколько раз. Предложим зрителю пропустить заставку и сразу перейти к первой странице презентации.
Создайте символ типа Button, назовите его skip. Позволим зрителю сразу же перейти на первую страницу презентации. Пропишите следующий скрипт для кнопки.
on (release) {gotoAndPlay(“сцена2”, 1);}
Нe забудьте поместить данную кнопку как в интро-ролик, так и на протяжении всего основного клипа m_movie. Мы ведь ценим время посетителей нашего сайта. Если зритель хочет быстрее перейти "к делу", не станем его задерживать. Простая кнопка, простая функция, но зато как полезна.
Будьте внимательны и не помещайте кнопку на последний кадр основного нашего movie-клипа m_movie. Это нонсенс — предлагать пропустить уже проигранный ролик. Зато вполне уместно создать кнопку, которая позволит повторно проиграть интро-заставку.