Графика для дизайна

Довольно часто при разработке макета веб-страницы возникает необходимость не только выравнивать изображения по горизонтали или вертикали, но и менять порядок следования слоев. Такие операции позволяют, к примеру, вынести один из графических элементов на передний план. Для изменения порядка следования слоев нужно выделить нужный слой и, удерживая нажатой левую кнопку мыши, переместить символ слоя. Имейте в виду, фоновый слой перемещать нельзя. Чтобы изменить его положение относительно других слоев, скопируйте его, используя команду Duplicate Layer... (Скопировать слой...) из меню палитры, а копию поместите в нужное место.  После этого исходный фоновый слой можно удалить.

Изменить порядок следования слоев можно и при помощи команд меню Layer > Arrange (Слой > Изменить порядок слоев). Так, использование команд Bring Forward (Переместить вперед) и Send Backward (Переместить назад) перемещают активный слой соответственно на одну позицию наверх или вниз, команда Bring to Front (На передний план) выносит его на передний план, а Send to Back (На задний план) делает активный слой самым удаленным от пользователя. Каждой из этих команд соответствует определенная комбинация клавиш, указанная в меню напротив команды. Перемещать слои можно только «пошагово».

Так как в файлах могут сохраняться только изображения прямоугольной формы, то для хранения на сервере подготовленный макет сайта придется разделить на отдельные изображения, то есть «нарезать» его. Удобнее резать «плоское», содержащее один слой изображение, а затем, используя команды  Merge Down (Объединить с нижним), Merge Visible (Объединить видимые), Flatten Image (Объединить все) склеить слои. Небольшой совет – до того, как начинать объединение слоев, не поленитесь сделать резервную копию файла - она пригодится вам для дальнейшего редактирования элементов изображения.

Приступая к нарезке «плоского» изображения, нужно четко представлять структуру вашей веб-страницы, форму и размеры составляющих ее элементов. Выделить и перенести элементы через буфер обмена в новый файл PhotoShop можно при помощи инструмента Rectangular Marquee (Прямоугольное выделение). При сохранении полученного файла есть возможность подобрать параметры, обеспечивающие максимальное сжатие. Оптимизировать сжатие поможет команда File > Save for Web (Файл > Сохранить для Web). Кроме того, «разрезать» изображение на области для последующего сохранения можно инструментом Slice (Нож), тогда при сохранении каждой из областей можно использовать свои настройки сжатия. Инструмент инструмента  Slice Select (Выбрать область) дает доступ к области после ее создания.

Конечно, в наших обзорах мы рассмотрели далеко не все приемы подготовки макета веб-страницы при помощи Photoshop, но этого минимального багажа знаний вполне достаточно, чтобы сделать первые шаги к разработке собственного сайта.