Андрей Жвалевский - Photoshop CS4
Такое разбиение называется разделением на пластины (Slice).
Чтобы создать пластины, можно воспользоваться одним из трех способов:
• создать пластины из слоев (о слоях будет рассказано в следующей главе);
• разделить изображение с помощью специального инструмента;
• разделить изображение, используя направляющие.
Рассмотрим два последних способа.
Инструмент Slice (Пластина)
Этот инструмент находится в верхней части палитры инструментов (рис. 8.5).
Рис. 8.5. Инструмент Slice (Пластина) на палитре инструментов
Применять его очень просто: достаточно обвести инструментом область изображения, которую вы хотите превратить в отдельную пластину.
...Примечание
Здесь и далее выражение «обвести инструментом» означает «установить инструмент в определенную точку, нажать кнопку мыши и, не отпуская ее, переместить инструмент в другую точку, после чего отпустить кнопку мыши».
Изображение сразу будет разделено на несколько прямоугольников – пластин. В левом верхнем углу каждой пластины вы увидите ее номер и специальный значок
Разделение на пластины с помощью направляющих
Направляющие – это вспомогательные линии, которые видны на изображении при редактировании его в Photoshop. Они применяются для того, чтобы проверить вертикальность или горизонтальность элементов изображения, выравнивание фрагментов и т. д. Вне Photoshop направляющие не отображаются.
Чтобы создать направляющую, нужно прежде всего включить показ разметных линеек слева и сверху окна документа. Для этого служит команда View → Rulers (Вид → Линейки) или сочетание клавиш Ctrl+R. Когда появятся линейки, подведите указатель мыши к любой из них, нажмите кнопку мыши и, не отпуская ее, вытащите направляющую в окно документа.
Созданные направляющие можно перетаскивать мышью с места на место, а также влючать или выключать их отображение командой View → Show → Guides (Вид → Показать → Направляющие) или сочетанием клавиш Ctrl+;.
Для быстрого управления показом линеек и направляющих служит кнопка
под строкой заголовка документа.
Расположите направляющие на изображении так, чтобы они обозначали границы создаваемых пластин. Активизируйте инструмент Slice (Пластина) на палитре инструментов. На панели параметров появится кнопка Slices From Guides (Пластины из направляющих). При нажатии на нее изображение разрезается на пластины по направляющим.
Редактирование пластин
Существует два типа пластин:
• пользовательские – то есть созданные нажатием кнопки Slices From Guides (Пластины из направляющих) или непосредственно инструментом Slice (Пластина);
• автоматические – пластины, которые программа создает автоматически после создания пользовательской пластины инструментом Slice (Пластина).
Пластины первого типа можно редактировать. Метки в их заголовках – синего цвета.
Автоматические пластины меняются в соответствии с изменением пользовательских, однако напрямую их редактировать нельзя. Метки в заголовках автоматических пластин – серого цвета. Чтобы преобразовать автоматическую пластину в пользовательскую, щелкните на ней правой кнопкой мыши и выполните в появившемся меню команду Promote to User Slice (Улучшить до пользовательской пластины).
В этом же контекстном меню есть команды , которые используются для изменения свойств данной пластины. Вот самые важные из них.
• Delete Slice (Удалить пластину).
• Edit Slice Option (Редактировать свойства пастины). При выполнении этой команды появляется окно свойств пластины (рис. 8.6).
Рис. 8.6. Свойства пластины
Здесь вы можете изменить основные свойства данной пластины. Например, на рис. 8.6 мы ввели в поле URL адрес сайта издательского дома «Питер». В результате после сохранения изображения (см. ниже) данная пластина станет «кликабельной» – после щелчка на ней пользователь окажется на сайте «Питера». Кроме того, в области Dimentions (Размеры) вы можете установить точное положение левого верхнего угла пластины (поля X и Y), а также ее ширину (W) и высоту (H).
Если в верхнем списке Slice Type (Тип пластины) выбрать вариант No Image (Без изображения), при сохранении вместо данного фрагмента будет пустой прямоугольник. Можете присвоить этому прямоугольнику произвольный цвет с помощью списка Slice Background Type (Тип фона пластины).
• Devide Slice (Разделить пластину). Очень удобная команда, если вам нужно разделить пластину на несколько одинаковых фрагментов. При ее выполнении появляется окно (рис. 8.7).
Рис. 8.7. Окно разбиения пластины на фрагментыЧтобы разбить пластину по вертикали, установите флажок Divide Horizontally Into (Разбить на горизонтальные). Соответственно флажок Divide Vertically Into (Разбить на вертикальные) позволяет разбить пластину по горизонтали. Каждая область устроена одинаковым образом. Вы можете выбрать один из вариантов разбиения: указать количество фрагментов в верхнем поле или задать точный размер одного фрагмента (в пикселах) в нижнем поле.
...Совет
Как обычно, основные операции редактирования пластин представлены на панели параметров.
Изменять размеры и положение пластины можно вручную с помощью инструмента Slice Select (Выделение пластины).
Для управления всеми пластинами изображения служат команды главного меню программы View (Вид):
• Lock Slices (Запереть пластины) – все пластины становятся недоступными для редактирования;
• Clear Slices (Очистить пластины) – все пластины удаляются.
Сохранение изображения, разделенного на пластины
Для корректного сохранения изображения, разбитого на пластины, используйте команду Save for Web & Devices (Сохранить для веб и устройств) (см. главу 4).
В открывшемся окне (см. рис. 4.5) вы увидите изображение с границами пластин на нем. С помощью инструмента Slice Select (Выделение пластины) (он точно такой же, как в основном окне программы) можно выделить каждую пластину отдельно и подобрать для нее специфические параметры оптимизации. Можно даже использовать различные графические форматы для различных фрагментов, хотя обычно это плохо смотрится в браузере.
После этого нажмите кнопку Save (Сохранить), но в появившемся стандартном окне сохранения файла не торопитесь щелкать на Сохранить. Предварительно выберите в списке Тип файла пункт HTML and Images (HTML и изображения). Дело в том, что каждая пластина хранится в отдельном файле. Чтобы на веб-странице собрать все фрагменты изображения, необходим определенный HTML-код. По этой причине и нужно сохранить не только графические файлы, но и HTML-документ, в котором записан этот код.
После сохранения вы получите HTML-файл и соответствующий ему набор графических файлов в папке Images.
Глава 9 Кандидатский минимум
• Выделение фрагмента изображения
• Слои
• Каналы
• Маски
• Работа с текстом
Если окинуть взглядом все то, о чем было рассказано в предыдущих главах, и предположить, что большую часть этого вы усвоили, то можно сказать, что вы уже знаете о Photoshop достаточно много. Но, пожалуй, пока все же больше не знаете, чем знаете. В этой программе есть еще много такого, о чем вы даже не подозреваете. Но не спешите расстраиваться, ведь все ее возможности вам вряд ли понадобятся. Тем не менее есть некоторые функции, в которых обязательно необходимо разобраться. Хотя бы для того, чтобы смело писать в резюме: «Владею Photoshop на уровне пользователя».
Выделение фрагмента изображения
До сих пор вы пробовали работать только с изображением целиком. Вы применяли к нему фильтры, рисовали по его поверхности, замазывали царапины. Но существует достаточно много ситуаций, когда необходимо использовать только часть картинки. Вот в каких случаях, например, это может пригодиться:
• вы хотите составить коллаж, в который должны войти фрагменты нескольких картинок;
• вам необходимо применить фильтр не ко всему изображению, а только к определенной его области;
• вам нужно растянуть фрагмент картинки;
• вы хотите изменить цвет определенного участка изображения.
Одним словом, настало время познакомиться с инструментами выделения. В Photoshop их достаточно много, и все они расположены на палитре инструментов. Поскольку это одни из наиболее часто используемых инструментов, разработчики поместили их в верхней части палитры. Вот те инструменты, которые будут вам нужны чаще всего.
• Rectangular Marquee (Прямоугольное выделение)
