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

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

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

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

115

 

 

 

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

 

 

Shadow (Внутренняя тень) из вы-

Открытие изображе-

падающего меню Add a layer

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

ний с глубиной цвета

Layers. В появившемся диало-

16 бит/канал

говом окне увеличьте значение

В Photoshop 7 единствен-

параметра Opacity до 100%,

ным способом открыть

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

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

(Размер) — до 13. На кнопке OK

цвета 16 бит/канал,

щелкать не следует.

полученных с помощью

 

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

высококлассных цифро-

вых фотоаппаратов,

Stroke (Обводка) в списке

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

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

дополнительного модуля

вого окна. Увеличьте значение

параметра Size (Размер) до 10,

Camera Raw от компании

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

Adobe (или же следовало

Position (Положение) выбе-

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

рите значение Center (Центр).

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

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

мощью специального

Type (Тип заливки) выберите

программного обеспече-

значение Gradient (Градиент).

ния). Однако с выходом

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

Photoshop CS ситуация

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

кардинальным образом

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

изменилась. Открыть

градиент Copper (Медь) в окне

изображение с глуби-

Gradient Picker, как показано

ной цвета 16 бит/канал

на рисунке.

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

Шаг 6. Из списка стилей необ-

с помощью средства File

Browser, точно так же,

ходимо выбрать стиль Bevel

как вы это всегда делали,

and Emboss. Увеличьте значе-

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

ние параметра Depth (Глубина)

ями с глубиной цвета

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

8 бит/канал, — доста-

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

точно дважды щелкнуть

Anti-aliased (Сглаживание),

на значке файла, чтобы

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

открыть изображение

значение 30°. Щелкните

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

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

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

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

на кнопке Append и выберите

 

 

значение Ring-Tripple, как пока-

 

 

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

 

 

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

 

 

OK, чтобы применить к над-

 

 

писи одновременно три стиля:

 

 

внутреннюю тень, медный

 

 

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

 

 

на рисунке. Создание эффекта

 

 

уже завершено. Однако, чтобы

 

 

увидеть его во всей красе, вам

 

 

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

 

 

логотипа.

 

 

 

 

 

116

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

 

 

 

 

 

 

 

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

Выбор размера

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

7×5 дюймов. Нажмите

миниатюр

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

Средство File Browser

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

черный. Нажмите комбинацию

Photoshop CS позволяет

клавиш <Alt+Backspace>

задавать пользователь-

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

ский размер миниатюр

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

(я по достоинству

Создайте новый слой, выбе-

оценил эту возможность,

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

поскольку стандартных

Marquee и нарисуйте овальную

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

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

не было достаточно).

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

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

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

как именно это можно

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

сделать, не так просто.

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

Чтобы задать размеры

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

миниатюр, обратитесь

клавиш <Alt+Backspace>

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

(<Option+Delete>).

меню средства File

 

 

 

Browser и из меню Edit

 

 

 

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

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

Preferences. В поле Custom

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

Thumbnail Size (Поль-

чтобы снять выделение. Выбе-

зовательский размер

рите команду Stroke (Обводка)

миниатюры) укажите

из выпадающего меню Add

необходимое значение

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

(вплоть до 1024 пиксе-

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

лей). Щелкните

Layers. Увеличьте значение

на кнопке OK и выбе-

параметра Size (Размер) до 10,

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

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

Thumbnail Size из меню

Position (Положение) выберите

View.

значение Inside (Посередине),

 

 

после чего выберите ярко-

 

 

 

 

желтый цвет обводки. Щелк-

 

 

 

 

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

 

 

 

 

в списке стилей в левой части

 

 

 

 

диалогового окна Layer Style.

 

 

 

 

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

 

 

 

 

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

 

 

 

 

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

 

 

 

 

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

 

 

ней части овала, а обводку —

 

 

к его внешней части.

 

 

Шаг 10. Щелкните на слое

 

 

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

 

 

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

 

 

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

 

 

овал. Выберите команду Trans-

 

 

form Selection из меню Select.

 

 

После появления ограничива-

 

 

ющей рамки на панели Options

 

 

для параметра Width (Ширина)

 

 

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

 

 

параметра Height (Высота) —

 

 

80%. Нажмите клавишу

 

 

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

 

 

немного сжать выделенную

 

 

область.

 

 

 

 

 

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

117

 

 

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

 

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

Быстрый переход

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

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

к фоновому слою

полученную выделенную

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

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

к фоновому слою

клавиш <Alt+Backspace>

в палитре Layers,

(<Option+Delete>).

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

 

 

клавиш <Shift+Alt+[>

 

(<Shift+Option+[>).

 

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

 

к самому верхнему слою,

 

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

 

клавиш <Shift+Alt+]>

 

(<Shift+Option+]>).

 

Для быстрого перехода

 

к фоновому слою при

 

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

 

также можно щелкнуть

 

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

 

на любой части фоно-

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

вого слоя, удерживая

том Elliptical Marquee в сере-

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

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

(<>).

и перетащите ее влево, как

 

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

 

клавишу <Backspace>

 

(<Delete>), чтобы вырезать

 

“дыру” в черном овале, тем

 

самым открыв часть красного

 

овала, расположенного под

 

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

 

некоторое подобие эмблемы

 

компании Nike. Снимите

 

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

 

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

 

Шаг 13. Вернитесь к документу с надписью. Нажмите клавишу <V>, чтобы выбрать инструмент Move, и перетащите надпись в документ с изображением овалов. Надпись окажется слишком большой, поэтому нажмите комбинацию клавиш

<Ctrl+T> (<+T>), чтобы отобразить ограничивающую рамку средства Free Transfrom. Нажмите клавишу <Shift>, щелкните в угловой точке и перетащите ее “внутрь”, чтобы уменьшить масштаб надписи, как показано на рисунке. Нажмите клавишу <Enter> (<Return>), чтобы заблоки-

ровать преобразование.

118

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

 

 

 

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

Почему средство

Drop Shadow из выпадающего

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

File Browser больше

части палитры Layers. Сбросьте

не связано с панелью

флажок Use Global Angle

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

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

освещение), после чего задайте

В Photoshop 7 средство

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

File Browser было

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

доступно на панели

Distance (Расстояние) — 12.

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

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

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

добавить к надписи мягкую

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

падающую тень, как пока-

Щелкнув на соответс-

зано на рисунке. Для нижней

твующей вкладке, вы

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

могли легко отобразить

желтого цвета, выбрав команду

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

Stroke из выпадающего меню

ботать с миниатюрами

Add a layer style и щелкнув

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

на кнопке OK.

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

 

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

 

окно. Но поскольку

 

в Photoshop CS размеры

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

окна File Browser значи-

тельно увеличены,

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

его больше нельзя

ции. Введите надпись “KJAM”

прикрепить к панели

над цифрой “9” в логотипе.

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

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

выберите желтый цвет, а в ка-

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

честве фонового — красный.

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

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

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

Overlay из выпадающего меню

Options (эта кнопка

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

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

палитры Layers. В появившемся

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

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

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

градиент Foreground to Back-

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

ground. Для параметра Angle

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

задайте значение -90° и выбе-

Browser. Чтобы закрыть

рите из списка стиль Stroke.

окно, щелкните на этой

Выберите желтый цвет обводки

кнопке еще раз.

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

 

Шаг 16. Щелкните на слое

с надписью в палитре Layers. Хотя медный градиент выглядит неплохо при размещении надписи на белом фоне, на темном фоне он смотрится намного хуже. Поэтому дважды щелкните на слове Stroke. Щелкните на кнопке со стрелкой справа от образца градиента, после чего загрузите набор градиентов Metals. Выберите градиент

Silver.

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

119

 

 

 

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

 

 

OK, чтобы изменить внешний

Поиск в окне File

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

на рисунке. Если буквы надписи

Browser

плохо выделяются на фоне,

Одно из наиболее

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

понравившихся мне

из выпадающего меню Add

нововведений в средстве

a layer style. Выберите белый

File Browser программы

цвет свечения, режим наложе-

Photoshop CS — это

ния Normal, значение параметра

возможность выполнять

Spread увеличьте до 38, а пара-

поиск изображений

метра Size — до 15. Щелкните

по ключевым словам,

на кнопке OK.

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

 

 

а также целому ряду

 

других критериев. Вся

 

сложность состоит

 

в нахождении команды

 

Search (Найти). В окне

Шаг 18. Последний шаг состоит

File Browser перейдите

в согласовании масштаба всех

на вкладку Keywords

эффектов с надписью. Выбе-

(Ключевые слова)

рите команду Scale Effects

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

(Масштабировать эффекты)

списка Keywords (Ключе-

из меню LayerLayer Style

вые слова) выберите

(СлойСтиль слоя). Уменьшите

команду Search (Найти).

масштаб до 84% и щелкните

В результате на экране

на кнопке OK. Окончательный

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

результат представлен ниже.

окно, которое позво-

 

лит выполнить поиск

 

изображений по задан-

 

ным критериям. Кроме

 

того, команду Search

 

(Найти) можно найти

 

и в меню File (Файл)

 

окна File Browser.

 

 

 

120

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

 

Плакат с рекламой фильма

Создание надписи

Наверное, это один из самых популярных приемов, используемых

вдоль контура

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

Секрет создания

фильма. Кроме того, я видел результаты его применения и в других ситуациях

(например, недавно я нашел его в рекламном проспекте компании Levi’s).

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

состоит в том, что для

Получив необходимый эффект, вы сможете перенести его на любую

этого используется

фотографию.

самый обычный инстру-

 

мент Type (а не ка-

 

кой-то воображаемый

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

инструмент Text on Path

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

(Текст вдоль контура)).

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

Нарисуйте контур,

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

воспользовавшись соот-

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

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

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

ментом, например Pen,

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

после чего выберите

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

инструмент Type. При

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

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

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

на контур вид курсора

Compacta Bold от компании

изменится, указывая

Bitsream, задав значение 8%

на то, что вы можете

для параметра Horizonal Scaling

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

палитры Character.

текста.

 

Шаг 2. Откройте подходящую фотографию. Наилучшим образом подходят фотографии, содержащие множество вертикальных линий; фотографии, содержащие круглые объекты, подходят несколько меньше.

Я поэкспериментировал с несколькими фотографиями,

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

Шаг 3. Выберите команду Threshold (Порог) из меню

ImageAdjustments

(ИзображениеНастройки). В появившемся диалоговом окне Threshold (Порог) перемещайте ползунок влево до тех пор, пока фотография не пре-

вратится в набор из нескольких линий и пятен, как показано на рисунке. Получив наиболее подходящий вариант, щелкните на кнопке OK.

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

121

 

 

 

Шаг 4. Выберите инстру-

 

 

мент Magic Wand и щелкните

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

на одном из черных объектов

на фотографии (при этом

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

может быть выделен всего один

Разместив надпись вдоль

объект). Выберите команду

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

Similar (Подобные) из меню

вносить в нее любые

Select (Выделение), чтобы

изменения. Например,

выделить все объекты черного

можно изменить

цвета.

слова, междустрочный

 

 

интервал, размер,

 

шрифт и т.д. Простей-

 

ший способ сделать

 

это (после размеще-

 

ния надписи вдоль

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

контура) — перейти

к палитре Layers

Move и перетащите черные

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

и дважды щелкнуть

мент с надписью. Нажмите

на букве T напро-

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

тив текстового слоя.

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

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

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

будет выделена, а вы

средства Free Transform.

сможете внести любые

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

изменения с помощью

<Shift>, перетащите управля-

параметров палитры

ющую точку ”внутрь”, чтобы

Character (команда

фотография была только чуть

WindowCharacter).

больше надписи, как показано

 

 

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

 

 

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

 

 

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

 

 

ние.

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

<Shift+Alt+Backspace>

 

 

(<Shift+Option+Delete>),

 

 

чтобы залить фотографию

 

 

белым цветом, как показано

 

 

на рисунке. Нажмите комби-

 

 

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

 

 

(<+G>), чтобы сгруппиро-

 

 

вать фотографию с надписью.

 

 

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

 

 

ваться инструментом Move

 

 

для согласования фотографии

 

 

с надписью. После этого созда-

 

 

ние эффекта можно считать

 

 

завершенным.

 

 

Пример. Это пример исполь-

 

 

зования данного эффекта при

 

 

создании эмблемы кинокоме-

 

 

дии “American Wedding”. Ниже

 

 

мы продолжим использование

 

 

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

 

 

надписи “Blackmail”.

 

 

 

 

 

122

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

 

 

 

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

Как вернуть окно

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

ного цвета черный. Щелкните

приветствия

в палитре Layers на значке

Если вам, как и многим

сгруппированного слоя.

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

другим пользователям,

<Shift+Alt+Backspace>

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

(<Shift+Option+Delete>),

твия Photoshop CS,

чтобы залить фотографию

которое отображается

черным цветом (а не белым, как

при каждом запуске

мы делали это раньше).

программы, вы навер-

 

няка сбросили флажок

 

Show this dialog at startup

 

(Показывать это диало-

 

говое окно при загрузке)

 

в нижней части окна.

 

Однако в том случае,

 

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

 

снова увидеть это окно

 

(например, чтобы

 

увидеть список новых

Шаг 8. Откройте фотографию,

возможностей, получить

на основе которой хотите

советы и т.д.), выберите

создать плакат. В данном

команду Welcome Screen

случае мы имеем дело

(Окно приветствия)

с фотографией работника

из меню Help (Справка).

офиса, находящегося

 

в стрессовом состоянии.

Шаг 9. Создайте еще один документ с книжной ориентацией (например, 5×7 дюймов). Залейте фон черным цветом. Выберите инструмент Move

иперетащите фотографию на новый слой. Расположите

ее так, чтобы был виден только мужчина, но не компьютер. Выберите черную кисть

иобработайте изображение таким образом, чтобы скрыть стол, как показано на рисунке.

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

123

 

 

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

 

с надписью. Вам следует

Как найти пропавший

объединить слой с фотогра-

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

фильтр 3D Transform

как вы уже знаете, слияние

В Photoshop CS

текстовых слоев со слоями

компания Adobe

других типов невозможно.

решила убрать фильтр

Хитрость состоит в том, что

3D Transform из меню

сначала слои необходимо

FilterDistort, где он

связать, после чего нажать

находился в предыду-

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

щих версиях. Теперь

(<+E>), чтобы объединить

этот фильтр находится

слои. Выберите инструмент

на инсталляционном

Move и перетащите надпись

компакт-диске, как

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

и некоторые другие

Уменьшите размер надписи,

дополнительные

воспользовавшись средством

модули. Скопируйте

Free Transform.

 

файл фильтра в папку

 

Plug-Ins и перезагрузите

 

Photoshop.

Шаг 11. Последний шаг состоит в добавлении всех необходимых надписей. При создании верхней строки, содержащей только прописные буквы, использовался шрифт Trayan от компании Adobe. При создании подзаголовка использо-

вался шрифт Futura Exra Bold (также от компании Adobe), для параметра Horizontal Scaling

которого было задано значение 220%. При создании мелкого текста использовался шрифт

Helvetica Bold Condensed, а при создании надписи “Coming Soon” — шрифт Impact.

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