Patriotic Text Using Displacement Masks
В
этом уроке я покажу вам неольшой красивый текстовый эффект, а также
обучу основам работы с масками смещения (Displacement Masks)
1.
Для начала создадим наш документ. Жмем File>New из главного меню. Мы
будем работать с документом размером 540px x 300px x 72dpi. Прежде, чем
мы напишем текст, изменим цвет фона, это важно для следующих шагов, так
что не пропускайте! Жмем Edit>Fill и в диалоговом окне из
выпадающего меню выбирите 50% Gray.
2. Поставьте цвет переднего плана #CAC9C9 - светло серый и выбирите инструмент
. Я использовал шрифт Cooper Std, но вы, конечно же можете использовать любой другой, (этот шрифт бесплатно можно скачать
здесь). Это жороший, толстый шрифт и наши эффекты будут на нем виднее.
Установите большой размер шрифта и напишите свой текст.
3.
Добавим некоторые эффекты слоя к нашему тесту, эти эффекты будут
придавать форму и в будущем пригодятся при применении Displace.
Выбирите
диалог Layer Styles (правый клик на текстовом слое в палитре Layers,
там Blending Options). Установите все пункты, как на примерах с этими
же настройками. Если в результате текст не похож на мой, отмените все и
попробуйте снова - видимо вы что то пропустили.
4. Если вы всё сделали правильно, текст должен выглядеть так, если этого не случилось - см шаг 3.
5. Небольшое введение в Displacement Masks
Displacement
Masks использует отдельно черные и белые учатки psd файла для создания
искажений изображения. 50% серый (который мы сделали фоном)-
нейтральный цвет, он не добавляет искажений. Выглядящее трехменрным
изображение, которое мы создали добавлением эффектов к тексту будет
использоваться в displace при наложении изображения (займемся этим
через минуту). Более темные, чем 50% серого области будут "утаплять"
изображение, более светлые - поднимать.
Что бы создать маску
смещения, мы должны сохранить файл. Идем к File>Save As, называем
файл Mask (ну или как захотите, лишь бы запомнили). Можете сохранить
файл на рабочий стол, или в папку, местонахождение которой вы не
забудете, позже нам очень понадобится этот файл.
6.
Итак, развлекаемся дальше. Вы должны выбрать изображение, которым
будете перекрывать текст. Я решил использовать американский флаг и в
гугле нашел
его.
Откройте изображение в ФШ, жмем Ctrl+A (выделить всё), ctrl+C
(скопировть) и закрываем изображение флага. Возвращаемся к рабочему
документу, Ctrl-V (вставить). Новый слой, который появился над текстом
больше, чем наше изображение. Сейчас наш текст полностью закрыт флагом.
Перейдем к палитре Layers и снизим Opacity слоя до 40%, теперь мы можем
видеть текст сквозь флаг.
Теперь мы должны разместить наше
изображение, используем для этого Free Transform (ctrl+T). Удерживая
shift для сохранения пропорций за уголки уменьшаем наше изображение и
размещаем его как захотим. Для завершения трансформации нажмите Enter.
7.
Теперь, когда изображение уменьшено и правильно размещено, поставьте
Opacity слоя обратно 100%. Нажмите ctrl+A. Это очень важно, если только
что уменьшеное изображение все-таки выступает за рамки холста, иначе
фильтр displace применится ко всему изображению и вы будете
неудовлетворены результатом.
Не снимая выделения переходим к
Filter>Distort>Displace. Когда откроется диалоговое окно фильра
установите Horizontal и Vertical Scale = 5 и убедитесь, что выбраны
пункты Stretch To Fit и Wrap Around затем жмем OK. После этого должно
появиться окно открытия файлов. в котором мы должны найти наш файл
Mask.psd, созданый ранее.
ctrl+D для снятия выделения. Вы должны
заметить, тчо на изображении появились некие колебания, но насколько
хорош результат мы узнаем в следующем шаге.
8.
Чтобы увидеть результаты мы должны обрезать изображение по тексту,
самый простой путь для этого - щелчок правой кнопкой по слою с
изображением в панели Layers и в меню выбрать Create Clipping Mask.
Таким образом мы замаскируем изображение вне текста, а эффекты
текстового слоя применятся и к флагу. Вы заметите, что Clipping Mask
обозначается небольшим отступом в панелт Layers и стрелочкой вниз, к
слою, по которому идет обрезка.
9.
Снова откроем Layer Styles для текстового слоя (это можно сдедать
двойным щелчком по иконке Layer Styles под слоем). Выбираем Bevel And
Emboss. Верните бегунок Soften обратно на значение 3, а Highlight
Opacity переставьте с 0 на 100. Это добавит бликов и сделает текст
более глянцевым.
10. Пора избавитьсяот серго фона! Выбираем Background, жмем D для сброса цветов и ctrl+Backspace для заливки фона белым цветом.
11.
Я думаю, что этот эффект будет лучше выглядеть с отражением, которое мы
сейчас создадим. При выбраном слое Background жмем кнопку Create New
Layer, переименуем этот новый слой в Reflection. По умолчанию новый
слой становится активным, и это хорошо! Теперь загрузим выделение по
тексту (ctrl+клик по иконке текстового слоя в панели Layers)
12.
Теперь мы должны скопировать-вставить выделенную область двумя простыми
сочетаниями клавиш. Ctrl+Shift+C скопирует содержимое всех слоев, (в
отличии от ctrl+C, которое копирует только содержимое активного слоя).
Затем жмем ctrl+V для вставки скопированного в слой Reflection. Так как
слой находится ниже всех, вы не увидите изменений (кроме изменений в
иконке слоя). Теперь развернем содержимое слоя вниз.
Edit>Transform>Flip Vertical.
Берем
и улерживая Shift перемещаем отражение вниз (перемешайте до тех пор,
пока границы не встретятся, можно допустить небольшое пересечение)
13.
Сделаем затухание отражения при помощи Layer Mask и градиентной
заливки. Добавьте к слою с отражением маску (кнопка в нижней части
панели Layers). По умолчанию при создании маски она сразу становится
активной, в этом можно убедиться, посмотрев на квадратные скобки вокруг
миниатюры маски.
Берем
, выбираем Foreground to Transparent, тип - Linear Gradient. Проведите
градиент щелкнув в нижней части маски и отпустив кнопку вверху.
14. Для завершения работы с отражением уменьшаем Opacity этого слоя до 40%
15. Мы можем улучшить эффект, добавив тень в нижнюю часть букв. Это последнее, что мы будем делать.
Создаем
новый слой над отражением, назовем его Shadow. Загружаем текст как
выделение, как в 11 шаге. Залейте выделение черным (alt+Backspace). Вы
пока опять ничего не увидите, кроме изменений в палитре Layers.
Жмем Ctrl+T, беремся за вержний средний квадрат и перемещаем его вниз, как это показано на примере.
16.
С помощью Filter>Blur>Gaussian Blur немного размоем тень на 2-3
pix. Снизим Opacity слоя до 60%. В случае необходимости можете
подработать тень мягкой кисточкой.
Надеюсь, вы узнали что-нибудь новое!
