В этом уроке мы создадим текст с текстурой американского флага.
Итак, создаем новый документ размером 540 х 300 пикс., расширением 72 пикс./дюйм (Файл – Новый…).
Перед тем, как написать текст, давайте изменим цвет фона. Это важный шаг, не пропускайте его! Выбираем в главном меню Редактирование – Выполнить заливку и в открывшемся диалоговом окне выбираем серый 50% (рис. 1).

Рис. 1

Шаг 2. Устанавливаем в качестве основного цвета #CAC9C9, который немного посветлее цвета фона, и берем инструмент Текст. В данном уроке я использую шрифт Cooper Std, который есть в настройках фотошопа. Если окажется, что у вас его нет, можете выбрать другой похожий шрифт. Крупным шрифтом пишем на холсте наш текст (рис. 2).

Рис. 2

Шаг 3. Теперь мы применим к нашему тексту серию предварительных эффектов слоя. Щелкаем правой кнопкой мыши по слою с текстом и выбираем Параметры наложения. Применяем все эффекты по очереди, как показано на рис. 3 - 7, уделяя особое внимание настройкам эффектов.

Рис. 3

Рис. 4

Рис. 5

Рис. 6

Рис. 7

Если вы все сделали правильно, у вас должно получиться нечто подобное: (рис. 8)

Рис. 8

Если ваш текст не похож на мой, лучше вернитесь и повторите предыдущий шаг, возможно, вы что-то пропустили.
Шаг 4. Поговорим немного о Масках смещения.
Маска смещения – это независимый черно-белый файл в формате .psd, с помощью которого определяют фрагменты изображения, подлежащие изменению. 50-процентный серый цвет, которым мы залили фон, нейтрален, что означает, что никаких изменений там быть не может. Поверхность текста с иллюзией 3D, которую мы создали с помощью свойств слоя, будет использована для «смещения» наложенного изображения (которое мы сейчас создадим). Участки темнее 50%-ного серого останутся на месте, а светлые участки поднимутся вверх. Для создания маски смещения нам необходимо сохранить файл в таком виде, как сейчас. Выбираем Файл – Сохранить как..., называем файл «Маска» и сохраняем на десктопе нашего компьютера, чтобы потом легко было его найти.
Шаг 5. Теперь давайте выберем изображение, которым хотим покрыть наш текст. Я использую американский флаг (рис. americanflag).

Рис. americanflag

Открываем в фотошопе изображение флага, нажимаем Ctrl+A, чтобы выделить его, копируем (Ctrl+C) и возвращаемся к основному холсту, на котором работаем. Вставляем флаг (Ctrl+V). Над текстовым слоем появился новый слой с изображением флага. Текст наш оказался совсем скрыт флагом, так что необходимо для продолжения работы немного уменьшить непрозрачность нового слоя (до 40%) (рис. 9).

Рис. 9

Если изображение флага больше вашего основного холста, его можно уменьшить (Редактирование – Трансформирование).
Берем инструмент Перемещение и передвигаем флаг так, как хотели бы раскрасить текст (рис. 10).

Рис. 10

Шаг 6. Теперь, когда изображение подогнано по размеру и верно расположено над нашим текстом, вернем непрозрачность слоя на 100%.
Нажимаем CTRL+A, чтобы выделить все изображение флага. Очень важно выделять в данном случае именно этим способом, т.к. если изображение больше размера документа и мы выделим НЕ ТОЛЬКО ВИДИМУЮ часть его одним из других способов выделения, то фильтр смещения применится ко всему изображению, и вряд ли вы останетесь довольны результатом. Загрузив выделение, применяем фильтр Искажение – Смещение. В диалоговом окне вписываем 5 в масштаб по горизонтали и по вертикали и отмечаем Растянуть и Вставить отсеченные фрагменты (рис. 11), нажимаем ОК. Откроется браузер файлов, находим и открываем файл, который мы выбрали в качестве Маски (рис. 12).

Рис. 11

Рис. 12

Убираем выделение (Ctrl+D). Как видите, наш флаг немного деформировался, но мы не узнаем, каков результат наложения Маски, пока не перейдем на следующий шаг.
Шаг 7. Для того, чтобы увидеть, как выглядит наш текст после смещения, нам надо склеить изображение с текстом. Для этого щелкаем правой кнопкой мыши по слою с флагом и выбираем из списка Создать обтравочную маску. Так мы обтянем текст изображением флага, и все эффекты, которые мы применяли к тексту, автоматически применились и к флагу. Обтравочная маска отмечена в панели слоев маленькой стрелкой слева, указывающий на слой, с которой она склеена (рис. 13).

Рис. 13

Шаг 8. Вернемся к слою с текстом и двойным щелчком по нему снова откроем окно стилей слоя. Выбираем Тиснение и настраиваем, как показано на рис. 14. Так мы добавим света, что сделает наш текст еще более сияющим.

Рис. 14

Шаг 9. А теперь давайте избавимся от 50% серого фона. Активируем фоновый слой в панели слоев, нажимаем D, чтобы восстановить цвета по умолчанию (черный и белый), затем X, чтобы поменять цвета местами, и Alt+Backspace, чтобы залить слой белым цветом (рис. 15).

Рис. 15

Шаг 10. Думаю, надпись будет выглядеть намного эффектнее с отражением, давайте создадим его. С активным фоновым слоем нажимаем на значок «Создать новый слой» в нижней части панели слоев, и над фоновым слоем появляется новый слой. Назовем его «отражение». Оставляя активным новый слой, удерживаем Ctrl и щелкаем по миниатюре текстового слоя, чтобы загрузить выделение (рис. 16).

Рис. 16

Шаг 11. Теперь двумя простыми щелчками по клавиатуре скопируем и вставим выделенный текст. Первым делом нажмем Ctrl+Shift+C, чтобы скопировать выделенную область во ВСЕХ слоях, тогда как если бы вы нажали Ctrl+C, скопировалась бы выделенная область ТОЛЬКО активного слоя. Теперь нажимаем Ctrl+V, чтобы вставить скопированное в новый прозрачный слой “отражение”. Если вы все сделали правильно, то на данном этапе не увидите никаких изменений, кроме появившегося в миниатюре нового слоя текста в панели слоев. Давайте переместим скопированный текст. Нажимаем Редактирование – Трансформирование – Отразить по вертикали. Скопированный текст перевернулся вверх тормашками, не так ли? Берем инструмент Перемещение (V) и, удерживая Shift, чтобы не исказить текст, берем его левой кнопкой мыши и перетаскиваем вниз так, чтобы он оказался прямо под оригинальным текстом (рис. 17).

Рис. 17

Шаг 12. Теперь мы сделаем отражение полупрозрачным с помощью маски-слоя градиента. Активируем слой «отражение», нажав на него левой кнопкой мыши, щелкаем по иконке Дбавить слой-маску в нижней части панели слоев (она выглядит как прямоугольник с кружком внутри него). Как видите, к слою “отражение” добавилась слой-маска (рис. 18).

Рис. 18

Когда мы добавляем новую слой-маску, фотошоп по умолчанию автоматически активирует маску. Это заметно по тонкой рамке вокруг миниатюры маски на слое “отражение” в панели слоев. Берем инструмент Градиент (G). В верхней панели свойств градиента устанавливаем переход от основного цвета к прозрачному, выбираем линейный градиент и наносим его на слой маску снизу вверх по тексту отражения (рис. 19).

Рис. 19

Шаг 13. Завершим работу над отражением, уменьшив непрозрачность слоя «отражение» в панели слоев до 40% (рис. 20).

Рис. 20

Шаг 14. Мы можем также добавить тень к тексту, не так ли? Давайте сделаем это. Создаем новый слой над слоем “отражение” и называем его “тень”. Загружаем выделение текста, как мы делали это в шаге 10, удерживая Ctrl и нажимая на миниатюру слоя с текстом (не забывайте, что раз мы работаем над тенью, слой “тень” должен быть активным). В этом шаге мы выделение не копируем, а просто заливаем его черным цветом (нажимаем D, чтобы восстановить цвета по умолчанию, затем – Alt+Backspace). Убираем выделение (Ctrl+D). Изменений пока не видно. Продолжим. Берем инструмент Свободное трансформирование (Ctrl+T) и тянем тень вниз, как показано на рис. 21.

Рис. 21

Шаг 15. Немного размоем тень (Фильтр – Размытие – Размытие по Гауссу, радиус 2-3 пикс.). Непрозрачность слоя уменьшаем до 60%, и наша тень готова! Итак, мы научились пользоваться Маской и Фильтром смещения. Мы создали текст, обтянутый американским флагом, с тенью и отражением. Продолжайте экспериментировать.