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

Глава 5. Получение удивительных результатов с помощью стандартных средств...

165

Шаг 10. Перейдите к палитре

Layers и щелкните на слое

Не следует открывать

с красным кругом (слой

Layer 2), расположенном под

огромный файл с боль-

слоем, с которым вы только что

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

работали. Нажмите клавишу

слоев!

<Backspace> (<Delete>),

Иногда вам нужно будет

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

всего лишь взглянуть

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

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

снять выделение. Фотографию

которое сохранено

вы еще не увидите. Щелкните

на верхнем слое и уменьшите

в файле с большим

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

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

(Заливка) в верхней части

занимающем объем

палитры Layers (Слои) до 0%,

200 или 300 Мбайт, а то

как показано на рисунке, чтобы

и больше. Вам вряд ли

увидеть фотографию. (Умень-

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

шение значения параметра

изображение. Однако

Fill позволяет скрыть заливку

благодаря следующему

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

совету вы сможете легко

ния все примененные к слою

открыть сведенную

стили.)

версию изображения,

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

Шаг 11. При активном верхнем

мать намного меньше

места (а значит, на ее

слое выберите из выпадающего

загрузку уйдет меньше

меню Add a layer style в нижней

времени). Перед тем как

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

открыть файл с помо-

Drop Shadow. Увеличьте

щью команды Open

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

программы Photoshop,

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

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

Use Global Light, для параметра

клавиш <Shift+Alt>

Angle задайте значение около

(<Shift+Alt>). В появив-

90°, увеличьте значение пара-

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

метра Distance до 14, а пара-

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

метра Size — до 18.

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

ную версию изображе-

ния (при этом версия

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

останется без изме-

нений).

166

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

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

Как выполнить

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

фией. Нажмите клавишу <V>,

команду Undo через

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

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

(Переместить) и разместить

вы закрыли документ

фотографию таким образом,

чтобы лицо человека было

Вы уже наверняка

видно через вырез на кнопке

познакомились с таким

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

средством Photoshop,

Если необходимо изменить

как History, которое

размеры фотографии, нажмите

по умолчанию позволяет

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

отменить последние 20

(<+T>), чтобы отобразить

шагов. К сожалению,

ограничивающую рамку средс-

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

тва Free Transform (Свободное

с программой вы

преобразование). Удерживая

лишаетесь возможности

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

отменить действие.

перетащите угловой маркер

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

в нужном направлении, чтобы

возможность отмены

изменить размеры фотогра-

различных коррекций

фии. В результате вы получите

цветов и оттенков через

шаблон, который будете исполь-

несколько дней, недель

зовать при создании других

и даже месяцев.

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

Вот что вам необхо-

как файл Photoshop со слоями.

димо сделать: когда вы

Шаг 14. Перейдите к палитре

решите внести какие-то

Layers и скройте фоновый слой,

изменения в цвета (с

щелкнув на значке в виде глаза

помощью команд Levels,

напротив его названия. Щелк-

Brightness/Contrast, Hue/

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

Saturation, Curves, Color

чего создайте новый слой,

Balance и т.д.), не выби-

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

райте эти команды

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

из меню. Вместо этого

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

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

клавишу <Alt> (<Option>),

Fill or Adjustment Layer

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

(Создать слой заливки

(Объединить видимые) из меню

или корректирующий

палитры, как показано на ри-

слой). В появившемся

сунке. В результате новый слой

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

будет содержать сведенную

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

версию всех видимых слоев.

изменение цвета или

Шаг 15. Создайте документ,

оттенка. В палитре

который будете использовать

Layers появится новый

при создании плаката, реклам-

слой с соответствующим

ного объявления, Web-стра-

именем (например,

ницы и т.д. Нажмите клавишу

Color Balance (Баланс

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

цвета)). После того как

мент Move, затем перетащите

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

верхний слой из документа

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

с кнопкой, содержащий кнопку

откроете его, все слои

на фоне, в только что созданный

будут на месте. Чтобы

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

изменить баланс цвета,

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

дважды щелкните на со-

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

ответствующем слое.

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

и измените масштаб кнопки.

Щелкните за пределами ограни-

чивающей рамки и перетащите

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

нии, чтобы повернуть кнопку,

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

Глава 5. Получение удивительных результатов с помощью стандартных средств...

167

Шаг 16. Вернитесь к документу

с шаблоном кнопки. Удалите

Как просмотреть

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

на значок мусорной корзины

документ в заданном

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

масштабе

Layers. Точно так же посту-

Если вы хотите

пите и со слоем, содержащем

просмотреть документ

изображение фотографии.

в заданном масштабе,

Активизируйте фоновый слой,

щелкните в текстовом

щелкнув на его значке, тем

поле, расположенном

самым сделав его видимым.

в нижнем левом углу

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

окна программы, после

щелкните на верхнем слое,

чего введите нужное

чтобы отобразить выделенную

значение или нажмите

область на фоновом слое.

Откройте следующую фотогра-

клавишу <Enter>.

фию, фрагмент которой необ-

ходимо отобразить на кнопке.

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

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

выделить всю фотографию.

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

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

скопировать фотографию

в буфер обмена. Перейдите

к документу с шаблоном кнопки

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

из меню Edit.

168

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

Самый быстрый способ создания кнопок

Наложение градиента,

Это еще один пример создания зеркальных кнопок, причем данный прием

имитирующего хромо-

выполнить совсем несложно. Если вы закончите выполнение инструкции

вый эффект

на шаге 6, то на получение эффекта у вас уйдет не больше минуты. Если же

Один из стандартных

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

В любом случае полторы минуты — это намного меньше нескольких часов,

градиентов Photoshop

(Chrome) имеет практи-

необходимых для выполнения некоторых приемов.

чески такой вид, как нам

нужно, но ему свойс-

твенна та же проблема,

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

что и градиентам,

мент в режиме RGB. Создайте

созданным нами само-

новый слой, щелкнув на значке

стоятельно, — линия

Create a new layer в нижней

горизонта совершенно

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

прямая. Многие

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

художники немного

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

искривляют эту линию,

ную область овальной формы

чтобы придать градиенту

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

более естественный

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

вид. Чтобы добиться

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

такого же эффекта

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

и в Photoshop, восполь-

цвет и залейте им выделенную

зуйтесь фильтром Wave

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

клавиш <Alt+Backspace>

(Волна), который нахо-

(<Option+Delete>).

дится в подменю Distort

(Искажение). В поя-

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

Шаг 2. Снимите выделение

окне Wave уменьшите

с помощью комбинации клавиш

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

<Ctrl+D> (<+D>). Нажмите

Number of Generators

клавишу <T>, чтобы выбрать

(Количество генерато-

инструмент Type и ввести текст

ров) до 1. Уменьшите

надписи. В данном примере

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

я использовал шрифт Helvetica

Wavelength (Длина

Black Oblique, при этом для

волны) до 1, а значение

параметра Horizontal Scaling

Max увеличьте до 100.

палитры Character задав значе-

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

ние 120%.

Min параметра Amplitude

(Амплитуда) до 1, а зна-

чение Max увеличьте

до 6. Значения всех

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

Шаг 3. Щелкните в палитре

оставьте заданными

Layers на слое с изобра-

по умолчанию и щелк-

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

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

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

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

(<>), чтобы выделить овал.

фильтр.

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

(Сжать) из меню SelectModify

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

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

окне Contract Selection введите

значение 10, как показано

на рисунке, чтобы сжать выде-

ленную область на 10 пикселей

(при работе с изображениями

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

например 300 ppi, необходимо

указывать значение 40 пиксе-

лей). Щелкните на кнопке OK.

Глава 5. Получение удивительных результатов с помощью стандартных средств...

169

Шаг 4. Нажмите клавиши <D>

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

Какой же градиент

тве основного цвета белый.

Нажмите клавишу <G> для

редактировать?

выбора инструмента Gradient.

При создании гради-

Расположив курсор в окне

ентов вам всегда

изображения, нажмите клавишу

приходится начинать

<Enter> (<Return>), чтобы

с готового варианта

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

(здесь я имею в виду то,

Picker, как показано на ри-

что при открытии диало-

сунке. Выберите второй стан-

гового окна Gradient

дартный градиент (Foreground

Editor сразу загружается

to Transparent), как показано

набор готовых гради-

на рисунке.

ентов). И это не очень

хорошо, поскольку все

происходит практи-

чески наоборот, а не так,

как вы подумали. Вы

полагаете, что после

щелчка на кнопке New

(Создать) вы получите

некоторую отправную

точку, однако на самом

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

деле вы открываете

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

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

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

Editor и можете изме-

Layers. Затем перетащите

нить градиент, который

инструмент Gradient от верх-

использовали послед-

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

ним. И только внеся все

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

необходимые изменения

на рисунке.

и получив подходящий

результат, вы можете

щелкнуть на кнопке

New (Создать), чтобы

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

Так какой же градиент

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

нии нового? Я всегда

начинаю с третьего

стандартного варианта

во второй строке. Это

градиент Black to White,

вносить изменения

в который намного

проще, чем в градиент

Шаг 6. Снимите выделение,

Foreground to Background

(это первый вариант

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

в списке), по целому

<Ctrl+D> (<+D>). В палитре

ряду причин, о которых

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

у меня, к сожалению,

параметра Opacity до 70%.

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

На данном шаге можно вполне

зать. Поверьте мне,

остановиться и считать созда-

что вносить изменения

ние эффекта законченным, но

если вы хотите добавить допол-

в градиент Black to White

нительные детали, например

намного проще.

тень, перейдите к следующему

шагу.

170

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

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

Использование

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

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

фильтра Find Edges

Layers. Перейдите к палитре

Я часто использую

Layers и, удерживая нажатой

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

фильтр Find Edges для

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

превращения фото-

его выделения (как показано

графии в имитацию

на рисунке).

рисунка. Все, что необ-

ходимо сделать, — это

всего лишь запустить

фильтр (команда

FilterStylizeFind

Edges), который заме-

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

с поставленной задачей.

Однако при этом может

возникнуть проблема,

связанная с излишней

насыщенностью неко-

торых цветов. Для ее

решения достаточно

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

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

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

Desaturate из меню

мент Brush (Кисть), после

ImageAdjustments

чего выберите мягкую кисть

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

размером 70 пикселей (а то

Настройка), чтобы

и больше) из окна Brush Picker,

удалить лишние цвета

доступного на панели Options.

и превратить фотогра-

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

фию в черно-белый

задать в качестве основного

рисунок.

цвета черный, и обработайте

нижнюю часть выделенной

области, как показано на ри-

сунке. Снимите выделение,

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

<Ctrl+D> (<+D>).

Глава 5. Получение удивительных результатов с помощью стандартных средств...

171

Star Trek, или футуристический дизайн

Телесериал “Star Trek”, в котором использовался целый ряд элементов

Зачем выбирать моно-

футуристического внешнего вида, например всевозможные компьютерные

хромный шум?

панели, смотрится достаточно интересно и сейчас. Для получения настоящего

Каждый раз, когда мы

эффекта, который позволит вам создать шаблон для применения в самых

используем фильтр

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

Add Noise (Добавить

шум) (команда Filter

NoiseAdd Noise), мы

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

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

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

Monochromatic (Моно-

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

хромный) в диалоговом

задать в качестве основного

окне Add Noise (Доба-

черный цвет. Залейте им

вить шум). А если этот

фон, нажав комбинацию

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

клавиш <Alt+Backspace>

вы получите комбина-

(<Option+Delete>). Выберите

цию точек красного,

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

зеленого и синего

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

цветов.

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

новый слой, щелкнув на значке

Create a new layer в нижней

части палитры Layers.

172

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

Шаг 4. Нажмите клавишу <M>,

Добавление расшире-

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

Rectangular Marquee. Щелк-

ний имен файлов

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

Этот совет предназна-

и перетащите ее вверх и вправо,

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

чен для пользователей

Основная причина для выбора

Mac OS 9.x и более

инструмента Rectangular

ранних версий

Marquee состоит в том, что он

этой операционной

позволяет перемещать только

системы. При работе

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

с Photoshop эти поль-

содержимое.

зователи часто не до-

бавляют трехбуквенные

расширения к именам

файлов, поскольку

при работе на плат-

форме Macintosh это

необязательно. Однако

при обмене файлами

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

работающими на ком-

пьютерах с Windows,

расширение к имени

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

файла добавлять нужно.

<Backspace> (<Delete>),

Существует специаль-

чтобы “вырезать” содержи-

ный параметр, добав-

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

ляющий расширения

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

файлов автоматически,

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

однако если вам нужно

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

добавить расширение

только к нескольким

файлам, при указании

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

окне Save As (Сохранить

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

<Option>, чтобы заста-

вить Photoshop добавить

расширение к имени

файла.

Глава 5. Получение удивительных результатов с помощью стандартных средств...

173

Шаг 7. Воспользуйтесь тем же

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

Прозрачные градиенты

большой прямоугольной выде-

ленной области вокруг нижней

В большинстве случаев

части фигуры, как показано

мы или используем

на рисунке.

градиент Foreground

to Background, или

создаем собственные

градиенты, однако

самым интересным

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

Foreground to Transpa-

rent. При выборе этого

варианта градиента и его

использовании в доку-

менте он добавляет

переход от цвета перед-

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

него плана к прозрач-

ному (на что и указывает

клавишу <Ctrl> (<>), трижды

его название).

нажмите клавишу <↓>. В ре-

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

будет смещена вниз, а значит,

между двумя частями фигуры

появится зазор. Выберите

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

более светлый оттенок синего

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

R=173, B=196, G=255), после

чего залейте им выделенную

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

клавиш <Alt+Backspace>

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

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

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

Шаг 9. Нажмите комбина-

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

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

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

рамку Free Transform в ре-

жиме копирования. Щелкните

на ограничивающей рамке

правой кнопкой мыши (комби-

нация <Control+щелчок>)

и выберите из появившегося

контекстного меню команду

Flip Vertical (Перевернуть

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

на рисунке, чтобы переверну-

тая копия фигуры появилась

на отдельном слое. Удерживая

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

щелкните на ограничивающей

рамке и перетащите копию

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

под исходной фигурой таким

образом, чтобы между ними

появился зазор.

174

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

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

Поиск нужного гради-

<Enter> (<Return>), чтобы

заблокировать преобразова-

ента

ние. Нажмите клавишу <W>

При использовании

для выбора инструмента Magic

Wand. Щелкните на нижней

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

половине полученной составной

вы можете получить

фигуры, чтобы выделить ее.

доступ ко встроенным

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

стандартным градиентам

цвета розовый (я задал следу-

(а также к градиентам,

ющие значения: R=206, B=156,

созданным вручную)

G=206) и залейте им верхнюю

в окне Gradient Picker

часть фигуры, нажав комбина-

(Выбор градиентов).

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

Для отображения этого

(<Option+Delete>). Выделите

окна необходимо щелк-

нижний квадрат (воспользо-

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

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

кой, расположенной

Wand) и залейте его фиоле-

справа от образца гради-

товым цветом (R=126, B=122,

ента на панели Options.

G=201). Снимите выделение,

По умолчанию самым

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

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

<Ctrl+D> (<+D>).

является Foreground to

Background. Этот образец

градиента, помимо

всего прочего, позво-

Шаг 11. В палитре Layers щелк-

ляет определить, какие

ните на исходном слое (с голу-

именно цвета фона и пе-

бой заливкой). При выполнении

реднего плана выбраны

следующего шага вам необхо-

в настоящее время.

димо добавить надпись, однако

прежде всего давайте закруг-

лим края. Для этого выберите

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

и выделите правый край

фигуры, как показано на ри-

сунке. Благодаря этому правый

край верхней фигуры окажется

закругленным.