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

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

Изменение размера пользовательских ломтиков

Если уменьшить размеры пользовательского ломтика, то программа ImageReady автоматически сформирует и снова пронумерует автоматически создаваемые ломтики, чтобы заполнить ими образовавшиеся пустоты.

Если увеличить какой-либо ломтик, то он может закрыть ломтики, расположенные за ним. Можно вручную удалить любой из спрятанных ломтиков. Однако делать это необязательно, поскольку при сохранении оптимизированного файла перекрывающиеся ломтики и ячейки таблицы будут удалены. Для того чтобы увидеть спрятанные ломтики, воспользуйтесь кнопкой управления видимостью ломтиков на панели опций инструмента Slice Select (Выделение ломтиков).

Рис. 23.78. Изменение размера пользовательского ломтика

Рис. 23.79. Перераспределение автоматически создаваемых ломтиков после изменения размеров пользовательского ломтика

Рис. 23.80. Скрытие (а) и показ (б) ломтиков при помощи кнопки Slice Visibility

1. Выберите инструмент Slice Select (Выделение ломтиков), Автоматически будут показаны границы ломтиков.
2. Щелкните по пользовательскому ломтику, размер которого следует изменить.
3. Перетащите боковой манипулятор рамки вдоль одной из осей координат, чтобы изменить размер ломтика, либо угловой манипулятор, чтобы изменить размер сразу по двум направлениям (рис. 23.78 и 23.79).

Как спрятать или показать метки и границы ломтиков

Щелкните по кнопке Slice Visibility (Отображение ломтиков) на панели инструментов (рис. 23.80), либо нажмите клавишу Q, чтобы скрыть или показать ломтики. В программе Photoshop эту операцию можно выполнить с помощью команд View > Show > Slices (Вид > Показать > Ломтики).

По умолчанию в каждом документе изначально имеется один автоматически создаваемый ломтик, размеры которого совпадают с размерами изображения. Он помечен светло-серой меткой и номером 01.

Связывание ссылок с ломтиками изображения

К ломтику можно прикрепить ссылку (URL) на какую-либо Web-страничку. Если щелкнуть по этому ломтику, то пользователь автоматически будет попадать на Web-страничку, которая имеет соответствующий URL-адрес. Обычно ломтики со ссылками создаются поверх графических элементов (кнопок, слов или значков), так чтобы пользователь Internet с легкостью мог их обнаружить.

В программе ImageReady можно создать несколько ломтиков для одного изображения и к каждому из них прикрепить свой URL-адрес. Определение всех ссылок изображения с помощью ломтиков позволяет обойтись без создания, выравнивания и изменения размеров множества слоев изображения.

1. Откройте или создайте изображение, содержащее элементы, которые будут использоваться в качестве ссылок. Обычно такими элементами являются кнопки, миниатюры изображений или пиктограммы (рис. 23.81). Набор ссылок, расположенных в строке или столбце, называется панелью навигации (navigation bar).
2. Выберите инструмент Slice (Ломтик), нажав клавишу К или комбинацию клавиш Shift+K.
3. Перетащите указатель по диагонали каждого фрагмента изображения, чтобы создать ломтики, которые следует преобразовать в ссылки (рис. 23.82).
4. Активизируйте инструмент Slice Select (Выделение ломтиков) с помощью клавиши К или комбинации клавиш Shift+K.

Рис. 23.81. Элементы изображения, которые станут ссылками

Рис. 23.82. Создание ломтиков для каждого элемента изображения

5. Щелкните по какому-нибудь ломтику. На палитре Slice (Ломтик) появится его миниатюра. (Выполните предварительно команду меню Window > Show Slice (Окно > Показать ломтик), чтобы открыть палитру, если она еще не открыта.)

Рис. 23.83. Ввод URL-адреса

Объединение ломтиков

Для того чтобы объединить пользовательские и автоматически создаваемые ломтики в один большой ломтик, выделите несколько ломтиков и выполните команду Slices > Combine Slices (Ломтики > Объединить ломтики). Результатом будет наименьший пользовательский ломтик, границы которого охватывают все выделенные части изображения.

6. В поле URL введите необходимый Internet-адрес (рис. 23.83).
7. По желанию. Значение в поле Target (Цель) сообщает браузеру, в какой HTML-фрейм загрузить содержимое ссылки и какие HTML-фреймы сохранить. Поле Target становится доступным для ввода информации только после того, как был введен адрес в поле URL.

   Нажатием клавиши Tab можно переместиться в эту область палитры, а затем из выпадающего меню выбрать один из следующих пунктов:

   • __blank (Пустой) - открыть новое окно браузера для содержимого ссылки;
   • _self (Сам) - загрузить данные ссылки в HTML-фрейм ломтика;
   • _parent (Предок) — заменить текущие HTML-фреймы данными ссылки;
   • _top (Верхний) - загрузить содержимое ссылки в окно браузера (эта опция похожа на опцию _parent).
8. Повторите шаги 5-7 для других ломтиков, с которыми необходимо связать ссылки.

Изменение порядка следования ломтиков

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

1. Активизируйте инструмент Slice Select (Выделение ломтиков), нажав клавишу К или комбинацию клавиш Shift+K, и щелкните по ломтику, расположение которого относительно других ломтиков в стеке следует изменить (рис. 23.84).
2. Щелкните по той кнопке на панели опций инструмента, где указан порядок следования, который необходимо установить (недоступные кнопки будут серыми, как показано на рис. 23.85). Порядок следования ломтиков будет изменен (рис. 23.86).

Рис. 23.84. Ломтик №13, находящийся позади других ломтиков изображения

Рис. 23.85. Кнопки, управляющие порядком следования ломтиков

Рис. 23.86. Ломтик №13 теперь имеет номер 6 и находится поверх остальных ломтиков