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

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

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

Глава 3

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

Вы представляете себе, насколько сложно принять решение о включении в настоящую главу того или иного шрифтового эффекта? Существует масса замечательных эффектов, на создание которых уходит не один час, а может, и день. Однако стоит выбрать другой шрифт, и полученный эффектнемедленнопотеряетвсюсвою привлекательность. На самом деле при разработке любого шрифтового эффектасамымсложнымоказывается именновыборшрифта.Приподготовке материаланастоящейглавыяпроделал немалуюработу,которую,надеюсь,вы оцените по достоинству.

76

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

 

“X” в стиле Jaguar

Хотите нарисовать

Когда компания Apple Computer представила “гелевое” оформление

рыбу? Нет? А как

интерфейса своей операционной системы Mac OS X, соответствующие

насчет нескольких

специальные графические эффекты очень быстро получили распространение

фруктов?

среди дизайнеров. Когда компания Apple выпустила обновленную версию

В Photoshop CS компа-

операционной системы — Mac OS X Jaguar, — соответствующие графические

решения также получили широкое признание. Однако почти во всех

ния Adobe включила

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

руководствах по Photoshop для получения данного эффекта рекомендовали

ческих кистей, которые

использовать фильтр Stained Glass (Витраж); какие именно средства для этого

позволяют... а впрочем,

использовали дизайнеры из компании Apple, мне так и не удалось узнать.

вам лучше самим

Я предлагаю вашему вниманию собственный вариант получения данного

испытать их в деле,

эффекта.

чтобы понять, что

 

именно я имею в виду

 

(эти кисти выглядят

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

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

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

однако оценить их

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

преимущества только

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

по внешнему виду очень

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

сложно). Начните с

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

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

Color Picker (я задал следу-

Brushes (команда

ющие значения параметров:

WindowBrushes), после

R=255, G=164, B=59). Нажмите

чего из меню палитры

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

Brushes выберите набор

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

Fish (Рыба). Затем

после чего введите пропис-

выберите кисть в виде

ную букву “X”, как показано

рыбы и щелкните на

на рисунке. В данном случае я

пустом слое. Нарисо-

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

вав несколько рыб,

Condensed, поскольку он очень

попробуйте нарисовать

похож на модифицированную

немного фруктов.

версию шрифта Garamond,

 

 

которую использовала компа-

 

ния Apple.

 

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

 

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

 

layer (Создать новый слой)

 

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

 

(Слои). Нажмите клавишу <L>,

 

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

 

Lasso (Лассо), после чего нари-

 

суйте первое пятно на шкуре

 

ягуара, желательно в верхней

 

левой части буквы (как пока-

 

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

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

77

 

 

Шаг 3. Добавив первую

 

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

Упорядочение кистей

клавишу <Shift> и, удержи-

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

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

еще несколько областей

местить кисть в палитре

(нажав клавишу <Shift>, вы

Brushes или окне Brush

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

Picker, вы сможете легко

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

это сделать, однако

здаете новые выделенные

изменить порядок,

области). Создайте необхо-

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

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

кисти, таким простым

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

способом вам не

для того чтобы полученные

удастся. Вместо этого

вами результаты были похожи

вам придется выбрать

на результаты дизайнеров

команду Preset Manager

Apple, постарайтесь, чтобы

из меню Edit. Из раскры-

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

вающегося меню выбе-

пересекались или охватывали

рите значение Brushes,

две части буквы.

после чего щелкайте

 

 

на кистях и перетаски-

 

вайте их на новые места.

 

Имейте в виду, что при

Шаг 4. Выберите в качестве

этом не будет доступна

основного цвета темно-корич-

кнопка Undo (Отменить)

невый (я задал следующие

или Cancel (Отмена);

значения параметров: R=53,

вы сможете щелкнуть

G=32, B=0). Залейте им полу-

только на кнопке Done

ченные пятна, нажав комбина-

(Готово). Однако не

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

стоит переживать, если

(<Option+Delete>). После

вы случайно внесете

этого снимите выделение,

изменения в стандарт-

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

ный набор кистей, — его

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

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

 

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

 

Reset Brushes (Сброс

 

кистей) из меню

 

палитры Brushes (Кисти).

Шаг 5. Чтобы пятна присутствовали только на букве “X”, сгруппируйте их с буквой на расположенном ниже слое, нажав комбинацию клавиш

<Ctrl+G> (<+D>). При этом все части пятен, выходящие за пределы буквы, будут отсечены.

В Photoshop CS в данном случае принято говорить о обтравочной маске, в то время как в Photoshop 7 использовался такой термин, как “группа с маскированием”.

78

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

 

 

 

Шаг 6. В палитре Layers можно

Как скрыть все,

заметить небольшую стре-

лочку, указывающую на то, что

но при этом иметь

слой с пятнами сгруппирован

возможность переме-

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

щать документ

женным непосредственно под

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

У вас всегда была

Выполнение этого приема

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

немного упростится, если вы

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

объедините оба слоя, однако

а также расположить

объединение обычного и текс-

фотографию по центру

тового слоев невозможно. Но

экрана на черном фоне

можно прибегнуть к следующей

(для этого необходимо

хитрости: свяжите эти два слоя,

нажать следующую

щелкнув во втором столбце

последовательность

слева от названия тексто-

клавиш — <F>, <F>,

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

<Tab>). Единственная

(Слои), и выберите из меню

проблема, которая при

палитры команду Merge Linked

этом возникала, — доку-

(Объединить связанные), чтобы

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

объединить слой с пятнами

точно по центру экрана

с текстовым слоем.

и его перемещение

 

оказывалось невозмож-

 

ным. Однако ситуация

Шаг 7. Создайте копию

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

Photoshop CS. Теперь вы

объединенного слоя (содер-

сможете легко переме-

жащего букву “X” с пятнами),

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

щать документ, причем

<Ctrl+J> (<+J>). Дополни-

даже в полноэкранном

тельный слой необходим для

режиме. Для этого

добавления цвета к изображе-

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

нию в дальнейшем, а сейчас

на документе и пере-

его можно скрыть, щелкнув

тащить его в нужном

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

направлении, нажав

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

клавишу <Spacebar>.

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

Ну разве это не подарок

чтобы активизировать его.

судьбы?

 

Шаг 8. Нажав клавишу <Ctrl> (<>), щелкните на слое

сизображением буквы “Х”

спятнами, чтобы выделить букву (как показано на рисунке). Теперь, когда выделена вся буква, вам необходимо отнять от выделенной области “ногу” буквы. Это связано

стем, что вам необходимо применить шаги 10 и 11 к каждой “ноге” отдельно. Выберите инструмент Lasso (Лассо),

а затем перейдите к следующему шагу.

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

79

 

 

 

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

 

 

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

Только для ценителей

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

вокруг верхней правой части

типографских

буквы. Она окажется “невыде-

эффектов!

ленной” (если такое слово

Если вы относитесь

вообще существует). Это стало

к ценителям типограф-

возможно именно благодаря

ской точности (а я

удерживанию клавиши <Alt>

в этом просто уверен),

(<Option>). Выполните эти

вам наверняка будет

же действия с нижней левой

приятно узнать, что

частью буквы, как показано

в Photoshop CS содер-

на рисунке. В результате выде-

жится целый ряд новых

ленной останется только одна

функций, которые

“нога” буквы.

 

по достоинству оценит

 

любой профессио-

 

нальный типограф.

 

Доступ ко всем новым

 

функциям осущест-

 

вляется с помощью

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

меню палитры Character

Noise (Добавить шум) из меню

(Символ).

FilterNoise (ФильтрШум).

 

 

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

 

 

окне Add Noise (Добавление

 

 

шума) для параметра Amount

 

 

(Степень) задайте значение

 

 

55%. В группе параметров

 

 

Distribution (Распределение)

 

 

выберите переключатель

 

 

Gaussian (Гауссово) и устано-

 

 

вите флажок Monochromatic

 

 

(Монохроматический). Щелк-

 

 

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

 

 

добавить к выделенной “ноге”

 

 

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

 

 

Снимать выделение пока

 

 

не следует.

 

 

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

 

 

Motion Blur (Размытие в дви-

 

 

жении) из меню FilterBlur

 

 

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

 

 

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

 

 

Blur (Размытие в движении)

 

 

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

 

 

положением “ноги” буквы, как

 

 

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

 

 

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

 

 

задайте значение 14, после чего

 

 

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

 

 

применить фильтр Motion Blur

 

 

(Размытие в движении) к букве.

 

 

Благодаря этому на букве

 

 

появится “мех”. Снимите

 

 

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

 

 

клавиш <Ctrl+D>

 

 

(<+D>).

 

 

 

 

 

80

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

 

 

 

Шаг 12. Теперь необходимо

Восстановление стан-

выполнить те же действия

с другой “ногой” буквы. Нажав

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

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

надписи

щелкните на слое с изображе-

Если вы внесли значи-

нием буквы с пятнами, чтобы

выделить букву. Нажмите

тельные изменения

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

в параметры строки

и с помощью инструмента

текста (например,

Lasso (Лассо) снимите выде-

вручную задали значе-

ление с частей буквы, к кото-

ния трекинга, между-

рым уже были добавлены

строчного интервала,

шум и размытие. Не забудьте

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

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

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

пересечения “ног” в центре

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

буквы. Выделенными должны

полужирное начерта-

остаться только неразмытые

ние), все значения

и “незашумленные” части

параметров сохранятся

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

в палитре Character.

 

При создании второй

 

строки текста вам вряд

 

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

Шаг 13. Примените фильтры

ливать значения всех

Add Noise и Motion Blur с теми

параметров по умол-

же значениями параметров,

чанию. Однако вы

что и при выполнении шагов

сможете сэкономить

10 и 11, однако на этот раз

массу времени, выбрав

должным образом измените

команду Reset Character

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

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

фильтра Motion Blur в соответс-

Character. Очень скоро

твии с положением “ноги”, как

вы по достоинству

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

случае для параметра Angle

оцените эту восхити-

было задано значение -63°,

тельную возможность.

а сейчас — +68°. Снимите

 

 

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

 

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

Шаг 14. Щелкните на названии слоя, нажав клавишу <Ctrl> (<>) еще раз. Выберите из палитры инструментов инструмент Dodge (Осветли-

тель), как показано на рисунке. Выберите небольшую кисть

с мягкими краями в окне Brush Picker, доступном на панели Options, после чего обработайте левые части каждой из “ног” буквы. При этом

соответствующие части буквы будут осветлены, как показано на рисунке. Для того чтобы увидеть хоть какие-нибудь изменения, вам может понадобиться применять инструмент Dodge несколько раз.

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

81

 

 

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

 

Burn (Затемнитель), который

Средство File Browser

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

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

больше не связано

Dodge, и обработайте правые

с панелью прикреп-

части каждой из “ног” буквы.

ления

При этом соответствующие

Если вы обратились

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

к панели прикрепления

а светлые будут еще больше

в поисках средства File

подчеркнуты (как показано

Browser, то очень быстро

на рисунке). Снимите выделе-

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

поймете, что его здесь

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

больше нет. Хуже всего

 

то, что в Photoshop CS

 

у вас даже нет возмож-

 

ности разместить это

 

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

 

прикрепления. Вместо

 

этого компания Adobe

Шаг 16. Теперь необходимо

добавила новую кнопку

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

повысить резкость буквы

Options (эта кнопка

“X”, чтобы подчеркнуть

расположена слева

эффект “меха”. Для этого

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

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

ния). Щелкнув на этой

Mask (Маска резкости)

кнопке, вы откроете

из меню FilterSharpen

окно средства File

(ФильтрПовышение

Browser. После появ-

резкости). В появившемся

ления данной кнопки

диалоговом окне Unsharp Mask

с соответствующей

(Маска резкости) укажите

вкладкой на панели

значение 75% для параметра

прикрепления можно

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

навсегда попрощаться.

Radius, 0 — для параметра

 

Threshold. Щелкните на кнопке

 

OK, чтобы повысить резкость

 

“меха”.

 

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

Bevel and Emboss (Скос

ирельеф) из выпадающего меню Add a layer style (Доба-

вить стиль слоя) в нижней части палитры. В появившемся диалоговом окне вам необходимо изменить значение только одного параметра. Задайте значение 9 для параметра Soften (Смягчение). Щелкните на кнопке OK, чтобы применить к букве стиль Bevel and Emboss

ипридать ей более объемный вид.

82

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

 

 

 

Шаг 18. Вы еще помните о том,

Вам необходимо

что при выполнении шага 7 мы

создали копию слоя и скрыли

выпрямить фотогра-

ее? Теперь пришло время

фию? Пусть Photoshop

“ввести ее в игру”. Щелкните

сделает это за вас!

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

Layers (Слои), чтобы активизи-

Если вам необходимо

ровать его (этот слой должен

выпрямить фотографии

быть расположен непосред-

(например, несколько

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

отсканированных изоб-

нием буквы с “мехом”, как

ражений), Photoshop CS

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

сможет выполнить все

 

необходимые действия

 

автоматически. Для

 

этого достаточно

 

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

 

and Straighten Photos

 

(Обрезать и выпрямить

 

фотографии) из меню

 

FileAutomate. Это новая

 

команда в программе,

Шаг 19. Воспользовавшись

поэтому вы не могли

видеть ее раньше.

раскрывающимся списком

 

в верхнем левом углу палитры

 

Layers (Слои), смените режим

 

наложения с Normal (Обычный)

 

на Soft Light (Мягкое освеще-

 

ние), чтобы восстановить исход-

 

ные цвета, полученные после

 

применения фильтров Motion

 

Blur и Add Noise, которые

 

немного уменьшили насыщен-

 

ность цветов.

Шаг 20. Объедините верхний слой со слоем, расположенным непосредственно под ним, нажав комбинацию клавиш

<Ctrl+E> (<+E>), соответс-

твующую команде Merge Down (Объединить с нижележащим).

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

83

 

 

 

Шаг 21. Создайте копию

 

 

объединенного слоя, нажав

Предварительный

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

(<+J>). Нажмите комби-

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

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

применения фильтра

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

При работе с диало-

вокруг буквы “X” ограничи-

говым окном фильтра

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

(за исключением филь-

Transform (Свободное преоб-

тров из состава Filter

разование). Щелкните на ней

Gallery) чаще всего вы

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

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

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

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

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

просмотра, благодаря

доступных преобразований.

которому сможете

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

(Отразить по вертикали), чтобы

оценить полученные

отобразить копию буквы “X”

результаты еще до

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

щелчка на кнопке OK.

<Enter> (<Return>).

Однако в некоторых

 

окнах присутствует

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

флажок Preview (Пред-

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

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

мент Move (Переместить). Пере-

благодаря которому

таскивайте копию буквы вниз

результаты применения

до тех пор, пока она не будет

фильтра можно оценить

лишь соприкасаться с исход-

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

ной буквой “X”, как показано

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

на рисунке. Затем нажмите

быть в том случае, если

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

вам необходимо увидеть

инструмент Gradient (Градиент).

исходное изображение,

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

чтобы оценить результат

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

применения фильтра?

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

Для этого достаточно

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

щелкнуть в области

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

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

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

просмотра и удерживать

курсора. Выберите градиент

кнопку мыши; отпус-

Black to White.

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

 

 

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

 

фильтра.

Шаг 23. Щелкните на значке

 

 

Add a layer mask (Добавить

 

 

маску слоя) в нижней части

 

 

палитры Layers, чтобы доба-

 

 

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

 

 

маске. Щелкните инструмен-

 

 

том Gradient в нижней части

 

 

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

 

 

таскивайте инструмент вверх

 

 

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

 

 

нижнего края исходной буквы.

 

 

В результате для верхней части

 

 

перевернутой буквы непро-

 

 

зрачность будет равна 100%,

 

 

а для нижней — 0%, благодаря

 

 

чему будет создаваться такое

 

 

впечатление, что буква “X”

 

 

отражается от “основания” (как

 

 

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

 

 

создание эффекта можно

 

 

считать завершенным.

 

 

 

 

 

84

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

 

Неоновая надпись в стиле грандж

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

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

от номера 01 в верх-

“Big Electric Cat”; при этом применялся фильтр Diffuse Glow (Рассеянное

нем левом углу окна

свечение), на который не обращают внимания многие пользователи

изображения

Photoshop. Однако при должном применении данный фильтр позволяет

Если вы относитесь

достичь очень неплохих результатов. Для получения эффекта выполните

следующие действия.

к тем миллионам поль-

зователей Photoshop,

 

которых раздражает

 

номер 01 в верхнем

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

левом углу окна изоб-

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

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

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

вам повезло, поскольку

и введите текст надписи. В на-

существует очень

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

простой способ убрать

“BIG”, выбрав шрифт Compacta.

этот номер. Однако

Создав новый слой, я разместил

с чем же связано его

на нем слово “ELECTRIC”, соот-

появление? Скорее

ветствующим образом умень-

всего при работе

шив размер шрифта (чтобы

слово по ширине помещалось

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

под словом “BIG”). Затем я

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

создал копию слоя со словом

Slice (Ломтик) или же

“BIG”, перетащив ее на значок

нажимали клавишу

Create a new layer (Создать

<K> для его временного

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

выбора. Как только вы

палитры Layers, после чего

это сделали, и появился

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

этот номер, поскольку

инструменте Type и ввел слово

программа полагает,

“CAT”. Для перемещения

что вы хотите разделить

слова “CAT” я воспользовался

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

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

сколько “ломтиков”.

его под словом “ELECTRIC”.

Номер отображается

 

даже после того, как

 

будет выбран другой

 

инструмент, что порой

Шаг 2. Как показано на ри-

доводит до состояния

сунке, в палитре Layers (Слои)

бешенства. Чтобы

представлены три текстовых

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

слоя, которые, как правило,

ломтика, выберите

не следует преобразовывать,

команду Slices (Ломтики)

чтобы сохранить возможность

из меню ViewShow

редактирования. Скройте

(ВидПоказать).

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

 

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

 

его названия в нижней части

 

палитры. Затем щелкните

 

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

 

чтобы создать новый слой,

 

который необходимо распо-

 

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

 

ными. Нажав клавишу <Alt>

 

(<Option>), выберите команду

 

Merge Visible (Объединить

 

видимые) из меню палитры

 

Layers (Слои), как показано

 

на рисунке.

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