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

Глава 7. Команда молодости нашей. Специальные эффекты Photoshop

255

Шаг 4. Переместите фотогра-

фию слона в сторону и от-

Создание выделенной

кройте еще одну фотографию.

В данном случае это фотогра-

области строго задан-

фия жирафа. Выделите фигуру

ного размера (второй

жирафа (я снова воспользо-

способ)

вался инструментом Magnetic

Существует еще один

Lasso (Магнитное лассо), после

способ создания выде-

чего подкорректировал полу-

ленной области строго

ченный результат с помощью

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

инструмента Lasso). Выделив

фигуру жирафа, нажмите

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

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

Rectangular Marquee

(<+J>), чтобы перенести ее

и измените стиль

на отдельный слой.

с помощью раскрыва-

ющегося списка Style

панели Options. По умол-

чанию выбран вариант

Normal, но если вы

выберете вариант Fixed

Size (Фиксированный

размер), то сможете

указать нужные размеры

в текстовых полях Width

(Ширина) и Height

Шаг 5. Переместите фотогра-

(Высота).

Теперь, когда вы щелк-

фию жирафа в сторону и от-

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

кройте еще одну фотографию.

Rectangular Marquee,

В данном случае это фото-

сразу же будет создана

графия носорога. Выделите

выделенная область

фигуру носорога и нажмите

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

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

(<+J>), чтобы перенести ее

на отдельный слой. В резуль-

тате вы должны получить три

открытых документа, в каждом

из которых будет присутство-

вать слой с фигурой животного.

256

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

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

Как скрыть контур

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

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

Если, для того чтобы

палитры Layers. Выберите

инструмент Rectangular

скрыть тот или иной

Marquee и нарисуйте выде-

контур, вы обращаетесь

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

к палитре Paths, знайте,

части фотографии. Нажмите

что существует и более

клавишу <D>, чтобы задать

простой и быстрый

черный цвет в качестве основ-

способ сделать это.

ного. Залейте им выделенную

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

область, нажав комбинацию

клавиш <Shift+Ctrl+H>

клавиш <Alt+Backspace>

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

(<Option+Delete>), как

временно скрыть

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

контур. Для того

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

чтобы сделать контур

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

видимым, еще раз

нажмите эту комбина-

цию клавиш.

Глава 7. Команда молодости нашей. Специальные эффекты Photoshop

257

Шаг 10. Все животные распо-

ложены на отдельных слоях,

Когда использовать

которые нам необходимо

объединить в один. В палитре

флажок Colorize

Layers щелкните на верхнем

Единственная ситуация,

слое, после чего дважды

когда вам необходимо

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

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

<Ctrl+E> (<+E>). В резуль-

Colorize в диалоговом

тате все три слоя будут объеди-

окне Hue/Saturation, —

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

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

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

с которыми вы рабо-

таете, не содержат

цвет. Установив этот

флажок, вы добавите

цвет к изображению.

Если же изображение

уже содержит цвет, вам

не следует устанавливать

этот флажок, доста-

точно лишь передвинуть

ползунок Hue (Оттенок)

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

Шаг 11. Черный цвет должен

быть все еще выбран в ка-

честве основного, поэтому

вам достаточно нажать

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

<Shift+Alt+Backspace>

(<Shift+Option+Delete>),

чтобы залить фигуры животных

черным цветом, тем самым

получив силуэты, как будто

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

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

258

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

Второй пример. В данном

Как получить реалис-

случае я использовал фото-

графию велосипеда, которую

тичные цвета

перетащил в изображение неба

Для получения реалис-

с облаками, после чего залил

контур велосипеда черным

тично выглядящих

цветом и добавил надпись

цветов для таких важных

(используя шрифт American

областей, как трава,

Typewriter от компании Adobe).

волосы, небо и т.д., вам

поможет следующий

прием: откройте полно-

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

при добавлении цветов.

Благодаря использова-

нию инструмента Color

Picker (Выбор цвета) вы

можете выбрать нужный

цвет, а затем вернуться

к редактируемому изоб-

ражению.

Глава 7. Команда молодости нашей. Специальные эффекты Photoshop

259

Создание фрагмента интерфейса

Существует как минимум дюжина способов получения подобного эффекта,

Изменение режима

который позволяет накладывать на объемный объект другие подобные

представления изобра-

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

жения

немного измененными характеристиками). В результате получаются очень

Если вы откроете отска-

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

нированный штрихо-

элементов интерфейса Web-узла или видеокурса, записанного на компакт-

вой рисунок (в режиме

диске. После того как вы научитесь получать описанный ниже эффект, вы

Bitmap) в Photoshop, вам

наверняка найдете ему массу применений.

необходимо преобра-

зовать его в цветовой

режим, прежде чем

Шаг 1. Создайте новый

вы сможете добавить

к нему цвет (это кажется

документ в режиме RGB.

вполне логичным, не так

Создайте новый слой, щелкнув

ли?). Однако Photoshop

на значке Create a new layer

не позволяет выпол-

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

нить прямое преоб-

Нажмите клавишу <D>, чтобы

разование из режима

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

Bitmap в режим RGB;

основного, затем выберите

вам необходимо выпол-

инструмент Rounded Rectangle

(Прямоугольник со скруглен-

нить промежуточное

ными углами) из палитры

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

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

Grayscale. При работе

на рисунке.

в режиме Bitmap режим

RGB недоступен до тех

пор, пока вы не преоб-

Шаг 2. Щелкните на третьем

разуете изображение

значке слева на панели Options

в режим Grayscale. После

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

выбора режима Grayscale

вверху слева), чтобы создавать

из меню ImageMode

векторные фигуры. Задайте для

(ИзображениеРежим)

параметра Radius значение 20.

появится диалоговое

Нарисуйте фигуру в виде

окно, в котором вам

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

предложено указать

ными углами, как показано

отношение размеров.

на рисунке.

Оставьте значение пара-

метра Size Ratio равным

1 и щелкните на кнопке

OK, чтобы преобразовать

изображение в режим

Шаг 3. Теперь вам необхо-

Grayscale. После этого

в меню ImageMode

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

(ИзображениеРежим)

фигуры, располагая их на од-

в качестве возможного

ном слое. Добавьте небольшой

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

прямоугольник у верхнего

ным и режим RGB.

края основной фигуры, чтобы

он выступал над ней прибли-

зительно на половину, после

чего добавьте еще одну,

ориентированную по верти-

кали фигуру у правого края

основной фигуры, как показано

на рисунке. При выполнении

следующих шагов вы будете

добавлять к основной фигуре

еще несколько дополнительных

фигур меньшего размера,

тем самым формируя

интерфейс.

260

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

Шаг 4. Воспользуйтесь инстру-

Проектирование

ментом Rounded Rectangle,

чтобы добавить еще одну

рисунков

фигуру в нижней части основ-

Заливка различных

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

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

сплошным цветом

приводит к тому, что

общий результат кажется

“плоским”. Поэтому

попробуйте при заливке

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

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

переходящие от свет-

лых к темным тонам

одного цвета. Например,

выберите ярко-розовый

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

а в качестве цвета

фона — темно-розовый

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

цвет. Выделите часть

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

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

(он занимает в палитре инстру-

с линиями, создайте

ментов одну ячейку с инстру-

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

ментом Rounded Rectangle

к инструменту Gradient

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

(Градиент), нажав

создания фигур). На панели

клавишу <G>, при этом

Options для параметра Sides

обязательно выбрав

(Сторон) задайте значение 5.

градиент Background to

Нарисуйте многоугольник,

Foreground. Перетащите

подобный представленному

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

на рисунке. Если после начала

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

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

В результате этого

нажать клавишу <Spacebar>,

выделенная область

то вы сможете перемещать

покажется освещенной

фигуру непосредственно при ее

создании. Для поворота фигуры

с одной стороны, что

можно перетащить указатель

улучшит внешний вид

мыши вверх или вниз.

изображения.

Примечание. Обяза-

тельно перетаскивайте

Шаг 6. Завершите создание

в одном направлении,

основы интерфейса, добавив

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

еще несколько многоугольни-

освещение всего изобра-

ков, один слева, а второй, еще

жения с одной стороны

меньшего размера — справа,

(слева направо, сверху

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

вниз и т.д.).

После этого создание основы

интерфейса можно считать

законченным. (Между прочим,

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

один из примеров внешнего

вида интерфейса; ничто не ме-

шает вам придать интерфейсу

совершенно иной вид.)

Глава 7. Команда молодости нашей. Специальные эффекты Photoshop

261

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

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

Работа с инструментом

щелкните на слое с фигурой

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

Art History Brush

выделить фигуру. Теперь вам

Инструмент Art History

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

Brush (который в пре-

область, поэтому выберите

дыдущих версиях

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

Photoshop мы исполь-

из меню SelectModify

зовали для замены

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

традиционных приемов

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

рисования) все еще

окне задайте значение 6.

присутствует, но

в Photoshop 7 приме-

няется новый меха-

низм работы кистей,

поэтому я еще не нашел

области применения

инструмента Art History

Brush в новой версии

Шаг 8. Щелкните на кнопке OK,

программы. Но если

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

вам необходим этот

сжата на 6 пикселей. Снимать

инструмент, нажимайте

выделение еще не нужно.

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

Создайте новый слой, щелкнув

<Shift+Y> до тех пор,

на значке Create a new layer

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

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

не появится в палитре

Залейте выделенную область

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

черным цветом, нажав комбина-

месте, где обычно

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

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

(<Option+Delete>). Теперь вам

мент History Brush). Мой

предстоит применить несколько

совет: используйте кисть

стилей слоев.

небольшого размера

и рисуйте поверх сущес-

твующего изображения.

Такой подход кажется

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

может, именно по этой

причине компания

Adobe и представила

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

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

с кистями.

Shadow (Внутренняя тень)

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

a layer style (Добавить стиль

слоя) в нижней части палитры

Layers (Слои). Щелкните на об-

разце цвета, расположенном

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

списка Blend Mode (Режим

наложения). В появившемся

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

выберите темно-красный цвет

в качестве цвета тени. Затем

сбросьте флажок Use Global

Light (Использовать глобальное

освещение), для параметра

Distance (Расстояние) задайте

значение 3, а для параметра

Size (Размер) — 16.

На кнопке OK щелкать

не следует.

262

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

Шаг 10. Из списка стилей

Работа с изображе-

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

окна Layer Style (Стиль слоя)

нием: кнопка за кноп-

выберите стиль Bevel and

кой

Emboss (Скос и рельеф). Для

Существует с десяток,

параметра Size задайте значе-

ние 9, а для параметра Soften

а может быть, и больше

(Смягчение) — 2. В группе

комбинаций клавиш для

параметров Shading сбросьте

уменьшения и увеличе-

флажок Use Global Light, для

ния масштаба изобра-

параметра Angle (Угол) задайте

жения: для перехода

значение 120°, а для параметра

к инструменту Zoom

Altitude (Отношение) — 70°.

(Масштаб), выбор

Щелкните на образце цвета,

команды Fit on Screen

расположенном справа от рас-

(По ширине окна) и т.д.

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

Однако существует

Mode (Режим наложения ярких

несколько других

оттенков), и в появившемся

малоизвестных комби-

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

наций клавиш для

выберите светло-серый цвет.

перемещения по доку-

Затем выполните те же дейс-

менту, которые оказы-

твия для режима наложения

ваются очень кстати

теней, но на этот раз выберите

при работе с большими

коричневый цвет. Для пара-

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

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

соким разрешением.

для ярких оттенков задайте

Единственное требо-

значение 100%, а для теней —

вание — необходимо

66%. Щелкать на кнопке OK

работать с расширенной

еще не следует.

клавиатурой, что спра-

Шаг 11. Из списка стилей

ведливо в большинстве

случаев (расширенной

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

окна Layer Style (Стиль слоя)

клавиатурой сейчас

выберите стиль Satin (Шелк).

не оснащаются только

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

портативные компью-

Overlay (Наложение), а также

теры). Для того чтобы

светло-голубой цвет. Увеличьте

прокрутить изобра-

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

жение на один экран

до 100%. Для параметра

вверх, нажмите клавишу

Angle (Угол) задайте значение

<Page Up>. Для того

90°, для параметра Distance

чтобы прокрутить изоб-

(Расстояние) — значение 30,

ражение на один экран

а для параметра Size — 43.

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

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

<Page Down>. Для того

кой справа от образца контура,

чтобы переместиться

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

на один экран влево,

Picker (Выбор контура). Выбе-

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

рите контур Half Round, как

клавиш <Ctrl+Page

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

Up> (<+Page Up>).

вите флажок Anti-aliased (Сгла-

Для того чтобы пере-

живание). Щелкать на кнопке

меститься на один

OK еще не следует.

экран вправо, нажмите

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

Шаг 12. Из списка выберите

<Ctrl+Page Down>

стиль Color Overlay (Наложение

(<+Page Down>).

цвета). Выберите оранжевый

цвет и щелкните на кнопке

OK, чтобы применить все

выбранные стили. Нажмите

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

(<+D>), чтобы снять выде-

ление.

Глава 7. Команда молодости нашей. Специальные эффекты Photoshop

263

Шаг 13. В палитре Layers

щелкните на исходном слое

Если вам не нравится

с фигурой (это фигура боль-

шего размера, к которой еще

маска слоя, начните

не были применены никакие

сначала

стили). Расположите этот слой

Если вы применили

над всеми остальными, как

маску слоя к изображе-

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

нию, но полученный

пришло время придать фигуре

результат вам не понра-

большего размера металличес-

вился, лучше всего

кий вид.

начать с самого начала.

Существует несколько

способов сделать это.

Можно щелкнуть

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

Layers и перетащить

ее на значок мусорной

корзины, однако сущес-

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

способ, поскольку

вам не потребуется

Шаг 14. Из списка стилей

создавать новую маску

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

с помощью палитры

Layer Style (Стиль слоя) выбе-

Layers. Удерживая

рите стиль Bevel and Emboss

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

(Скос и рельеф). Увеличьте

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

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

на маске слоя, чтобы

(Глубина) до 401%. В группе

отобразить ее. Нажмите

параметров Shading сбросьте

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

флажок Use Global Light, для

<Ctrl+Backspace>

параметра Angle (Угол) задайте

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

значение 120°, а для параметра

залить маску белым

Altitude (Отношение) — 65°.

цветом. Теперь вы

Отобразите окно Contour Picker

готовы начать сначала.

и выберите контур Ring-Double.

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

Установите флажок Anti-alised.

клавишу <Alt>

Для параметра Opacity (Непро-

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

зрачность) для ярких оттен-

на маске слоя, чтобы

ков задайте значение 100%.

отобразить ее. Перета-

Щелкать на кнопке OK пока

щите градиент через

не следует.

изображение или

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

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

мом деле вы рисуете

на маске).

Шаг 15. Из списка стилей

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

окна Layer Style (Стиль

слоя) выберите стиль Pattern

Overlay (Наложение узора).

Щелкните на образце узора,

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

Picker, из меню которого

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

(Узоры). Выберите показанный

на рисунке узор Wooden Wide,

задайте для параметра Scale

значение 144% и щелкните

на кнопке OK.

264

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

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

Еще один способ

Rectangular Marquee и нари-

суйте выделенную область,

удаления кистей

подобную представленной

Еще один способ удале-

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

<Backspace> (<Delete>),

ния кистей заключается

чтобы отсечь часть верхнего

в следующем: щелк-

слоя, тем самым открыв соот-

ните правой кнопкой

ветствующую часть нижнего

мыши (комбинация

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

<Control+щелчок>)

в палитре Brushes

и из появившегося

контекстного меню

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

Brush (Удалить кисть).