Инструмент Рамка

Рассмотрим еще один инструмент - Рамка, который относится к группе инструментов выделения. В панеле инструментов он обозначается таким значком:

Под этим значком скрываются три инструмента:

1. Инструмент "Рамка"
2. Инструмент "Раскройка"
3. Инструмент "Выделение фрагмента"

Инструментом "Рамка" в основном пользуются те, кто занимается фотографиями. долго на нём не буду останавливаться. Инструмент делит фото на кадры или как говорится по другому - кадрирует фотографию, а затем проводится работа на фото - отсекается ненужная область, производится улучшение видимости изображения.

Вебмастера чаще используют инструменты "Раскройка" и "Выделение фрагмента". Рассмотрим на простеньком примере.

Допустим вы делаете макет дизайна своего будущего сайта. Сделали в программе Фотошоп шаблон. Для тог чтобы шаблон быстро загружался в браузере, его необходимо разрезать на мелкие части. Давайте посмотрим как это делается на примере вот такого прстенького шаблона:

Для нарезки шаблона проведём дополнительные направляющие, как показано на рисунке. Направляющие вытягиваются из линеек рабочего окна Фотошопа и устанавливаются в нужном месте:

В итоге я выставил две вертикальные направляющие и три горизонтальные. Теперь включаем инструмент "Раскройка", будем кроить шаблон. Проведём инструментом по диагонали в выделенных прямоугольниках:

После раскройки получилось 8 частей шаблона:

Теперь идём в меню «файл — сохранить для Web и устройств…», откроется окно оптимизации, где можно настроить и оптимизировать изображение шаблона. Нажмите "Сохранить", откроется окно в котором выберите место для сохранения файлов шаблона и там создайте отдельную папку, в которую будем загружать шаблон. Внизу окна выставьте следующие настройки:

Нажмите сохранить и в сохраняемой папке появятся два файла - index.html и папка с картинками. Откройте файл index.html в браузере и вы увидите свой шаблон. В файле index.html находится код вашего шаблона, который вы можете увидеть, открыв файл в редакторе Notepad++ Всё довольно просто!

Инструмент Выделение фрагмента — это вспомогательная задача, которая позволяет работать с уже нарезанными фрагментами. Раскроив изображение на фрагменты, возможно понадобится отредактировать какой-то фрагмент. Для этого выберите инструмент Выделение фрагмента и сделайте клик по необходимому фрагменту.

Активный фрагмент отображается оранжевой рамкой, на углах и сторонах которой появятся квадратные маркеры, за которые можно потянуть, чтобы изменить размер.

 Двойной клик по фрагментам открывает диалоговое окно с их свойствами где вы сможете изменить параметры выделенных фрагментов.