Photoshop CS - Скотт Кэлби

Глава 4. Чертова дюжина. Приемы работы с изображениями

145

Шаг 3. Перетащите инструмент

Gradient через сферическую

Как быстро перейти

выделенную область, начиная

от верхнего края, вниз, под

к режиму наложения

небольшим углом (как пока-

Overlay

зано на рисунке). Снимать

В некоторых случаях

выделение не следует.

вам потребуется изме-

Создайте новый слой и выбе-

нить режим наложения

рите команду Contract (Сжать)

на Overlay. Я рассказал

из меню SelectModify

вам, как сделать это

(ВыделениеИзменить). В по-

с помощью контекс-

явившемся диалоговом окне

тного меню палитры

Contract введите значение 4,

Layers. Однако следует

после чего щелкните на кнопке

отметить, что сущест-

OK, чтобы сжать выделенную

область на четыре пикселя.

вует способ добиться

того же результата,

не обращаясь к палитре

Layers. Достаточно

нажать комбинацию

клавиш <Shift+Alt+O>

(<Shift+Option+O>),

чтобы сразу выбрать

режим наложения

Шаг 4. Работая с настоящим

Overlay. Прежде чем

нажать эту комбинацию

слоем, вы будете создавать

клавиш, обязательно

различные градиенты, поэтому

выберите инструмент

при активном инструменте

Move (Переместить),

Gradient щелкните на образце

нажав клавишу <V>.

градиента на панели Options,

Основная идея состоит

чтобы отобразить окно Gradient

в том, что при любом

Editor. Измените существующий

активном инструменте

градиент, указав для крайнего

рисования вы изме-

левого ограничителя белый

ните режим наложе-

цвет, для среднего ограничи-

ния именно для этого

теля — серый, а для крайнего

инструмента, а не для

правого ограничителя — белый.

слоя. Для изменения

Перетащите средний ограни-

режимов наложения,

читель поближе к левому, как

как инструментов

показано на рисунке, и щелк-

рисования, так и слоев,

ните на кнопке OK.

используются одни и те

же комбинации клавиш.

Шаг 5. Перетащите инструмент

Gradient через сферическую

выделенную область, начиная

от верхнего края, вниз, под

небольшим углом (как пока-

зано на рисунке). Поскольку

вы сжали выделенную область

на четыре пикселя, градиент

будет применен только к ней,

а исходный градиент останется

заметным по краям.

146

Хитрости и секреты работы в Photoshop CS

Шаг 6. Выберите команду

Как быстро создать

Stroke (Обводка) из раскрыва-

ющегося меню Add a layer style

такие же линии, как

в нижней части палитры Layers.

на экране телевизора

В появившемся диалоговом

Еще можно создать

окне Stroke укажите для пара-

метра Size (Размер) значение 1,

линии как на экране

значение параметра Position

телевизора с помощью

(Положение) оставьте равным

фильтра, который заме-

Outside (Снаружи). Щелкните

чательно справляется

на образце цвета и выберите

с подобной задачей. Вот

в диалоговом окне Color Picker

что необходимо сделать.

черный цвет. Уменьшите значе-

1. Откройте изображе-

ние параметра Opacity (Непро-

ние, к которому вы

зрачность) до 50%, после чего

хотите добавить гори-

щелкните на кнопке OK, чтобы

зонтальные линии,

добавить черную обводку

после чего создайте

к внутреннему градиенту.

новый слой и располо-

жите его над изобра-

жением.

Шаг 7. Палитра Layers позво-

2. Нажмите клавишу

ляет скопировать обводку

<D>, а затем клавишу

со всеми ее параметрами, после

<X>, чтобы выбрать

чего применить ее к первому

белый цвет перед-

градиенту. Для этого щелкните

него плана. Нажмите

на пункте Effects (Эффекты)

комбинацию клавиш

и перетащите его на слой с пер-

<Alt+Backspace>

вым градиентом.

(<Option+Delete>),

чтобы залить слой

белым цветом.

3. Выберите команду

SketchHalftone

Pattern из меню Filter.

В появившемся

диалоговом окне

для параметра Size

задайте значение 2,

для параметра Contast

(Контраст) — 50, а из

раскрывающегося

списка Pattern Type

(Тип узора) выберите

вариант Line (Линия).

Щелкните на кнопке

OK, чтобы добавить

Шаг 8. При выделенном втором

последовательность

градиенте создайте новый

черных и белых линий

слой и расположите его над

на слой.

всеми остальными. Выберите

4. В качестве режима

инструмент Gradient и нажмите

наложения выберите

клавишу <Enter> (<Return>),

Overlay, а также при

чтобы отобразить окно Gradi-

желании уменьшите

ent Picker. Выберите градиент

непрозрачность слоя.

Transparent Rainbow, как пока-

Попробуйте восполь-

зано на рисунке.

зоваться этим советом,

чтобы посмотреть, как

он заменяет описанный

эффект.

Глава 4. Чертова дюжина. Приемы работы с изображениями

147

Шаг 9. Перетащите инструмент

Gradient через центр выде-

Как получить cкруглен-

ленной области, как показано

на рисунке. В данном случае

ные углы

начинать следует не с самого

При выполнении шага 1

верха, а чуть выше середины

настоящей инструкции

верхней половины выделенной

я предложил вам создать

области; закончить нужно чуть

прямоугольник со скруг-

ниже середины нижней поло-

ленными углами. Если

вины выделенной области, как

вы воспользуетесь

показано на рисунке.

инструментом со стан-

дартными значениями

его параметров, вы

наверняка придете

к выводу, что получен-

ные края не слишком

Шаг 10. Выберите команду

закруглены, поэтому

Pinch из меню FilterDistort

очень полезно знать,

(ФильтрИскажение). Для

что степень закругления

параметра Amount (Степень)

контролируется с по-

задайте значение 100%

мощью панели Options

и щелкните на кнопке OK.

(Параметры). Увеличьте

Выберите команду Radial Blur

радиус, чтобы сделать

(Радиальное размытие) из меню

края более круглыми,

FilterBlur (ФильтрРазмы-

или уменьшите его,

тие). Для параметра Amount

чтобы сделать их менее

(Степень) задайте значение 40,

круглыми. Если мы уже

выберите в группе параметров

говорим о закруглен-

Blur Method (Метод размытия)

ных краях, то нельзя

переключатель Spin (Враще-

не сказать о специаль-

ние), а в группе параметров

ном инструменте

Quality (Качество) — переклю-

ImageReady, который

чатель Good (Хорошее), после

я хотел бы увидеть

чего щелкните на кнопке OK.

и в Photoshop. Это

инструмент Rounded

Rectangle Marquee

(Прямоугольная

область со скруглен-

ными краями), который

позволяет... а вообще, я

не хочу описывать его

в настоящей книге.

148

Хитрости и секреты работы в Photoshop CS

Шаг 12. Выберите команду

Создание копий

Feather (Растушевка) из меню

Select (Выделение). Введите

Как только вы создали

значение 20 и щелкните

на кнопке OK. Нажмите

вкладку или кнопку

клавишу <Backspace>

для Web-страницы

(<Delete>), чтобы смягчить

(или любой другой

края полученного эффекта.

объект на слое), вы

Снимите выделение, нажав

сможете быстро создать

комбинацию клавиш <Ctrl+D>

ее копию, воспользо-

(<+D>).

вавшись следующим

приемом. Удерживая

нажатой клавишу

<Ctrl> (<>), щелкните

на слое, копию которого

решили создать, в па-

литре Layers (при этом

все содержимое слоя

будет выделено). После

этого, нажав комбина-

цию клавиш <Alt+Ctrl>

(<Option+>), перетас-

кивайте слой для созда-

ния копий. Вот и все.

Шаг 13. Выберите инструмент

Elliptical Marquee (Эллипти-

ческая область) из палитры

инструментов, после чего,

удерживая нажатой клавишу

<Shift>, нарисуйте сферичес-

кую область меньшего размера

в центре диска. Нажмите

клавишу <Backspace>

(<Delete>), чтобы вырезать

часть градиента.

Шаг 14. Выберите команду

Transform Selection (Преобра-

зовать выделенную область)

из меню Select (Выделение).

На панели Options укажите

значение 90% в полях Height

(Высота) и Width (Ширина).

Нажмите клавишу <Enter>

(<Return>), чтобы завершить

преобразование. Щелкните

на слое Layer 2 (содержащем

окружность меньшего размера)

в палитре Layers, после чего

нажмите клавишу <Backspace>

(<Delete>). В результате будет

вырезана “дыра” на фоновом

слое. Нажмите комбинацию

клавиш <Ctrl+D> (<+D>),

чтобы снять выделение. Щелк-

ните на верхнем слое в палитре

Layers и дважды нажмите

комбинацию клавиш <Ctrl+E>

(<+E>), чтобы объединить

все три слоя в один.

Глава 4. Чертова дюжина. Приемы работы с изображениями

149

Шаг 15. Выберите инструмент

Move (Переместить) и перета-

Как Web-броузеры

щите полученный слой

в документ с изображением

отображают фоновое

упаковки (подробно о создании

изображение

подобной упаковки рассказы-

Практически каждый

вается в главе 6). Обратившись

пользователь работает

к палитре Layers, расположите

с монитором опре-

слой с изображением упаковки

деленного размера

под изображением диска.

и использует опре-

Нажмите комбинацию клавиш

деленные настройки

<Ctrl+T> (<+T>), чтобы

окна Web-броузера при

отобразить ограничивающую

просмотре страниц

рамку Free Transform. Щелк-

ните правой кнопкой мыши

(некоторые разворачи-

(<Control+щелчок>) на огра-

вают его во весь экран,

ничивающей рамке, после чего

но подавляющее боль-

из контекстного меню выберите

шинство довольствуются

команду Perspective (Перс-

стандартным размером

пектива). Перетащите нижний

окна, заданным компа-

левый угловой маркер вниз,

нией — разработчиком

чтобы согласовать положение

броузера). Но дело

диска с упаковкой.

в том, что одни рабо-

тают за 21-дюймовыми

Шаг 16. Щелкните на значке

мониторами, в то время

как другие довольству-

Create a new layer в нижней

ются 15-дюймовыми.

части палитры Layers, чтобы

По этой причине, для

создать новый слой, и распо-

того чтобы избавить вас

ложите его непосредственно

от просмотра отдельных

под слоем с изображением

пикселей, Web-броузеры

упаковки. Выберите инструмент

автоматически “размно-

Polygonal Lasso и нарисуйте

жают” заданное фоновое

область тени, отбрасываемой

изображение по гори-

упаковкой.

зонтали и по вертикали

таким образом, чтобы

Шаг 17. Нажмите клавишу

занять все доступное

пространство.

<D>, чтобы задать в качестве

Поскольку нам известна

основного цвета черный.

подобная особенность

Нажмите комбинацию

Web-броузеров, нам

клавиш <Alt+Backspace>

не нужно создавать

(<Option+Delete>), чтобы

фоновые изображения

залить им выделенную область.

огромного размера.

Снимите выделение, нажав

Вместо этого мы создаем

комбинацию клавиш <Ctrl+D>

небольшие фоновые

(<+D>). Затем для смягче-

рисунки, которые

ния тени выберите команду

используются Web-

Gaussian Blur (Гауссово размы-

броузером при заполне-

тие) из команды FilterBlur

(ФильтрРазмытие). В поя-

нии всего экрана. Это

вившемся диалоговом окне

значительно уменьшает

Gaussian Blur перемещайте

размер файлов, а также

ползунок Radius (Радиус) до тех

ускоряет загрузку Web-

пор, пока тень не приобретет

страниц.

нужный вид. Попробуйте задать

значение 5 для изображений

с низким разрешением, или

значение 20 — для изображе-

ний с высоким разрешением,

после чего щелкните

на кнопке OK.

150

Хитрости и секреты работы в Photoshop CS

Шаг 18. Чтобы тень была менее

Почему изображение

заметна, уменьшите значение

параметра Opacity соответству-

выглядит ужасно

ющего слоя до 20%, обратив-

при преобразовании

шись к панели Options.

Если вы используете

инструмент Free

Transform (Свободное

преобразование), пусть

вас не смущают резуль-

таты предварительного

просмотра: на изобра-

жении четко просмат-

риваются отдельные

пиксели. Это связано

с тем, что при выпол-

нении преобразований

Photoshop отображает

изображения с низким

разрешением, поэтому

вы и видите результаты

всех вносимых изме-

нений практически

сразу. После того как

Шаг 19. Здесь представлен

вы нажмете клавишу

<Enter> (<Return>),

окончательный вариант: DVD,

Photoshop перерисо-

выглядывающий из упаковки,

вывает изображение

созданием которой вы займе-

в “полном” разрешении,

тесь при изучении материала

после чего пиксели

главы 6.

должны исчезнуть (если,

конечно, вы не выпол-

нили каких-либо опера-

ций, увеличивающих

размер пикселей, напри-

мер увеличили размер

изображения с разре-

шением 72 ppi до 300%,

но мне кажется, что вы

не должны выполнять

подобных действий).

Глава 4. Чертова дюжина. Приемы работы с изображениями

151

Добавление заметок к фотографии

Если к фотографии необходимо добавить подпись, не нужно создавать

Экономия времени

подложку или вводить текст другого цвета. Существуют гораздо более

при работе с диалого-

интересные способы, чтобы привлечь внимание зрителей.

вым окном Fill

В Photoshop 7 (а также

Шаг 1. Откройте фотографию,

во всех предыдущих

версиях программы), для

к которой решили применить

того чтобы применить

данный эффект. Нажмите

заливку к выделенной

комбинацию клавиш <Ctrl+A>

области или слою,

(<+A>), чтобы выделить всю

например красным

фотографию. Нажмите комби-

цветом, соответствую-

нацию клавиш <Shift+Ctrl+J>

щий цвет необходимо

(<Shift++J>), чтобы

было задать в качес-

отделить фотографию от фона

тве основного еще до

и перенести на отдельный слой,

отображения диалого-

как показано на рисунке.

вого окна Fill (Заливка).

Если вы забыли выбрать

цвет, вам не оставалось

ничего иного, как щелк-

нуть на кнопке Cancel,

затем выбрать необхо-

Шаг 2. Выберите команду

димый цвет и только

после этого повторно

Canvas Size (Размер холста)

отобразить диалоговое

из меню Image (Изображение).

окно Fill. К счастью,

В появившемся диалоговом

в Photoshop CS вам

окне установите флажок Rela-

никогда не придется

tive (Относительный), после

выполнять подобных

чего для параметров Width

действий, поскольку

(Ширина) и Height (Высота)

задайте значение 2. Щелкните

необходимый цвет

на кнопке OK, чтобы добавить

заливки можно выбрать

вокруг фотографии дополни-

непосредственно в диа-

тельное пространство.

логовом окне Fill. Для

этого из раскрывающе-

гося списка Use в верх-

ней части диалогового

окна достаточно выбрать

значение Color, чтобы

Шаг 3. Выберите команду

отобразить диалого-

Stroke (Обводка) из раскрыва-

вое окно Color Picker

ющегося меню Add a layer style

и выбрать необходимый

(Добавить стиль слоя) в нижней

цвет. Восхитительно,

части палитры Layers (Слои).

не так ли?

В появившемся диалоговом

окне Stroke (Обводка) задайте

значение 15 для параметра Size

(Размер) (в случае изображений

с высоким разрешением, напри-

мер 300 ppi, необходимо задать

значение 30). Из раскрывающе-

гося списка Position выберите

значение Inside (чтобы полу-

чить прямые, а не скругленные

углы), затем щелкните на об-

разце цвета и выберите светло-

серый цвет обводки. Щелкните

на кнопке OK.

152

Хитрости и секреты работы в Photoshop CS

Шаг 4. Выберите из списка

Преимущества

стиль Drop Shadow (Падающая

тень), чтобы отобразить

вложенных наборов

соответствующие параметры.

слоев

Уменьшите значение параметра

Если вы часто исполь-

Opacity (Непрозрачность)

до 50%, сбросьте флажок Use

зуете наборы слоев

Global Light (Использовать

(которые позволяют

глобальное освещение), а зна-

упорядочить большое

чения параметров Distance

количество слоев

(Расстояние) и Size (Размер)

в документе), то навер-

увеличьте до 10. Щелкните

няка по достоинству

на кнопке OK, чтобы добавить

оцените такое нововве-

к фотографии рамку с тенью,

дение Photoshop CS, как

как показано на рисунке.

возможность создания

Создайте еще один слой,

наборов слоев в рамках

щелкнув на значке Create a new

других наборов; при

layer в нижней части палитры

этом допускается

Layers.

до пяти уровней вложе-

ния. Открывающиеся

Шаг 5. Нажмите клавишу

возможности просто

<M>, чтобы выбрать инстру-

поражают воображение!

мент Rectangular Marquee,

с помощью которого создайте

прямоугольную область (подоб-

ную той, что показана на ри-

сунке). Щелкните на образце

основного цвета и выберите

подходящий оттенок желтого

(я задал следующие значения:

R=255, G=255, B=161). Залейте

выделенную область выбран-

ным цветом, нажав комбинацию

клавиш <Alt+Backspace>

(<Option+Delete>). Снимите

выделение, нажав комбинацию

клавиш <Ctrl+D> (<+D>).

Шаг 6. Нажимайте комбинацию

клавиш <Shift+U> до тех пор,

пока не выберете из палитры

инструментов инструмент

Custom Shape (Пользователь-

ская фигура). На панели Options

выберите третий параметр

слева, чтобы создавать с помо-

щью инструмента Custom Shape

растровые фигуры. Нажмите

клавишу <Enter> (<Return>),

чтобы отобразить окно Custom

Shape Picker (как показано

на рисунке). Из меню окна

выберите команду Objects

(Объекты), чтобы загрузить

соответствующий набор фигур

(в появившемся диалоговом

окне необходимо щелкнуть

на кнопке Append). Выберите

символ в виде скрепки, как

показано на рисунке.

Глава 4. Чертова дюжина. Приемы работы с изображениями

153

Шаг 7. Создайте новый слой

и задайте серый цвет в качестве

Превращение содер-

основного. Удерживая нажатой

клавишу <Shift>, нарисуйте

жимого палитры Layer

скрепку. Расположите ее так,

Comps в отдельные

как показано на рисунке.

документы

В Photoshop CS появи-

лось очень интересное

средство — Layer Comps,

которое позволяет

сохранять версию доку-

мента вместе со всеми

атрибутами слоя (такими

как значение параметра

Opacity, месторасполо-

жение, режим наложе-

ния, примененные стили

слоев и т. д.) в палитре

Шаг 8. Задайте темно-синий

Layer Comps. Благо-

даря этому вы можете

в качестве основного цвета.

создать макет, сохра-

Нажмите клавишу <T>,

нить его как состояние

чтобы выбрать инструмент

слоя (непосредственно

Type. Введите текст заметки.

в документе), после чего

В данном случае был выбран

продолжить экспери-

шрифт ITC Bradley Hand.

ментировать с различ-

ными слоями. Получив

подходящий результат,

сохраните его в палитре

Layer Comps. Благодаря

этому вы сможете срав-

нить различные вари-

анты с помощью всего

одного щелчка мышью

(при смене макетов

все слои изменяются

должным образом).

Однако самое инте-

Шаг 9. Обратившись к палитре

ресное еще впереди —

программа предлагает

Layers, свяжите слой с изоб-

специальный сценарий,

ражением скрепки и листка

который позволяет

бумаги, а также текстовый слой,

сохранять различные

щелкая во втором столбце

макеты в виде отде-

напротив названия каждого

льных документов PDF

из них.

(это очень удобно, если

необходимо отправить

полученные результаты

по электронной почте).

Для этого достаточно

выбрать команду Layer

Comps to PDF из меню

FileScripts.

154

Хитрости и секреты работы в Photoshop CS

Шаг 10. Нажмите комбинацию

Замена цвета с помо-

клавиш <Ctrl+T> (<+T>),

чтобы отобразить ограничива-

щью числовых значе-

ющую рамку Free Transform.

ний

Разместите указатель за

Если вы использу-

границами рамки и перетащите

вниз, чтобы немного повер-

ете команду Replace

нуть записку, как показано

Color для выделения

на рисунке. Нажмите клавишу

области изображения

<Enter> (<Return>), завершив

определенного цвета

преобразование.

и замены этого цвета

другим, новое средство

Photoshop CS позволяет

указать числовое значе-

ние цвета для его выбора

(это означает, что вам

необязательно исполь-

зовать инструмент

Шаг 11. Теперь вам следует

Eyedropper). Открыв

придать скрепке металлический

диалоговое окно Replace

вид. Активизировав соот-

Color (выбрав одноимен-

ветствующий слой, выберите

ную команду из меню

команду Bevel and Emboss

EditAdjustments),

из раскрывающегося меню Add

в области Selection

a layer style в нижней части

(Выделение) вы найдете

палитры Layers. Увеличьте

образец цвета. Щелк-

значение параметра Depth

ните на нем, чтобы

(Глубина) до 300%, а значение

отобразить стандартное

параметра Size (Размер) умень-

диалоговое окно Color

шите до 2. В группе параметров

Picker, в котором введите

Shading установите флажок

числовые значения

Anti-aliased (Сглаживание)

и щелкните на кнопке со стрел-

в текстовых полях RGB,

кой справа от поля Gloss

CMYK и т.д.; кроме того,

Contour, чтобы отобразить

можно задать нестандар-

окно Contour Picker (Выбор

тные цвета.

контура). Выберите контур Ring

(Кольцо), как показано на ри-

сунке. Уменьшите непрозрач-

ность теней до 50% и щелкните

на кнопке OK.

Шаг 12. Нажмите клавишу

<E>, чтобы выбрать инстру-

мент Eraser (Ластик). Выбе-

рите небольшую жесткую

кисть и удалите внутреннюю

часть скрепки, чтобы придать

ей такой вид, как будто с ее

помощью записка действи-

тельно прикреплена к фотогра-

фии. Для завершения создания

эффекта выберите команду

Drop Shadow из раскрываю-

щегося меню Add a layer style

в нижней части палитры Layers.

В появившемся диалоговом

окне для параметра Size

(Размер) задайте значение 4

и щелкните на кнопке OK,

чтобы добавить тень к записке.