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

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

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

Глава 3. Восхитительная надпись. Крутые шрифтовые эффекты

85

 

 

 

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

 

 

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

Как определить

создайте объединенную версию

всех текстовых слоев с прозрач-

глубину цвета изобра-

ным фоном. Затем нажмите

жения

клавиши <D> и <X>, чтобы

Вы не уверены в том,

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

какая глубина цвета

цвета белый, после чего

задана для изображения,

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

с которым работаете

<Shift+Alt+Backspace>

(8 или 16 бит/канал)?

(<Shift+Option+Delete>),

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

чтобы заполнить надпись “BIG

заголовка окна доку-

ELECTRIC CAT” белым цветом,

мента. Соответствующие

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

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

 

 

редственно после цвето-

 

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

 

RGB/8 или RGB/16).

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

 

 

Diffuse Glow из меню

 

 

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

 

 

диалоговом окне для пара-

 

 

метра Graininess (Зернистость)

 

 

задайте значение 6, для пара-

 

 

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

 

 

свечения) — 10, а для пара-

 

 

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

 

 

растворения) — 15 (как

 

 

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

 

 

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

 

 

В результате надпись приобре-

 

 

тет черный цвет, а ее края будут

 

 

постепенно “растворяться”.

 

 

(Примечание: при работе

 

 

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

 

 

разрешением (около 300 dpi)

 

 

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

 

 

(Зернистость) следует задать

 

 

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

 

 

Amount — 17, а для параметра

 

 

Clear Amount — 19.)

 

 

Шаг 5. Щелкните на кнопке

 

 

OK, чтобы применить эффект

 

 

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

 

 

Layers и активизируйте фоно-

 

 

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

 

 

значке (он при этом также

 

 

станет видимым), чтобы полу-

 

 

чить результат, представленный

 

 

на рисунке. Хотя создание

 

 

эффекта можно считать завер-

 

 

шенным, можете попробовать

 

 

создать его вариации, описан-

 

 

ные ниже.

 

 

 

 

 

86

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

 

 

 

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

Форматирование

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

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

специальных символов

после чего убедитесь в том,

Для целого ряда функ-

что фоновый слой остался

активным. Нажмите комбина-

ций форматирования

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

(верхний и нижний

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

индекс, подчеркивание

залить фоновый цвет черным.

и т.д.) теперь доступны

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

специальные комбина-

(содержащем надпись с приме-

ции клавиш, подобные

ненным эффектом) и нажмите

тем, которые использу-

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

ются в Adobe InDesign

(<+I>), чтобы инвертировать

и Adobe Illustrator (это

изображение, т.е. получить

неудивительно, не так

белую надпись на черном фоне,

ли?). Например, для

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

форматирования числа

 

как верхнего индекса

 

выделите его и на-

 

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

 

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

 

(<Shift+++>). Для

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

получения списка

Pinch из меню FilterDistort

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

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

отобразите палитру

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

Character, введите какой-

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

то текст и откройте

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

меню палитры. Все

до 35%. (Примечание: при

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

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

будут отображены

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

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

300 dpi) для параметра Amount

щих команд.

следует задать значение 80%.)

Шаг 8. Щелкните на кнопке OK, чтобы применить фильтр Pinch

иполучить надпись с эффектом перспективы в верхней

инижней частях, как показано на рисунке.

Глава 3. Восхитительная надпись. Крутые шрифтовые эффекты

87

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

 

Нет более эффектного и простого приема, чем этот! Он позволяет очень

Медленное смещение

быстро получить интересный шрифтовой эффект. При этом надпись

слоев

остается совершенно “читабельной”, однако края букв кажутся объемными,

Вы можете медленно

а внутренние части содержат тени. Особенно эффектно полученная надпись

смещать слои на еди-

выглядит на белом фоне.

ницы пикселей, выбрав

 

инструмент Move

 

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

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

клавишу <V>). Затем

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

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

шением 72 ppi. Щелкните

шами со стрелками для

на образце основного цвета

перемещения слоев

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

в нужном направлении.

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

 

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

 

серый цвет. Заполните им

 

фоновый слой, нажав комбина-

 

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

 

(<Option+Delete>). Нажмите

 

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

 

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

 

ного цвета белый. Выберите

 

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

 

надпись. (В данном случае я

 

выбрал шрифт Helvetica Black,

 

для которого задал масштаб

 

по горизонтали (параметр

 

Horizontal Scaling) равным

 

120%, обратившись к палитре

 

Character.)

 

Шаг 2. Выберите команду Drop Shadow (Падающая тень) из выпадающего меню Add a layer style в нижней части палитры Layers. В появившемся диалоговом окне увеличьте значение параметра Opacity (Непрозрачность) до 100%. (Примечание: при работе с изображениями с высоким разрешением (около 300 dpi) для параметров

Distance (Расстояние) и Size

(Размер) следует задать значение 21.) Щелкать на кнопке OK пока не следует, поскольку при выполнении следующего шага вы примените еще один стиль слоя.

88

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

 

 

 

Шаг 3. В списке стилей щелк-

Как избавиться

ните на пункте Inner Shadow

(Внутренняя тень). В появив-

от диалогового окна

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

Практически всегда

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

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

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

до 100%. (Примечание: при

вым окном в Photoshop

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

вы можете быстро его

высокого разрешения (около

скрыть, нажав клавишу

300 dpi) для параметров

<Esc>. (При этом

Distance (Расстояние) и Size

никакие внесенные

(Размер) следует задать значе-

изменения не приме-

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

няются, точно так же,

OK, чтобы применить оба стиля

как и после щелчка

к надписи.

на кнопке Cancel

 

(Отмена).)

 

 

Шаг 4. Для получения других

 

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

 

текстовый слой “Freaks”, нажав

 

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

 

(<+J>). Воспользуйтесь

 

инструментом Move, чтобы

 

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

 

над словом “Freaks”. Выделите

 

надпись на копии слоя с помо-

 

щью инструмента Type и вве-

 

дите новое слово. Поскольку

 

речь идет о текстовом слое, для

 

уменьшения размера шрифта

 

надпись достаточно выделить,

 

после чего изменить значения

 

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

 

на панели Options или в палитре

 

Character. В конечном итоге

 

новое слово должно поме-

 

щаться между буквами “F”

 

и “k”.

Шаг 5. Повторите шаг 4, чтобы добавить дополнительные строки текста. Для завершения эффекта щелкните на значке фонового слоя

в палитре Layers, после чего нажмите клавишу <D>, чтобы восстановить стандартные основной и фоновый цвета. Нажмите комбинацию клавиш

<Ctrl+A> (<+A>), чтобы выделить серый фон, затем нажмите клавишу <Backspace> (<Delete>), чтобы получить белый фон, как показано на рисунке.

Глава 3. Восхитительная надпись. Крутые шрифтовые эффекты

89

Готическая надпись

 

Тот факт, что в фильмах о Гарри Поттере используются специальные

Градиенты

эффекты, вряд ли вызовет у кого-то сомнение. Однако я хотел бы обратить

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

ваше внимание на логотип фильмов. В данном случае очень удачным является

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

применение стилей слоев. Самое удивительное в данном эффекте состоит

Gradient Editor (Редак-

в том, что при его создании используется всего одно диалоговое окно Layer

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

Style (Стиль слоя). Итак, давайте рассмотрим, как превратить самую простую

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

надпись в восхитительный эффект.

Gradient и щелкните

 

на образце градиента

 

на панели Options.

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

• Для добавления

нового оттенка

мент в режиме RGB с разреше-

к градиенту щелкните

нием 300 ppi. Нажмите клавишу

в любом месте под

<D>, чтобы задать черный

полосой цветов.

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

• Для удаления оттенка

Залейте фоновый слой черным

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

щелкните на нем и пе-

клавиш <Alt+Backspace>

ретащите вниз.

(<Option+Delete>). Щелкните

• Для изменения

на образце фонового слоя

оттенка любого

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

из образцов дважды

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

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

Color Picker серый цвет, после

• Для изменения

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

 

параметра Opacity

 

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

 

с цифрами (2 соответ-

 

ствует 20%, 3 — 30%,

 

и т.д.) при активном

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

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

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

• Для изменения

Type, и введите текст надписи

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

(в данном случае использо-

на палитре Gradient

вался бесплатный шрифт Harry

нажимайте комби-

Potter). Чтобы подобрать

нацию клавиш

подходящий шрифт, вам

<Shift++> при актив-

необходимо немного поэкспе-

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

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

Gradient.

относительно базовой линии,

• Для удаления гради-

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

ента щелкните

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

правой кнопкой

ментировали с буквой “n”).

 

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

 

<Control+щелчок>).

 

Затем щелкните

 

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

 

Gradient Picker (Выбор

Шаг 3. Некоторые буквы,

градиента) или Gradi-

например “n” в слове “Henry”

ent Editor (Редактор

или “e” в слове “Poster”,

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

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

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

размером, поэтому их следует

Gradient (Удалить

выделить, после чего уменьшить

градиент) из контекст-

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

ного меню.

Options или палитре Character.

 

(Для всех букв был задан

 

размер 90 пунктов, а для этих

 

двух — 60.)

 

90

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

 

 

 

 

 

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

Вам нужны крутые

Bevel and Emboss из выпада-

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

металлические гради-

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

енты? Они уже у вас

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

есть!

Technique (Эффект) выберите

значение Chisel Hard, увеличьте

Если вам нужен метал-

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

лический градиент,

(Глубина) до 251%, а параметра

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

Size (Размер) — 27. (Приме-

его с нуля, поскольку

чание: при работе с изображе-

он есть в библиотеке

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

стандартных градиен-

(около 72 dpi) для параметра

тов. Вам нужно всего

Size следует задать значение 6.)

лишь ее загрузить.

В группе параметров Shading

Вы сможете загрузить

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

библиотеку градиентов

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

в окно Gradient Picker

Altitude — 42°. Щелкните

(Выбор градиента). Для

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

этого сначала выберите

от поля Gloss Contour, чтобы

инструмент Gradient

отобразить окно Contour Picker

(Градиент), а затем

(Выбор контура). Щелкните

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

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

со стрелкой, направлен-

вой части окна. Из появивше-

ной вниз, расположен-

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

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

Contours (Контуры). Щелкните

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

на кнопке OK, выберите значе-

Options. В нижнем

ние Peaks (Пики), как пока-

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

правом углу отобразив-

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

шегося окна Gradient

вание). Из раскрывающегося

Picker вы увидите кнопку

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

со стрелкой, за которой

наложения ярких оттенков)

скрывается контекстное

выберите значение Color Dodge

меню. Щелкните на ней,

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

чтобы отобразить список

на соответствующем образце

доступных стандартных

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

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

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

любого из которых

окне Color Picker (в данном

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

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

из меню.

значения: R=224, G=193, B=8).

Для загрузки металли-

 

ческих градиентов выбе-

Шаг 5. Щелкните на пункте

рите из списка вариант

Color Overlay в списке Styles

Metals (Металлы).

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

Photoshop поинтересу-

Layer Style, чтобы отобразить

ется у вас, действительно

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

ли вы хотите заменить

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

текущий набор гради-

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

ентов новым или хотите

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

добавить его к текущему

окне Color Picker (в данном

набору. Как видите, это

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

совсем просто.

значения: R=208, G=119, B=8).

 

 

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

 

 

чтобы придать надписи замеча-

 

 

тельный внешний вид.

 

 

 

Глава 3. Восхитительная надпись. Крутые шрифтовые эффекты

91

Надпись с эффектом перспективы

 

Когда телекомпания UPN TV представила свой новый логотип, я предположил,

Большие изображения

что при его создании использовалась программа 3D-моделирования. Однако

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

благодаря команде Distort средства Free Transform тех же результатов можно

тельного просмотра

добиться и с помощью Photoshop.

окна Filter Gallery

 

Область предваритель-

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

ного просмотра в окне

Filter Gallery достаточно

мент в режиме RGB. Щелкните

велика, однако ничто

на образце основного цвета

не мешает вам еще

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

больше увеличить ее

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

размеры. Во-первых,

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

можно увеличить

Picker. Залейте фон этим

размеры самого окна —

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

достаточно щелкнуть

клавиш <Alt+Backspace>

в нижнем правом углу

(<Option+Delete>). Нажмите

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

клавиши <D> и <X>, чтобы

в нужном направле-

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

нии. Во-вторых, можно

цвета белый. Нажмите клавишу

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

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

со стрелкой, располо-

мент Type (Надпись), после

женной рядом с кнопкой

чего введите надпись. В данном

OK. В результате область

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

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

Aurora Condensed от компания

просмотра увеличится.

Bitstream.

Различные фильтры

 

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

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

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

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

ного непосредственно

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

под кнопкой Cancel

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

(Отмена).

клавиш <Shift+M>, чтобы

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

 

Marquee (Овальная надпись).

 

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

 

<Shift>, нарисуйте выделен-

 

ную область сферической

 

формы, охватывающую

 

надпись, как показано на ри-

 

сунке.

 

Шаг 3. Выберите команду Stroke (Обводка) из меню Edit (Правка). В появившемся диалоговом окне Stroke (Обводка) задайте значение 16

для параметра Width (Ширина), выберите переключатель Center (Центр) в группе параметров Location (Расположение), выберите белый цвет и щелкните

на кнопке OK. В результате к сферической выделенной области будет добавлена обводка белого цвета.

92

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

 

 

 

 

 

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

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

клавиш <Ctrl+D>, чтобы снять

выделение. Объедините текс-

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

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

Если вы создали

жением окружности, щелкнув

сначала во втором столбце

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

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

то сможете сделать ее

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

на несколько пикселей

два слоя, и нажав комбинацию

шире или уже, выбрав

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

команду ModifyExpand

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

(ИзменитьРасширить),

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

чтобы увеличить

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

размер выделенной

чивающую рамку средства

области, или команду

Free Transform, как показано

ModifyContract

на рисунке.

(ИзменитьСжать),

 

чтобы уменьшить размер

 

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

 

из меню Select (Выде-

 

ление). Однако при

 

использовании этих

 

команд есть небольшой

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

нюанс: при указании

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

слишком больших

щелкните в верхней правой

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

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

резких краев выделен-

после чего перетащите ее

ной области — они будут

вниз и вправо, как показано

сглаженными. Для того

на рисунке.

чтобы увидеть, что я

 

имею в виду, выберите

 

команду ModifyExpand

 

из меню Select.

 

Укажите значение 15

 

(максимально допус-

 

тимое значение 100),

 

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

 

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

 

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

 

области — они окажутся

 

скругленными. Способа

 

решения этой проблемы

 

я еще не нашел. При

 

расширении выделен-

 

ных областей я просто

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

не указываю значения

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

больше 3-4 пикселей.

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

 

 

 

 

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

 

 

 

Глава 3. Восхитительная надпись. Крутые шрифтовые эффекты

93

Черненый хром

 

Это один из приемов, которые я описал в своей колонке Down & Dirty Tricks

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

журнала Photoshop User. Я дал ему название “Черненый хром”, однако

фильтра Clouds

на самом деле “хромированным” оказываются только скосы по краям черных

Фильтр Clouds (Облака)

букв. Данный прием позволяет достичь наилучших результатов в том случае,

позволяет получать

если сначала создать документ большого размера, а затем уменьшить его

случайный узор, осно-

размер должным образом уже после создания эффекта.

ванный на текущем

 

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

 

Получаемые “облака”,

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

как правило, достаточно

мент в режиме RGB (в данном

светлые, поэтому, если

случае я создал документ

вам нужно получить

размером 7×5 дюймов с раз-

темные облака, исполь-

решением 150 ppi). Щелкните

зуйте фильтр Difference

на образце основного цвета

Clouds, а не Clouds.

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

 

рите серый цвет в диалоговом

 

окне Color Picker. Нажмите

 

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

 

инструмент Type (Надпись),

 

и введите надпись очень боль-

 

шого размера. В данном случае

 

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

 

от компании House Industries,

 

для которого задал размер

 

185 пунктов. Затем вам следует

 

выделить надпись.

 

Шаг 2. Нажав клавишу <Ctrl> (<>), щелкните на текстовом слое в палитре Layers, чтобы выделить надпись, как показано на рисунке. Выберите команду

Save Selection (Сохранить выделенную область) из меню Select (Выделение). В появившемся диалоговом окне Save Selection щелкните на кнопке

OK.

94

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

 

 

 

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

Почему окно Color

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

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

Picker выглядит не так

Скройте текстовый слой,

Если вы щелкнете

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

глаза напротив его названия

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

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

фона или переднего

к палитре Channels и щелкните

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

на канале Alpha 1, содержа-

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

щем сохраненную выделенную

а открывшееся окно

область. Выберите команду

выглядит не так, как

Gaussian Blur (Гауссово

обычно, вы наверняка

размытие) из меню FilterBlur

изменили параметры

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

окна Color Picker.

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

Нажмите комбина-

укажите значение 5, после чего

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

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

(<+K>), чтобы отобра-

размыть канал.

зить страницу General

 

(Общие) диалогового

 

окна Preferences (Уста-

 

новки). Убедитесь в том,

Шаг 4. Вернитесь к палитре

что в раскрывающемся

Layers и активизируйте

списке Color Picker

фоновый слой, щелкнув на его

выбран вариант Adobe.

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

 

Lighting Effects (Эффекты осве-

 

щения) из меню FilterRender

 

(ФильтрПреобразовать).

 

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

 

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

 

списка Texture Channel

 

(Канал текстуры) выберите

 

значение Alpha 1 (как пока-

 

зано на рисунке) и щелкните

 

на кнопке OK.

Шаг 5. После щелчка на кнопке OK на фоновом слое появится рельефный вариант надписи.

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

<Ctrl+M> (<+M>), чтобы отобразить диалоговое окно Curves (Кривые). Вам необходимо создать кривую, которая представлена на рисунке (не переживайте — это совсем

несложно). Щелкните в нижней левой части диалогового окна на диагональной лини, чтобы добавить точку, после чего щелкните в этой точке и перетащите ее вверх. Добавьте еще одну точку в верхней правой части кривой и перетащите вниз, чтобы добавить хромовый эффект к фоновому слою. Щелкните на кнопке OK.

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