Текст книги "Photoshop CS4. Секреты и трюки"

Как создать обтравочный контур

Одна из целей перевода выделенной области в контур – подготовка изображения к экспорту в программу верстки. Чаще всего растровое изображение, импортируемое в такую программу, будет иметь прямоугольную форму, даже если в Photoshop задан прозрачный фон. В большинстве случаев это не вызывает никаких затруднений, но иногда требуется получить изображение с прозрачным фоном. Чтобы получить такое изображение, придется вначале создать так называемый обтравочный контур, а затем сохранить его вместе с изображением. Тогда при импорте в программу верстки эта программа определит, какие области прозрачны, а какие – нет (рис. 7.43).

Чтобы создать обтравочный контур, нужно вначале создать сам контур (путем преобразования из выделенной области или просто нарисовав его), а затем сохранить его под каким-либо именем на панели Paths (Контуры).

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

Затем необходимо вызвать меню (щелкнув правой кнопкой мыши на контуре или левой – по кнопке вызова меню в правой верхней части панели) и выбрать в нем команду Clipping Path (Обтравочный контур). В появившемся диалоговом окне следует указать, какой именно контур нужно использовать в качестве обтравочного (рис. 7.44), после чего сохранить изображение, например, в формате TIFF.

Параметр Flatness (Спрямление) позволяет задавать степень точности воспроизведения контура обрезки при печати. Другими словами, чем меньше его значение, тем более точно будет выполнена обрезка.

Использование векторных фигур

К средствам создания контуров также можно добавить инструменты группы Shape (Фигуры). Они позволяют создавать векторные фигуры на основе заготовок. Созданные векторные фигуры в дальнейшем можно модифицировать инструментами для редактирования контуров.

Photoshop предоставляет набор из шести различных инструментов для создания векторных фигур:

Rectangle (Прямоугольник)',

Rounded Rectangle (Прямоугольник со скругленными углами)',

Ellipse (Эллипс)',

Polygon (Многоугольник);

Line (Линия)',

Custom Shape (Произвольная фигура).

Панель Options (Параметры) векторных объектов объединена с одноименной панелью для инструментов создания контуров и описана в начале главы. Фигуры, как и контуры, можно создавать в трех различных режимах: Shape Layers (Фигурные слои), Paths (Контуры) и Fill Pixels (Заливка пикселей). Каждый из режимов имеет свои особенности, позволяющие соответственно создавать объект в качестве маски на новом слое, создавать рабочий контур или рисовать форму объекта заданным цветом (рис. 7.45).

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

На панели Options (Параметры) справа от иконки Custom Shape (Произвольная фигура) расположена кнопка, предоставляющая доступ к так называемым геометрическим опциям (Geometry options) – дополнительным параметрам для создания векторного объекта. Набор доступных опций зависит от типа создаваемого объекта.

Примечание. В процессе создания можно воспользоваться клавишей Пробел (не отпуская кнопки мыши) для перемещения создаваемой векторной фигуры.

При создании прямоугольников и эллипсов (рис. 7.46) предоставляется приблизительно одинаковый набор геометрических опций с небольшими расхождениями (рис. 7.47):

Unconstrained (Произвольно) – установка данного переключателя позволяет определять параметры фигуры протягиванием мыши;

Fixed Size (Заданный размер) – для создаваемой фигуры значения длины и ширины указываются в соответствующих полях Width (Ширина) и Height (Высота)',

Proportional (Задать пропорции) – выбор данной опции позволяет создавать фигуру пропорционально величинам, указанным в полях Width (Ширина) и Height (Высота); Ш From Center (От центра) – формирование фигуры осуществляется из центра.

Установка флажка Snap to Pixels (Привязать к пикселям) для прямоугольников позволяет привязывать края прямоугольника к границам пикселей.

Переключатель Square (Квадрат) среди опций прямоугольников позволяет создавать одноименную фигуру. Для эллипса имеется аналогичная опция Circle (Окружность), позволяющая создавать окружность. Также нарисовать квадрат или окружность можно, используя инструменты создания прямоугольника или эллипса и удерживая нажатой клавишу Shift.

Примечание. При создании окружности клавиша Alt позволяет переключаться между стандартным режимом создания окружности (по величине диаметра) и режимом, в котором создание происходит из центра окружности и протягивание мышью определяет величину радиуса.

Для прямоугольника со скругленными углами на панели Options (Параметры) можно установить радиус округления углов.

Форма многоугольника во многом определяется количеством сторон (рис. 7.48), которое следует указать на панели Options (Параметры) в поле Sides (Стороны).

Поле Radius (Радиус) в наборе геометрических опций предназначено для указания расстояния от центра многоугольника до самых отдаленных точек (фактически радиус описанной окружности) (рис. 7.49).

Установленный флажок Smooth Corners (Сгладить внешние углы) позволяет создавать фигуры со сглаженными углами.

Для создания звезды вместо правильного многоугольника следует установить флажок Star (Звезда). В процессе ее создания можно указать в процентном соотношении величину углубления сторон в поле Indent Sides By (Гчубина лучей). Значение по умолчанию 50 % создаст углубление, равное половине радиуса звезды. Чем больше указанная величина, тем более остроконечной будет созданная звезда. Установка флажка Smooth Indents (Сгладить внутренние углы) позволит сгладить внутренние углы.

Рисование линий и стрелок можно выполнить при помощи инструмента Line (Линия). Установить толщину линии в пикселях позволяет поле Weight (Толщина) на панели Options (Параметры). В геометрических опциях фигуры (рис. 7.50) можно установить флажки, добавляющие к линии маркеры-завершители (например стрелки): флажок Start (Начало) добавляет маркер к началу линии, а флажок End (В конец) – к концу. Параметры Width (Ширина), Length (Длина) и Concavity (Кривизна) определяют вид и форму стрелки.

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

расположенного на панели Options (Параметры) инструмента Custom Shape (Произвольная фигура). Панель содержит большое количество заготовок (рис. 7.51), из которых несложно создать простую композицию.

Набор заготовок можно заменить или дополнить другим набором. Photoshop содержит 14 предустановленных наборов заготовок, в которых присутствуют контуры животных (Animals), орнаменты (iOrnaments) и многое другое. Для этого нужнощелкнуть в правой части панели на кнопкеи в раскрывшемся меню выбрать необходимый набор (рис. 7.52).

Векторная фигура, созданная в режиме Shape Layers (Фигурные слои), представляет собой векторную маску, связанную со слоем. Слой может быть залит цветом, градиентом, заполнен текстурой, к нему могут быть применены стили и эффекты слоя.

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

Отредактировать форму фигуры можно при помощи инструментов, предназначенных для редактирования контуров. Изменения следует выполнять, выбрав контур (в самом документе или его миниатюру на панели Paths (Контуры)) или векторную маску слоя на панели Layers (Слои).

На рис. 7.53 показан результат изменения формы и применения стиля и некоторых эффектов к слою.

Используя один или нескольких выделенных контуров, можно создать свою векторную фигуру. Для этого служит команда Define Custom Shape (Определить пользовательскую фигуру) меню Edit (Редактирование) или контекстного меню.

В открывшемся диалоговом окне необходимо указать название создаваемой фигуры (рис. 7.54), и после нажатия на кнопку ОК фигура появится в конце панели заготовок Custom Shape (Произвольная фигура).

Глава 8. Общий инструментарий

При работе с изображениями нередко возникают ситуации, когда требуется детально рассмотреть часть изображения, выполнить обрезку или отобразить вспомогательные элементы для точного позиционирования некоторых элементов. Данная глава посвящена инструментам, умелое использование которых позволяет быстро и эффективно работать в Photoshop CS4.

Как просматривать изображения и управлять масштабом

При открытии графического файла изображение автоматически масштабируется, чтобы помещаться в окне на рабочей области. Выполнить в дальнейшем изменение масштаба просмотра можно несколькими способами: при помощи инструмента Zoom, (Масштаб), панели Navigator (Навигатор) и др.

На панели Tools (Инструменты) имеется инструмент Zoom (Масштаб), предназначенный для изменения масштаба просмотра изображения (активировать его можно и при помощи клавиши Z). Инструмент Zoom (Масштаб) может работать в режиме увеличения масштаба (курсор мыши отображается в виде лупы со знаком [+]) или его уменьшения (курсор мыши отображается в виде лупы со знаком [-]). Переключение между режимами можно выполнить при помощи кнопок на панели Options (Параметры) инструмента Zoom (Масштаб).

Чтобы временно изменить режим на противоположный, необходимо удерживать клавишу Alt.

Для изменения масштаба нужно выполнить щелчок мыши на изображении при выбранном инструменте Zoom (Масштаб).

Примечание. Чтобы быстро установить масштаб просмотра равным

100 %, достаточно выполнить двойной щелчок по иконке инструмента Zoom (Масштаб) на панели Tools (Инструменты).

Для удобства в Photoshop CS4 инструмент Zoom (Масштаб) дополнительно вынесен на панель быстрого доступа, также там можно выбрать параметры масштабирования из выпадающего списка.

Инструмент Zoom (Масштаб) в режиме увеличения предоставляет возможность детально рассмотреть некоторую часть изображения. Для этого следует, удерживая нажатой левую кнопку мыши, выделить необходимую область – она будет отображена с максимально возможным увеличением (рис. 8.1).

Чем меньше будет выделенная область, тем большим будет масштаб просматриваемой области.

Примечание. Временно переключиться на инструмент Zoom (Масштаб) в процессе использования других инструментов можно, удерживая сочетание клавиш Ctrl+Пробел (режим увеличения) или Alt+Пробел (режим уменьшения).

Меню View (Просмотр) также содержит подпункты для изменения масштаба просмотра (рис. 8.2):

Zoom In (Увеличить) – результат действия аналогичен применению инструмента Zoom (Масштаб) в режиме увеличения;

Zoom Out (Уменьшить) – в противоположность предыдущей команде уменьшает масштаб просмотра;

Fit on Screen (Показать во весь экран) – изображение масштабируется таким образом, чтобы занимать максимально возможную часть рабочей области;

Actual Pixels (Реальный размер) – используется для установки 100 %-го масштаба просмотра;

Print Size (Размер при печати) – позволяет отобразить на мониторе приближенный к печатному размер документа.

Примечание. Последние три команды продублированы на панели Options (Параметры) инструментов Zoom (Масштаб) и Hand (Рука).

В левом нижнем углу окна изображения (в строке состояния) имеется поле, в котором отображается текущее значение масштаба в процентах. Редактируя это значение, также можно управлять масштабом просмотра.

Максимально возможным является масштаб, составляющий 1600 %, а минимальным – изображение в 1 пиксель.

В Photoshop CS4 появился очень интересный и полезный инструмент масштабирования Edit (Редактирование) Content-Aware Scale (Масштабирование с учетом содержимого). Программа изменяет размеры выделенного фрагмента, определяя при этом значимые детали и практически не искажая их. С помощью этого инструмента можно практически безболезненно подогнать размеры изображения под заданные (например, преобразовать его в баннер или в панораму).

Для создания панорамы из фотографии необходимо открыть нужное изображение и увеличить размер холста при помощи команды Image (Изображение) Canvas Size (Размер холста), увеличив количество пикселей в поле Width (Ширина). Далее следует выделить изображение, которое требуется преобразовать в панораму, и применить к нему команду Edit (Редактирование) Content-Aware Scale (Масштабирование с учетом содержимого). Теперь осталось только растянуть изображение за ограничивающие маркеры в нужную сторону.

На рис. 8.3 показано исходное изображение (а) и преобразованное в панораму (б). Видно, что изображение растянулось, не затронув ключевого элемента – фигуры велосипедиста.

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

Возможность просматривать изображение, когда оно не помещается в окне, предоставляет инструментHand (Рука) Активировать инструмент можно при помощи горячей клавиши Н. В Photoshop CS4 инструмент Hand (Рука) вынесен для удобства на панель быстрого доступа. Для перемещения области просмотра изображения необходимо передвигать курсор мыши, удерживая ее левую кнопку. Просматриваемая область будет перемещаться по холсту вместе с курсором, позволяя тем самым перейти к необходимой части изображения.

Примечание. Photoshop предоставляет возможность временно активизировать инструмент Hand (Рука) почти из любого активного инструмента путем нажатия клавиши Пробел.

Осуществлять перемещение видимой области изображения строго в горизонтальном или вертикальном направлениях можно при помощи полос прокрутки или комбинаций клавиш.

Для перемещения видимой области на один экран в одном из направлений следует воспользоваться такими клавишами:

вверх – PageUp;

вниз – PageDown;

влево – Ctrl+Pagellp;

вправо – Ctrl+PageDown.

Для перемещения видимой области на 10 единиц в одном из направлений служат такие комбинации клавиш:

вверх – Shift+Pagellp;

вниз – Shift+PageDown;

влево – Ctrl+Shift+PageUp;

вправо – Ctrl+Shift+PageDown.

Еще одно удобное новшество Photoshop CS4 – инструмент Rotate View (Поворот вида), который позволяет поворачивать объекты под нужным углом для наилучшего восприятия. Миниатюра данного инструмента также находится на панели быстрого доступа.

Альтернативным способом масштабирования просматриваемой области и ее перемещения может служить панель Navigator (Навигатор) (рис. 8.4).

Отобразить данную панель можно при помощи команды Window (Окно) | Navigator (Навигатор).

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

Кроме того, масштаб можно изменить с помощью находящегося рядом движка или кнопокZoom In (Увеличить) и Zoom Out (Уменьшить), расположенных соответственно справа и слева от движка.

Позиционирование и привязка объектов

При необходимости отобразить или скрыть линейки (горизонтальную – вверху, а вертикальную – слева) можно воспользоваться комбинацией клавиш Ctrl+R или командой меню View (Просмотр) | Rules (Линейки).

Линейки позволяют точно позиционировать элементы, выравнивать их и т. д. Линейки используют единицы измерения, определенные в настройках программы Photoshop (команда меню Edit (Редактирование) Preferences (Установки) Units & Rulers (Единицы измерения и линейки) или двойной щелчок на линейке).

В Photoshop CS4 появился еще один инструмент, позволяющий отображать линейки, сетки и направляющие -View Extras

(Просмотреть вспомогательные элементы), находящийся на панели быстрого доступа.

Примечание. Быстро изменить единицы измерения можно при помощи щелчка правой кнопкой мыши на линейке.

Точкой начала отсчета является верхний левый угол изображения (рис. 8.5). Можно изменить положение точки начала отсчета перетаскиванием «пересечения линеек» вниз и вправо. Вернуть начало координат в исходное положение можно, выполнив двойной щелчок мыши в области пересечения линеек.

Направляющими называют условные вертикальные и горизонтальные линии, которые служат для разметки изображения и привязки его элементов (рис. 8.6). На печать эти линии не выводятся. Направляющие можно разместить на изображении, если при включенных линейках, удерживая левую кнопку мыши, «потянуть» одну из линеек в сторону изображения.

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

Примечание. Удержание клавиши Alt в процессе перемещения направляющих преобразует горизонтальную направляющую в вертикальную и наоборот.

Точное позиционирование направляющих на этапе их создания можно выполнить командой View (Просмотр) New Guide (Новая направляющая). В открывающемся диалоговом окне (рис. 8.7) необходимо выбрать тип направляющей – Horizontal (Горизонталъная) или Vertical (Вертикальная), после чего в поле Position (Позиция) указать точные координаты.

Во избежание случайного перемещения направляющие могут быть заблокированы при помощи команды View (Просмотр) Lock Guide (Закрепить направляющие) или сочетания клавиш Alt+Ctrl+;.

Для более точного позиционирования или выравнивания объектов можно воспользоваться их привязкой к направляющим (в этом случае объект «примагничивается» к направляющей в процессе его перемещения, как только расстояние между ним и направляющей становится меньше 8 экранных пикселей).

Для включения функции привязки воспользуйтесь командами Snap (Привязка) и Snap То (Привязать к) меню View (Просмотр) (детальнее о привязке к направляющим рассказано далее в подразделе «Отображение и привязка к вспомогательным элементам»).

Удалить направляющую можно, переместив ее за границы изображения. Для удаления всех направляющих следует воспользоваться командой View (Просмотр) | Clear Guides (Удалить направляющие). Скрыть или отобразить направляющие можно при помощи команды View (Просмотр) Show (Показать) Guides (Направляющие), а изменить стиль и цвет линий направляющих можно командой Edit (Редактирование) | Preferences (Установки) Guides, Grid & Slices (Направляющие, сетка и фрагменты).

В Photoshop имеется возможность наряду с обычными направляющими использовать Smart Guides (Умные направляющие). Умные направляющие автоматически появляются на экране при перемещении объекта в те моменты, когда он выравнивается относительно центра или границ другого, уже существующего объекта. Для отображения умных направляющих необходимо предварительно выполнить команду View (Просмотр) Show (Показать) Smart Guides (Умные направляющие).

На рис. 8.8 показаны умные направляющие, появляющиеся в момент перемещения нижней фигуры.

Как и в случае с обычными направляющими, можно включить привязку объектов к умным направляющим для более точного расположения объектов друг относительно друга.

В качестве инструментария для позиционирования элементов кроме направляющих можно использовать координатную сетку. Сетка (Grid) представляет собой равномерную последовательность вертикальных и горизонтальных непечатаемых линий, располагающихся поверх рисунка (рис. 8.9). Часть линий сетки имеет большую толщину, как на миллиметровой бумаге.

Настройку цвета и стиля линий, а также расстояния между ними можно выполнить при помощи команды Edit (Редактирование) | Preferences (Установки) | Guides, Grid & Slices (Направляющие, сетка и фрагменты).

Отобразить или скрыть сетку можно при помощи команды View (Просмотр) Show (Показать) Grid (Сетка) или комбинацией клавиш Ctrl+'. При перемещении объекты также могут привязываться к сетке.