Выделение срезов и настройка их параметров

Вы начнете работу с выделения уже созданного среза в файле 12Woking.psd. Мы создали первый срез для вас, чтобы он в точности соответствовал размерам ани­мационного изображения, которое будет добавлено к срезу в конце этого урока

1 На панели инструментов выберите инструмент Slice Select (Выделение фраг­мента) , скрытый за инструментом Slice (Раскройка).

2 В левом верхнем углу изображения щелкните на срезе с номером 01, который отображается в небольшом синем прямоугольнике. Вокруг среза появится зо­лотистая рамка, обозначающая, что данный срез является выделенным.

Прямоугольник с номером 01 отображается в левом верхнем углу изображения; этот прямоугольник включает маленький значок, или знак отличия (badge), напо­минающий миниатюрные горы. Синий цвет значка указывает на то, что этот срез является пользовательским срезом, созданным в файле Start.

Также обратите внимание на срезы с серыми прямоугольниками - 02, находя­щийся справа от среза 01, и 03, находящийся прямо под срезом 01. Серый цвет прямоугольников указывает на то, что это не пользовательские срезы, а автосре­зы, созданные в результате определения пользовательского среза. Значок указы­вает на то, что срез содержит графический объект. Описание различных симво­лов, используемых для обозначения среза, можно найти во врезке «О символах среза».

3 Используя инструмент Slice Select (Выделение фрагмента), дважды щелкните мышью на срезе 01. На экране появится диалог Slice Options (Параметры фрагмента). По умолчанию программа Photoshop присваивает каждому срезу имя на основе имени файла и номера среза, поэтому имя текущего среза чита­ется как 12Start_01.

Срезы не особенно полезны до тех пор, пока для них не установлены параметры-Параметры срезов включают имя среза и адрес страницы, открываемой щелчком мыши на срезе.

Для автосрезов тоже можно установить параметры, но в этом случае автосрезы буДУ¹' автоматически превращены в пользовательские срезы.

О символах среза

Синие и серые символы среза, или знаки отличия, которые появляются в окне изображения программы Photoshop и в диалоге Save For Web And Devices (Сох­ранить для Web и устройств), могут стать вам хорошими помощниками, напоми­нающими о полезных вещах, если вы найдете время на их изучение. Каждый срез может содержать несколько символов. Ниже приводятся символы, появля­ющиеся при следующих условиях: • Номер среза. Номера назначаются слева направо и сверху вниз.

• Срез относится к типу Image (Изображение).

• Срез относится к типу No Image (Без изображения).

• Срез основан на слое, т.е. создан из слоя.

• Срез связан с другими срезами (с целью оптимизации).

4 В диалоге Slice Options (Параметры фрагмента) введите следующую информа­цию: в поле Name (Имя) введите значение Logo Animation (Анимированный логотип), в поле URL (URL) введите символ #. Знак фунта (#) позволяет прове­рять функциональность кнопки, фактически не выполняя программирование ссылки. Эта возможность весьма полезна на ранних этапах web-дизайна, когда нужно увидеть внешний вид кнопки и ее поведение.

5 Щелкните на кнопке ОК, чтобы применить изменения. Далее в этом уроке вы создадите анимированную версию этого среза изображения, которая заменит исходный срез в готовом web-сайте.