Определение состояний
Изображение подготовлено к созданию ролловеров. Теперь необходимо определить, в каких состояниях ролловеров что будет отображаться в браузере.
1. В палитре Layers отключите видимость всех слоев изображения, за исключением слоя Europe. Быстрее всего это сделать, щелкнув мышью на пиктограмме видимости слоя Europe и удерживая при этом клавишу
2. Выведите на экран палитру Rollover командой Show Rollover из меню Window. Она изображена на рис. 10.52. Основное пространство палитры занимают миниатюры состояний ролловера. Всегда определено только одно из них — Normal. В нижней части палитры находятся кнопки создания нового состояния (с изображением страницы), удаления существующего (с изображением мусорного ведра) и кнопка списка фрагментов.
Рис. 10.52. Палитра Rollover
3. В списке фрагментов находятся шесть фрагментов, соответствующих будущим ролловерам. Как программа догадалась, какие из фрагментов будут ролловерами? Очень просто: в список включены все пользовательские фрагменты. Выберите в списке первый фрагмент.
Примечание
Для выбора фрагмента при определении состояния ролловера можно использовать не только список в палитре Rollover, но и инструмент SliceSelect. Возможно применение инструмента покажется вам более наглядным.
4. Демонстрация карты на выбранном фрагменте является по задумке обычным состоянием ролловера (Normal). Именно это вы и наблюдаете в палитре Rollover. На миниатюре состояния Normal видно изображение карты. Нажмите кнопку создания нового состояния или выберите команду NewState из меню палитры. Рядом с миниатюрой состояния Normal появится миниатюра нового состояния Over. Пока оно идентично состоянию Normal. Наша задача сделать так, чтобы в этом состоянии показывалась фотография страны, находящаяся на этом фрагменте.
5. Включите видимость слоя, на котором находится фотография, размещенная на выделенном фрагменте. В палитре Rollover миниатюра состояния Over теперь показывает фотографию. Состояние определено.
6. Нажмите кнопку создания нового состояния или выберите команду New State из меню палитры. Рядом с миниатюрой состояния Over появится миниатюра нового состояния Down. Пока оно идентично состоянию Over.
7. Отключите видимость слоя с фотографией щелчком на пиктограмме "Глаз" в палитре Layers. Определено третье состояние, Down. Оно будет совпадать с состоянием Normal.
8. Выберите следующий фрагмент из списка в палитре Rollover и проделайте для него шаги 4—7. Повторите эти шаги для всех фрагментов, находящихся в списке палитры Rollover. В результате получилось изображение с шестью ролловерами. Если в браузере поместить курсор на любой из них, то поверх карты появится фотография с видом страны. При нажатии левой кнопки мыши фотография исчезнет. В принципе, можно было бы сделать состояние Down отличным от состояния Normal. Для этого потребовалось бы еще шесть слоев с фрагментами, задающими вид изображения для этого состояния. В данном случае это существенно увеличило суммарный размер изображения с ролловерами. И все-таки, поскольку наш пример учебный, проделаем такую работу для одного ролловера.
1. Выберите инструмент Slice Select в палитре инструментов.
2. Выделите с его помощью фрагмент, соответствующий Нидерландам.
3. Создайте копию слоя Holland в палитре Layers, перетащив миниатюру слоя к кнопке нового слоя в нижней части панели.
4. Активизируйте получившийся слой Holland copy.
5- Выберите команду Hue/Saturation из списка Adjust, вложенного в меню Image. Она открывает одноименное диалоговое окно, изображенное на рис. 10.53. Если вы прочли главу 9, то уже знаете, как с ним работать.
Примечание
Инструменты тоновой и цветовой коррекции в ImageReady не столь изощренные как в Photoshop. Они носят те же имена и выполняют аналогичную работу, но имеют не такой широкий диапазон возможностей. Это хорошо видно на примере инструмента Hue/Saturation. Как видите, он так же, как и в Photoshop, предназначен для настройки цветового тона, насыщенности и яркости, но не позволяет работать с отдельными цветовыми диапазонами.
6. Установите флажок Colorize, сделайте значение Hue равным 36, а насыщенность выведите на максимум. Фотография должна приобрести золотистый тон. В палитре Rollover это должно автоматически стать третьим (Down) состоянием ролловера. Теперь при нажатии кнопки мыши на этом ролловере в браузере должна появиться тонированная фотография.
Рис. 10.53. Диалоговое окно Hue/Saturation