Онлайн учебник по работе
с программой ImageReady

Создание графики для сайта

Создание ролловера с использованием эффекта слоя

Эффекты слоя имеют одно важное преимущество: при их использовании вам не придется копировать слой, чтобы достичь видимой разницы между различными состояниями ролловера, так как разные эффекты слоя могут быть применены (или выключены) по отношению к одному и тому же слою изображения.

1. Активизируйте инструмент Slice Select (Выделение ломтика), которому соответствует пиктограмма и щелкните по какому-либо ломтику изображения.
2. В нижней части палитры Rollover (Ролловер) щелкните по кнопке Create new rollover state (Создать новое состояние ролловера).
3. Из всплывающего меню выберите состояние ролловера для миниатюры нового ролловера.
4. Откройте палитру Layers (Слои).
5. Выберите слой, на котором имеются прозрачные области (слой bulb на рис. 23.115).
6. Выберите эффект из всплывающего меню Add layer effects (Добавить эффект слоя), вызываемого при помощи пиктограммы, расположенной в нижней части палитры Layers (Слои). Попробуйте применить эффект Inner Shadow (Внутренняя тень), чтобы изменить цвет вдоль границы изображения, или Outer Glow (Внешнее свечение), чтобы изменить цвет области, расположенной вокруг изображения (рис. 23.116 и 23.117).
7. Теперь в палитре Layer Options (Опции слоя) будут отображаться параметры того эффекта, который был только что выбран. Для того чтобы усилить эффект, увеличьте значения в полях Size (Размер), Distance (Расстояние), Depth (Глубина) или Intensity (Интенсивность). Если вы хотите использовать эффект Bevel and Emboss (Скос и рельеф) и тем самым придать изображению объемный вид, отметьте на соответствующей палитре противоположное значение опции (например, Up (Вверх) вместо Down (Вниз)), чтобы изменить направление освещения на противоположное и имитировать вогнутость того варианта изображения, который связан с ролловером (см. раздел

Рис. 23.115. Выбор слоя на палитре Layers

Рис. 23.116. Применение к слою эффекта Outer Glow

а)

б)

Рис. 23.117. Исходное изображение (а) и изображение после применения эффекта Outer Glow, предназначенное для состояния ролловера Over (б)

Рис. 23.118. Эффекты слоя ролловера

Применение эффекта «Bevel and Emboss». Воспользуйтесь эффектом Color Fill (Заливка цветом), установив низкое значение непрозрачности, что позволит оттенить изображение и усилить эффект вогнутости.

8. Предварительно просмотрите ролловер (см. раздел «Предварительный просмотр ролловера в ImageReady» этого учебника).

В палитре Styles (Стили) программы ImageReady содержатся эффекты слоя или их сочетания, которые можно использовать (см. раздел «Применение стиля к слою»).

Эффект слоя можно увидеть на палитре Layers (Слои) и на изображении только тогда, когда выделена соответствующая миниатюра состояния ролловера (рис. 23.118).

Как удалить эффект (эффекты) слоя, рассказано в разделе «Эффекты слоя» главы 14 учебника "Уроки Фотошопа".

Предварительный просмотр ролловера в ImageReady

Теперь можно предварительно просмотреть ролловер в программе ImageReady.

1. Щелкните по кнопке Rollover Preview (Предварительный просмотр ролловера) на панели инструментов или нажмите клавишу Y. Альтернативный вариант: на палитре Rollover (Ролловер) щелкните по кнопке Preview (Предварительный просмотр).
2. Наведите указатель на изображение, чтобы увидеть действие ролловера. Для того чтобы прервать выполнение этого действия, снова щелкните по кнопке Play (Проиграть) или Preview.

Предварительный просмотр ролловера в Web-браузере

1. Сохраните файл в программе ImageReady.
2. В подменю File > Preview (Файл > Предварительный просмотр) выберите браузер, установленный на вашем компьютере. Второй способ: щелкните по кнопке Preview in Default Browser (Предварительный просмотр в браузере по умолчанию), расположенной на панели инструментов. Третий способ: нажмите комбинацию клавиш Ctrl+ Alt+T.
3. В браузере проведите курсор поверх области изображения, содержащей ролловер (состояние Over (Над)), нажмите кнопку мыши (состояние Down (Нажатие)) или щелкните мышью по этой области (состояние Click (Щелчок)).

Можно проверить правильность URL-адреса, даже если вы в данный момент не подключены к Internet. Наведите курсор на ломтик, содержащий ссылку, и тогда соответствующий URL-адрес появится в нижней части окна браузера.

Невозможно протестировать состояние Down в ранних (до 4.0) версиях браузеров Navigator или Explorer. В этих версиях по нажатию кнопки мыши открывается контекстное меню.