Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

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

.pdf
Скачиваний:
89
Добавлен:
24.05.2014
Размер:
15.39 Mб
Скачать

Глава 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 из меню SelectModify. В появившемся диалоговом окне задайте значение 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 из меню FilterBlur. Увеличьте значение параметра 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 пока

 

 

не следует.

 

 

 

Соседние файлы в предмете Компьютерная Графика