
Photoshop CS - Скотт Кэлби
.pdf
Глава 5. Получение удивительных результатов с помощью стандартных средств... |
175 |
||
|
|
|
|
Шаг 13. Нажмите клавишу |
|
|
|
<M>, чтобы вернуться к инс- |
Скрытый скруббер |
||
трументу Rectangular Marquee, |
|||
после чего выделите надпись, |
Если вам приходилось |
||
как показано на рисунке. |
|||
использовать скруббер |
|||
Активизируйте исходный слой |
|||
в приложениях для |
|||
с голубой заливкой и нажмите |
|||
редактирования видео |
|||
клавишу <Backspace> |
|||
(например, Adobe |
|||
(<Delete>), чтобы вырезать |
|||
After Effects), то у вас |
|||
“дыру” под надписью, как пока- |
|||
не должно возникнуть |
|||
зано на рисунке. Снимите выде- |
|||
никаких проблем с зада- |
|||
ление с помощью комбинации |
|||
нием значений не только |
|||
клавиш <Ctrl+D> (<+D>). |
|||
в текстовых полях, но |
|||
|
|||
|
и с помощью ползунков, |
||
|
как это имеет место |
||
|
при работе с целым |
||
|
рядом диалоговых |
||
|
окон в Photoshop CS. |
||
Шаг 14. Теперь пришло время |
Чтобы получить доступ |
||
к скрубберу, наведите |
|||
выполнить необходимые заклю- |
|||
указатель мыши на на- |
|||
чительные действия. Я добавил |
|||
звание необходимого |
|||
цифры на цветные полосы, |
|||
используя шрифт Compacta. |
текстового поля и пе- |
||
Затем добавил название компа- |
ремещайте указатель |
||
нии, используя шрифт Eurostile |
в нужном направлении |
||
Extended от компании Adobe. |
для изменения значе- |
||
При создании всех осталь- |
ния в поле. Например, |
||
ных надписей я использовал |
если открыть диалого- |
||
шрифты Eurostile Extended |
вое окно Gaussian Blur |
||
и Eurostile. |
и навести указатель |
||
|
мыши на название поля |
||
|
Radius, указатель примет |
||
|
вид скруббера. Данная |
||
|
возможность оказыва- |
||
|
ется полезной в целом |
||
|
ряде случаев. |
||
|
|
|

176 |
Хитрости и секреты работы в Photoshop CS |
|
Высокотехнологичный полупрозрачный интерфейс |
|
Создание выделенных |
Я захотел включить в книгу прием, позволяющий получить эффект, очень |
|
областей сферической |
часто используемый при оформлении различных спортивных телевизионных |
|
формы |
программ. Я сам использую этот эффект для оформления интерфейса |
|
При создании выде- |
при работе над материалом для компакт-дисков с учебными пособиями |
|
по Photoshop. Настоящий эффект можно использовать и при подготовке |
||
ленной области |
||
сферической формы |
других материалов. |
|
по умолчанию окруж- |
|
|
ность рисуется от той |
|
|
точки, в которой вы |
Шаг 1. Откройте фотографию, |
|
щелкнули мышью. |
которую решили использовать |
|
По необходимости |
в качестве основного изобра- |
|
вы можете рисовать |
жения интерфейса. Создайте |
|
окружность из центра, |
новый документ необходимых |
|
для чего следует удержи- |
размеров. Создайте новый |
|
вать нажатой клавишу |
слой, щелкнув на значке Create |
|
<Alt> (<Option>). |
a new layer в нижней части |
|
Для создания идеальной |
палитры Layers. |
|
окружности необходимо |
|
|
удерживать нажатой |
|
|
клавишу <Shift>. |
|
Шаг 2. Выберите инструмент
Polygonal Lasso и нарисуйте выделенную область, соответствующую будущей навигационной части интерфейса, как показано на рисунке. Для получения подобной выделенной области необходимо удерживать нажатой клавишу <Shift> и последовательно щелкать на нужных точках. (Клавиша <Shift> позволяет создавать прямые линии, расположенные под углами, кратными 45°.) Щелкайте до тех пор, пока не получите фигуру необходимой формы.
Шаг 3. Нажмите клавишу <D>, чтобы задать в качестве основного цвета черный. Нажмите комбинацию клавиш <Alt+Backspace> (<Option+Delete>, чтобы залить им полученную фигуру. Снимите выделение, нажав
комбинацию клавиш <Ctrl+D> (<+D>).

Глава 5. Получение удивительных результатов с помощью стандартных средств... |
177 |
|
|
|
|
Шаг 4. Работая с тем же слоем, |
|
|
нарисуйте еще одну фигуру |
Работа с окном |
|
с помощью инструмента |
||
Polygonal Lasso, как показано |
Gradient Picker |
|
на рисунке. Не забывайте о том, |
Вы хотите избавить себя |
|
что удерживание нажатой |
||
от необходимости обра- |
||
клавиши <Shift> позволяет |
||
щаться к панели Options |
||
создавать прямые линии, |
||
каждый раз, когда вам |
||
расположенные под углами, |
||
нужно выбрать новый |
||
кратными 45°. |
||
градиент? Попробуйте |
||
|
||
|
применить этот заме- |
|
|
чательный совет. При |
|
|
активном инструменте |
|
|
Gradient нажмите |
|
|
клавишу <Enter> |
|
|
(<Return>), чтобы |
|
|
отобразить окно Gradient |
|
|
Picker прямо в месте |
|
|
расположения курсора. |
|
|
Вам остается только |
|
|
дважды щелкнуть на не- |
|
|
обходимом градиенте |
|
Шаг 5. Завершив созда- |
для его выбора. |
|
ние выделенной области, |
|
|
нажмите комбинацию |
|
|
клавиш <Alt+Backspace> |
|
|
(<Option+Delete>), чтобы |
|
|
залить ее черным цветом. |
|
|
Снимите выделение, нажав |
|
|
комбинацию клавиш <Ctrl+D> |
|
|
(<+D>). |
|
Шаг 6. С помощью инструмента
Polygonal Lasso нарисуйте еще одну выделенную область, которую также залейте черным цветом, как показано на рисунке.

178 |
Хитрости и секреты работы в Photoshop CS |
|
|
|
|
|
Шаг 7. Снимите выделение |
|
Увеличение размеров |
с помощью комбинации клавиш |
|
<Ctrl+D> (<+D>). Нажмите |
||
Многие Web-дизайнеры |
клавишу <V>, чтобы выбрать |
|
инструмент Move. Удерживая |
||
предпочитают создавать |
||
нажатой клавишу <Shift>, |
||
изображения как можно |
||
перетащите полученную фигуру |
||
большего размера |
||
в документ с фотографией, |
||
(в два-три раза больше, |
||
открытый при выполнении |
||
чем нужно). Это очень |
||
шага 1. (Удерживание клавиши |
||
удобно при разработке |
||
<Shift> позволяет располо- |
||
элементов небольшого |
||
жить фигуру по центру изоб- |
||
размера — создать их |
||
ражения.) После размещения |
||
с нуля нужного размера |
||
основных элементов интер- |
||
очень сложно. Если |
||
фейса вам необходимо немного |
||
вы решите следовать |
||
поработать над его внешним |
||
этому совету, умень- |
||
видом. |
||
шайте размеры объектов |
||
|
||
с помощью инструмента |
|
|
Free Transform. |
|
Шаг 8. Обратившись к палитре Layers, уменьшите значение параметра Opacity до 60% (как показано на рисунке), чтобы фотография немного просвечивалась через фигуры. Создайте новый слой, щелкнув на значке
Create a new layer в нижней части палитры Layers.
Шаг 9. Удерживая нажатой клавишу <Ctrl> (<>),
щелкните на слое с фигурами в палитре Layers. В результате фигуры будут выделены, как показано на рисунке. Выберите команду Stroke (Обводка) из меню Edit (Правка). Задайте для параметра Width значение 1, выберите белый цвет обводки. В группе параметров Location выберите переключатель Center и щелкните
на кнопке OK, чтобы добавить обводку к выделенной области.

Глава 5. Получение удивительных результатов с помощью стандартных средств... |
179 |
||
|
|
|
|
Шаг 10. Снимите выделение, |
|
|
|
нажав комбинацию клавиш |
Загрузка выделенных |
||
<Ctrl+D> (<+D>). Обра- |
|||
тившись к палитре Layers, |
областей |
||
уменьшите значение параметра |
Очень часто в настоя- |
||
Opacity для слоя с обводкой |
|||
щей книге я предлагаю |
|||
до 50%. В результате обводка |
|||
выбирать из меню Select |
|||
будет казаться тоньше, чем |
|||
(Выделение) команду |
|||
есть на самом деле. Щелкните |
|||
Load Selection (Загрузить |
|||
на слое с фигурами в палитре |
|||
выделение) для загрузки |
|||
Layers. |
|||
в качестве выделения |
|||
|
|||
|
альфа-канала. Однако |
||
|
вы сможете загрузить |
||
|
альфа-канал как |
||
|
выделенную область, |
||
|
обратившись к палитре |
||
Шаг 11. Выберите из раскры- |
Channels (Каналы), |
||
вающегося меню Add a layer |
щелкнув на альфа- |
||
style в нижней части палитры |
канале и перетащив |
||
Layers команду Drop Shadow. |
его на значок Selection |
||
Сбросьте флажок Use Global |
(Выделение) в нижней |
||
Light, увеличьте значение |
части палитры (это |
||
параметра Distance до 13 |
первый значок слева). |
||
и щелкните на кнопке OK, чтобы |
Перейдите к каналу |
||
добавить мягкую тень к фигу- |
RGB, чтобы увидеть |
||
рам, как показано на рисунке. |
изображение с уже |
||
Теперь можно добавить |
загруженной выделен- |
||
надписи. Нажмите клавишу |
ной областью. |
||
<T>, чтобы выбрать инструмент |
|
|
|
Type, и введите текст надписи. |
|
|
|
(Примечание. В данном случае |
|
|
|
использовались шрифты Euro- |
|
|
|
stile Extended и Eurostile Bold |
|
|
|
от компании Adobe.) |
|
|
|
Шаг 12. Я также добавил |
|
|
|
несколько хромированных |
|
|
|
кнопок, создав новый слой, |
|
|
|
нарисовав небольшую круглую |
|
|
|
область, которую затем |
|
|
|
заполнил стандартным черно- |
|
|
|
белым градиентом. И напос- |
|
|
|
ледок я добавил стиль Bevel |
|
|
|
and Emboss, задав значения |
|
|
|
параметров, представленные |
|
|
|
на рисунке ниже. |
|
|
|
|
|
|

180 |
Хитрости и секреты работы в Photoshop CS |
|
Размытый фон |
|
Как быстро выбрать |
Настоящий эффект за последний год приобрел действительно большую |
|
белый цвет в качестве |
популярность. Я вижу его повсюду: начиная с напечатанных рекламных |
|
основного |
проспектов и заканчивая телевизионными шоу. При этом комбинируется |
|
Вам нужно быстро |
классический эффект затемнения или осветления части изображения |
|
(с сохранением всех деталей) и размытие фона с целью подчеркивания |
||
задать белый цвет |
||
в качестве основного? |
основных элементов фотографии. |
|
Нажмите клавишу <D>, |
|
|
а потом <X>. Вот и все! |
|
|
|
Шаг 1. Откройте фотографию, |
|
|
к которой необходимо доба- |
|
|
вить надпись. Создайте новый |
|
|
слой, щелкнув на значке Create |
|
|
a new layer в нижней части |
|
|
палитры Layers. |
Шаг 2. Выберите инструмент
Polygonal Lasso и, удерживая нажатой клавишу <Shift>, нарисуйте выделенную область, подобную представленной на рисунке. Не забывайте удерживать нажатой клавишу <Shift>, поскольку только
в этом случае можно получить вертикальные, горизонтальные, а также диагональные прямые линии, направленные под углами, кратными 45°.
Шаг 3. Нажмите клавишу <D>, чтобы задать в качестве основного цвета черный. Залейте им выделенную область, нажав комбинацию клавиш <Alt+Backspace> (<Option+Delete>). Уменьшите значение параметра Opacity для этого слоя до 60%, чтобы он оказался полупрозрачным. В результате будет получен эффект подложки. Снимать выделение еще не нужно.

Глава 5. Получение удивительных результатов с помощью стандартных средств... |
181 |
|
|
|
|
Шаг 4. Создайте еще один |
|
|
слой, щелкнув на значке Create |
Отображение полно- |
|
a new layer в нижней части |
||
палитры Layers. Нажмите |
цветного изображения |
|
клавишу <X>, чтобы задать |
при работе с одним |
|
белый цвет в качестве основ- |
каналом |
|
ного. Из меню Edit выберите |
||
Этот совет позволит вам |
||
команду Stroke. В появившемся |
||
работать с отдельным |
||
диалоговом окне задайте для |
||
цветовым каналом |
||
параметра Width значение 1. |
||
В группе параметров Loca- |
(например, красным или |
|
tion выберите переключатель |
зеленым) и при этом |
|
Center и щелкните на кнопке |
отображать полно- |
|
OK, чтобы добавить обводку |
цветное композитное |
|
к выделенной области. Обра- |
изображение RGB |
|
тившись к палитре Layers, |
(обычно после щелчка |
|
уменьшите значение параметра |
на канале вы сможете |
|
Opacity для слоя с обводкой |
увидеть только его). Для |
|
до 50%. В результате обводка |
этого достаточно нажать |
|
будет казаться тоньше, чем есть |
клавишу <~> (которая |
|
на самом деле. |
расположена над клави- |
|
|
шей <Tab>); при этом |
|
Шаг 5. Снимать выделение |
изображение будет |
|
отображаться в режиме |
||
еще не следует. В палитре |
RGB, хотя активным |
|
Layers щелкните на значке |
будет текущий канал. |
|
фонового слоя (выделенная |
|
|
область должна оставаться |
|
|
на месте) и выберите команду |
|
|
Gaussian Blur (Гауссово |
|
|
размытие) из меню FilterBlur |
|
|
(ФильтрРазмытие). В поя- |
|
|
вившемся диалоговом окне |
|
|
задайте значение 10 или 40, |
|
|
если работаете с изображе- |
|
|
нием с высоким разрешением |
|
|
(например, 300 ppi)). Щелкните |
|
|
на кнопке OK, чтобы размыть |
|
|
часть изображения. Снимите |
|
|
выделение, нажав комбинацию |
|
|
клавиш <Ctrl+D> (<+D>). |
|
Шаг 6. В палитре Layers щелкните на слое с черной полосой и уменьшите значение Opacity, чтобы размытие оказалось более заметным (в данном случае я уменьшил значение параметра Opacity до 40%). Добавьте надпись, чтобы завершить эффект. (Примечание. Для нижней и верхней надписей использовался шрифт Eurostile Extended 2, а для надписи “midtown maggie” — Serpentine Oblique. Оба шрифта разработаны компанией Adobe.)

182 |
Хитрости и секреты работы в Photoshop CS |
|
Отражения от хромированной поверхности металла |
||
Отделение фигур |
Мое внимание привлекла эмблема телевизионного шоу BVD, и я решил |
||
людей от фона |
разобраться, как именно можно получить подобный эффект. В прошлом |
||
Если вам когда-нибудь |
для получения реалистично выглядящих хромовых отражений вам пришлось |
||
бы использовать карты смещения и другие сложные приемы, однако теперь |
|||
приходилось отделять |
|||
фигуру человека, |
имитация хромированных металлических поверхностей относится к самым |
||
одетого в темно-синюю |
простым приемам. |
||
одежду, от темного |
|
|
|
фона, вы наверняка |
|
|
|
знаете, что это практи- |
Шаг 1. Создайте новый доку- |
||
чески невозможно. |
мент с разрешением 72 ppi |
||
Это связано с тем, что |
в режиме RGB. Создайте новый |
||
контраст между различ- |
слой, щелкнув на значке Create |
||
ными цветами оказыва- |
a new layer в нижней части |
||
ется достаточно низким, |
палитры Layers. Выберите |
||
а значит, команде |
инструмент Elliptical Marquee |
||
Extract достаточно |
и, удерживая нажатой клавишу |
||
тяжело определить, где |
<Shift>, нарисуйте большую |
||
начинается один цвет, |
круглую выделенную область. |
||
а где — другой. Однако |
Нажмите клавишу <G>, чтобы |
||
в Photoshop CS у вас |
выбрать инструмент Gradi- |
||
появляются некото- |
ent, затем нажмите клавишу |
||
рые дополнительные |
<Enter> (<Return>), чтобы |
||
возможности. В диало- |
отобразить окно Gradient |
||
говом окне Extract |
Picker, показанное в верхней |
||
можно установить |
левой части рисунка. Из меню |
||
флажок Textured Image |
окна выберите набор Metals |
||
(Металлы) и щелкните на кнопке |
|||
(Текстурированное |
|||
Append, чтобы загрузить набор |
|||
изображение); благодаря |
|||
металлических градиентов. |
|||
этому команда Extract |
|||
|
|
||
будет учитывать изме- |
Шаг 2. Загрузив набор градиен- |
||
нения не только цвета, |
|||
тов Metals, выберите градиент |
|||
но и текстуры, благо- |
|||
Silver, как показано на рисунке. |
|||
даря чему вам удастся |
|||
Выберите инструмент Gradi- |
|||
добиться гораздо лучших |
|||
ent, щелкните в верхней части |
|
||
результатов. |
|
||
выделенной области и перета- |
|
||
|
|
||
|
щите градиент к нижнему краю |
|
|
|
выделенной области. Снимать |
|
|
|
выделение пока не нужно. |
|
|
|
|
|
Шаг 3. Выберите команду
Contract из меню Select Modify. В появившемся диалоговом окне задайте значение 6 и щелкните на кнопке OK, чтобы сжать выделенную область на шесть пикселей. Щелкните инструментом Gradient в нижней части уже созданного градиента и перетащите его вверх (т. е. выполните действия, противоположные тем, которые вы выполняли раньше).

Глава 5. Получение удивительных результатов с помощью стандартных средств... |
183 |
|
|
|
|
Шаг 4. Создайте новый |
|
|
слой. Выберите команду |
Как получить доступ |
|
Transform Selection из меню |
||
Select. На панели Options |
к маркерам средства |
|
задайте для параметров Width |
Free Transform |
|
(Ширина) и Height (Высота) |
Сталкивались ли вы |
|
значение 95%, как показано |
||
с такой ситуацией: после |
||
на рисунке. Нажмите клавишу |
||
вызова команды Free |
||
<Enter> (<Return>), чтобы |
||
Transform вам не удается |
||
сжать выделенную область. |
||
получить доступ к мар- |
||
|
||
|
керам ограничивающей |
|
|
рамки? В данном случае |
|
|
попробуйте нажать |
|
|
комбинацию клавиш |
|
|
<Ctrl+0> (<+0>); при |
|
Шаг 5. Щелкните на образце |
этом масштаб изобра- |
|
основного цвета в палитре |
жения уменьшится, вы |
|
инструментов и выберите |
увидите область холста, |
|
красно-коричневый цвет |
а значит, сможете |
|
(я задал следующие значе- |
добраться и до маркеров. |
|
ния: R=97, G=11, B=11). |
|
|
Залейте им выделенную |
|
|
область, нажав комбинацию |
|
|
клавиш <Alt+Backspace> |
|
|
(<Option+Delete>). Снимите |
|
|
выделение с помощью комби- |
|
|
нации клавиш <Ctrl+D> |
|
|
(<+D>). |
|
|
Шаг 6. Откройте фотографию, |
|
|
которую решили использо- |
|
|
вать при создании отражения. |
|
|
Наилучшим образом подходят |
|
|
пейзажи. При этом предпочте- |
|
|
ние следует отдавать изобра- |
|
|
жениям с большим количеством |
|
|
цветов. Нажмите клавишу <M>, |
|
|
чтобы выбрать инструмент |
|
|
Rectangular Marquee, и выде- |
|
|
лите среднюю часть фотогра- |
|
|
фии, как показано на рисунке. |
|
Шаг 7. Выберите команду
Gaussian Blur из меню Filter Blur. Увеличьте значение параметра Amount до 100,
в группе параметров Blur Method выберите переключатель Zoom, в группе параметров Quality оставьте заданный по умолчанию переключатель Good и щелкните на кнопке OK. Примените фильтр повторно, нажав комбинацию клавиш
<Ctrl+D> (<+D>). Снимать выделение еще не следует.

184 |
Хитрости и секреты работы в Photoshop CS |
||
|
|
|
|
|
|
Шаг 8. Нажмите клавишу <V>, |
|
Повторное выполнение |
чтобы выбрать инструмент |
||
Move. Щелкните на выде- |
|||
действий: скрытые |
ленной области фотографии |
||
возможности |
и перетащите ее в документ |
||
Photoshop |
с градиентом. Обратившись |
||
к палитре Layers, располо- |
|||
Если вам необходимо |
|||
жите слой с фотографией |
|||
создать копию слоя, |
|||
между слоем с красным кругом |
|||
а затем повторить какие- |
|||
и слоем с градиентами. Другими |
|||
то действия (создать ряд |
|||
словами, порядок следования |
|||
идентичных объектов, |
слоев должен быть следующий: |
||
расположенных на опре- |
фоновый слой, слой с гради- |
||
деленном расстоянии, |
ентами, слой с фотографией |
||
повернуть несколько |
и слой с красным кругом над |
||
фигур на заданный угол |
всеми остальными. |
||
и т. д.), воспользуйтесь |
|
||
следующим приемом: |
|
||
нажмите комбинацию |
Шаг 9. Нажмите комбинацию |
||
клавиш <Alt+Ctrl+T> |
клавиш <Ctrl+G> (<+G>), |
||
(<Option++T>), |
чтобы заключить фотографию |
||
чтобы активизировать |
в окружность с градиентной |
||
средство Free Transform. |
заливкой, как показано на ри- |
||
Выполните необхо- |
сунке. Для того чтобы два |
||
димые действия над |
изображения лучше сочетались |
||
первой копией объекта. |
друг с другом, измените режим |
||
При этом исходный |
наложения с Normal на Color |
||
объект изменен не будет. |
Burn, как показано на рисунке. |
||
Затем в палитре Layers щелк- |
|||
Нажмите клавишу |
|||
ните на слое с градиентами |
|||
<Enter> (<Return>), |
|||
(Layer 1). |
|||
чтобы заблокировать |
|||
|
|||
преобразование, а затем |
|
||
комбинацию клавиш |
Шаг 10. Выберите команду |
||
<Shift+Alt+Ctrl+T> |
|||
Bevel and Emboss из раскры- |
|||
(<Shift+Option++T>). |
|||
вающегося меню Add a layer |
|||
Каждый раз, когда вы |
|||
Style в нижней части палитры |
|||
это будете делать, будет |
|||
Layers. Из раскрывающегося |
|||
создаваться новый слой |
|||
списка Technique (Эффект) |
|||
с новым объектом, |
|||
выберите значение Chisel Hard, |
|||
имеющим соответствую- |
|||
увеличьте значение параметра |
|||
щие характеристики. |
|||
Depth (Глубина) до 341%, а для |
|||
|
|
||
|
|
параметра Soften (Смягчение) |
|
|
|
задайте значение 3. В группе |
|
|
|
параметров Shading установите |
|
|
|
флажок Anti-aliased (Сглажи- |
|
|
|
вание), щелкните на кнопке |
|
|
|
со стрелкой справа от поля |
|
|
|
Gloss Contour, чтобы отобра- |
|
|
|
зить окно Contour Picker |
|
|
|
(Выбор контура). Щелкните |
|
|
|
на кнопке со стрелкой в пра- |
|
|
|
вой части окна. Из появивше- |
|
|
|
гося меню выберите команду |
|
|
|
Contours (Контуры). Щелкните |
|
|
|
на кнопке OK и выберите |
|
|
|
значение Ring-Tripple, как |
|
|
|
показано на рисунке. Значение |
|
|
|
параметра Opacity для ярких |
|
|
|
оттенков задайте равным 55%. |
|
|
|
Щелкать на кнопке OK пока |
|
|
|
не следует. |
|
|
|
|