Инструмент Slice Tool

Как и обещал я расскажу о таком инструменте как Slice Tool (тобишь “Вырезки”). Его можно применять для разделения цельной картинки на отдельные фрагменты с последующим их сохранением как отдельные файлы. Лично я, этот инструмент используя при создании сайтов, т.е. сначала рисую сайт в Phope, потом разделяю на фрагменты с помощью Slice, сохраняю как отдельные картинки через Save for Web…, ну и наконец загружаю их в DreamWeaver, но это уже другая сказка…
И так начнем. Для примера я взял вот такую картинку. Выбрал из Tool Bar инструмент Slice Tool и нарисовал на картинке произвольную прямоугольную область. В результате получил…

image0022jr1.jpg

Теперь, наша картинка разделена на 5 условных участков, один из которых(третий) у нас активный и мы можем перемещать его и изменять его размеры. Чтобы сделать активным(регулируемым) другой участок(например первый), нужно кликнуть по нему правой кнопкой и выбрать Promote to User Slice (Преобразовать в регулируемую вырезку).

image0049ds.jpg

С панелью параметров инструмента Slice Tool проблем возникнуть не должно.

image0068iz.jpg

Список Style, используется для выбора одного из трех вариантов задания размеров создаваемой вырезки:
Normal - вырезка произвольного размера;
Fixed Aspect Ratio - размеры вырезки будут пропорциональны величинам, заданным
в Width и Height;
Fixed Size - вырезка будет иметь фиксированные размеры, заданные в полях Width
и Height (в пикселах).
Width - ширина формируемой вырезки;
Height - высота вырезки;
Slices From Guides – формирует вырезки из направляющих(голубые полоски).

Инструмент Slice Select Tool. Этот инструмент используется для выполнения различных операций с вырезками, которые открываются через панель инструментов:

image0080fk.jpg

1 – кнопка Bring to front, перемещающая активную регулируемую вырезку на самый верх
всего пакета вырезок документа(для выполнения должно быть хотя бы 2 активных вырезки );
2 – кнопка Bring forward, меняющая местами выбранную регулируемую вырезку с той,
которая находится непосредственно перед ней;
3 – кнопка Send backward, меняющая местами выделенную регулируемую вырезку с той,
которая расположена сразу же за ней;
4 – кнопка Send to back, перемещающая активную регулируемую вырезку на самый низ
всего пакета вырезок документа;
5 – кнопка Promote, преобразующая выделенную нерегулируемую вырезку в регули-
руемую;
6 – кнопка Divide, раскрывающая одноименное диалоговое окно для задания параметров
разделения выбранной вырезки на несколько регулируемых вырезок;
7,8,9,10,11,12 – шесть кнопок, управляющих выравниванием положения в документе выделенных регулируемых вырезок;
13,14,15,16,17,18 – шесть кнопок, управляющих равномерным распределением выделенных регулируемых вырезок в области их охвата;
19 – кнопка Hide Auto Slices, управляющая отображением обычных вырезок;
20 – кнопка Set options for the current slice, раскрывающая диалоговое окно Slice Options
(Параметры вырезки) для ввода в выбранную вырезку управляющей и текстовой информации, используемой в электронном документе.
И на последок устройство окна Slice Options:

image0106xy.jpg

Вверху окна Slice Options находится раскрывающийся список Slice Type (Тип вырезки), который используется для выбора вида информации, отображаемой в Web-странице в области данной вырезки. Он содержит два пункта:
Image (Изображение) - в области вырезки находится соответствующая часть изображения;
No Image (Без изображения) - в области вырезки находится текстовая информация, задаваемая в данном окне.
Элементы настройки, относящиеся к пункту Image списка Slice Type:
Name - ввод нового названия вырезки, для которой название по умолчанию состоит из
трех частей: наименование растрового документа (без расширения), символ подчеркивания и порядковый номер вырезки;
URL - ввод гиперссылки;
Target - ввод режима отображения в окне Web-обозревателя другой страницы электронного документа, связанной с текущей страницей через гиперссылку данной вырезки.
Предусмотрено четыре таких режима:
_blank - вывод связанной страницы документа происходит в новом окне обозревателя;
_self - вывод данной страницы происходит в прежнем окне;
_parent - связанная страница замещает ту, которая находится в основном разделе окна
обозревателя;
_tор - данная страница выводится одна в окно обозревателя, отменяя его разбивку на
разделы;
Message Text - ввод расширенного сообщения, отображаемого в строке состояния
Web-обозревателя при нахождении указателя в области данной вырезки;
Alt Tag — ввод контекстного сообщения, отображаемого на экране рядом с указателем.

Элемент настройки, относящийся к пункту No Image списка Slice Type:
область редактирования Text Displayed in Cell - ввод текстовой информации, отображаемой в области данной вырезки.

Элементы настройки области Dimensions (Размеры) внизу окна:
поля X и Y - ввод горизонтальной и вертикальной координат левой верхней вершины прямоугольной области выбранной вырезки при условии, что она регулируема;
поля W и Н — ввод ширины и высоты регулируемой вырезки;
Slice Background Type - выбор фонового цвета для данной вырезки.

Вот и все, что мне известно о Вырезках на данный момент. Не знаю, может и не совсем полезный урок, но для меня этот инструмент стал полезным. Короче не судите строго.

Оставить комментарий