Текстовый эффект отражения в Photoshop

В этом учебном руководстве по эффектам текста Photoshop мы собираемся создать простой текстовый эффект отражения. Этот эффект использовался везде где только можно и его очень просто сделать.

Вот текст с эффектом отражение, которое мы будем создавать:

Давайте начнем!

Шаг 1: создайте новый документ Photoshop

Создайте новый пустой документ Photoshop, меню File наверху экрана и выбирите New. Вы можете также создать новый документ с сочетанием клавиш Ctrl+N / Command+N. Так или иначе переводит диалоговое окно New Document Photoshop в рабочее состояние. Введите размерности для своего документа. Для этого учебного руководства я собираюсь ввести 6 дюймов для Ширины своего документа, 3 дюйма для Высоты и Разрешение 300 пикселей/дюйм. Нажмите "OK". Ваш новый пустой документ появится на Вашем экране:

Шаг 2: заполните новый документ черным цветом

Этот шаг дополнительный, но я собираюсь использовать черный в качестве цвета фона для моего документа, а не белого по умолчанию. Если Вы предпочли бы использованиме белого то Вы можете пропустить этот шаг. Чтобы заполнить документ черным цветом, подойдите к меню Edit наверху экрана и выберите Fill (заливка), чтобы перевести команду Fill Photoshop в рабочее состояние:

Вы можете также выбрать команду Fill с сочетанием клавиш Shift+F5. Так или иначе переводит диалоговое окно Fill в рабочее состояние. Наверху диалогового окна раздел Contents, с опцией под названием Use. Выберите Black из списка:

Нажмите "OK" и Photoshop заполняет документ черным цветом:

Шаг 3: выберите инструмент типа

Чтобы добавить текст к документу, мы выбираем Инструмент Текст Photoshop. Вы можете или щелкнуть по нему в Палитре инструментов, чтобы выбрать его или для более быстрого пути, нажать букву T на Вашей клавиатуре:

Шаг 4: выберите шрифт

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

Шаг 5: выберите цвет для текста

Затем, мы должны выбрать цвет для нашего текста. Есть несколько различных способов выбрать цвет текста в Photoshop. Для этого учебного руководства я собираюсь использовать очень простой и быстрый путь - просто выбрать готовый цвет из палитры Swatches. Переключитесь на палитру Swatches, которая по умолчанию сгруппирована промежуточная палитрами Color и Styles. Палитра Swatches содержит набор каталожных цветов, которые установлены по умолчанию с Photoshop. Чтобы выбрать один из цветов, просто переместите свой курсор мыши в каталог цветов. Вы будете видеть, что курсор превратится в пипетку. Щелкните по образцу пипеткой, чтобы выбрать цвет. Я собираюсь выбрать красный образец в верхнем левом углу:

Шаг 6: добавьте свой текст

Как только Вы выбрали цвет, щелкните где угодно в документе и добавьте свой текст. Я собираюсь ввести слово "REFLECTIONS" (отражения) все в прописных буквах:

Когда все сделано щелкните по галочке в Панели Опций, чтобы принять Ваш текст и вйти из режима редактирования текста:

Шаг 7: измените размеры текста в случае необходимости инструментом "свободное преобразование"

Если Вы должны изменить размеры своего текста, идите в меню Edit наверху экрана и выберите Free Transform или нажмите сочетание клавиш Ctrl+T (win) / Command+T (Mac). Так или иначе переводит в рабочее состояние команду Free Transform Photoshop, которая позволит нам легко изменять размеры текста и перемещать его:

Как только Вы выбрали его, Вы будете видеть поле Free Transform и дескрипторы, которые появятся вокруг Вашего текста в документе. Чтобы изменить размеры текста, зажмите клавишу Shift, которая предотвратит случайное искажения соотношения сторон ширины к высоте текста. Поскольку Вы изменяете размеры тогда просто щелкните по любому из четырех угловых дескрипторов (небольшие квадраты) и перетащите их внутрь, чтобы сделать текст меньшим или перетащите наружу чтобы сделать его больше. Чтобы переместить текст, щелкните где угодно в поле Free Transform и перетащите текст на новое место. Не щелкайте по маленькому символу в самом центре поля, иначе Вы переместите центральный символ, а не текст (это ихменит центр вращения пр.SeRbGa). :

Когда все будет готово, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из команды Free Transform.

Шаг 8: копирование текстового слоя.

Теперь, когда у нас есть наш текст, мы можем начать создавать отражательный эффект. Первой вещью, в которой мы будем нуждаться, является копия нашего текста, поэтому давайте копировать текстовый уровень, подходим в меню слой наверху экрана, при выборе New, и затем выборе Layer via Copy. Или, для намного более быстрого способа копировать слой, просто нажмите сочетание клавиш Ctrl+J (win) / Command+J (Mac):

Ничто вроде не произошло в нашем документе, но если мы посмотрим на нашу палитру Layers, мы увидим, что у нас теперь есть копия слоя, находящегося непосредственно выше оригинала (заметьте, что у копии есть слово “копия” в ее имени):

Шаг 9: зеркально отразите текстовый уровень вертикально

Затем, мы должны зеркально отразить наш скопированный текстовый уровень вверх тормашками. Идите в меню Edit еще раз, выберите Transform, и затем выберите Flip Vertical:

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

Шаг 10: перетащите скопированный текст ниже оригинала

Выберите Move Tool из Палитры инструментов или нажмите букву T:

Затем переместим скопированный текстовый слой (выбранные слои выделены в синем), удерживайте клавишу Shift, затем щелкните в документе и перетащите скопированный, перевернутый текст ниже оригинального текста. Удерживание клавиши Shift предотвращает от случайного перемещения влево или вправо:

Шаг 11: добавьте маску слоя к зеркально отраженному тексту

В этой точке инструмент маска слоя поможет нам в создании нашего отражательного эффекта и должен заставить наш перевернутый текст исчезнуть сверху донизу в прозрачность. Для этого мы будем использовать маску слоя. Чтобы добавить маску слоя к нашему скопированному текстовому уровню, удостоверьтесь, что выбран скопированный текстовый выбранный слой, тогда просто щелкаете по значку Layer Mask у основания палитры Layers:

Ничто не произойдет в документе, но Вы заметите, что маленький белый прямоугольник появился справа от текстового слоя в палитре Layers. Это - миниатюра предварительного просмотра маски слоя и сообщает нам, что у нас теперь есть маска слоя на этом уровне, даже при том, что мы ничего еще фактически не сделали с ним:

Шаг 12: выберите инструмент градиента

Чтобы заставить текст на этом уровне исчезнуть в прозрачность, мы должны потянуть черный-к-белому градиент на нашей маске слоя (для получения дополнительной информации о том, как работаю маски слоя я сделаю отдельный урок). Чтобы потянуть градиент, мы должны будем использовать Инструмент Градиента Photoshop на Палитре инструментов или просто нажмет букву G на Вашей клавиатуре:

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

Это переводит в рабочее состояние Редактора Градиента Photoshop, который показывает нам набор градиентов из которых можно выбрать нужный. Тот, который мы хотим, является от черного к белому градиенту. Щелкните по нему, чтобы выбрать его, затем нажать "OK":

Шаг 13: потяните вертикальный градиент от нижней части до вершины вдоль перевернутого текста

Во-первых, удостоверьтесь, что Вам выбрали маску слоя, не сам слой. Вы должны видеть белая обводка вокруг миниатюры маски слоя в палитре Layers, которая говорит нам, что маска слоя выбрана. Щелкните по миниатюре предварительного просмотра маски слоя, чтобы выбрать его.

Чтобы потянуть градиент, щелкните в документе как показано на рисунке, удерживая клавишу Shift:

Отпустите свою кнопку мыши, когда все готово и Вы будете видеть, что перевернутый текст теперь исчезает вниз к нижней части букв:

Так как мы потянули градиент на маске слоя мы видим его, если мы смотрим на миниатюру предварительного просмотра маски слоя в палитре Layers:

Шаг 14: скорректируйте непрозрачность слоя, чтобы точно настроить эффект

Если Вы хотите, чтобы Ваше текстовое отражение немного больше исчезало, просто используйте опцию Opacity в верхнем правом углу палитры Layers и понизьте непрозрачность слоя:

Здесь, после понижения непрозрачности, мой заключительный эффект ткстового отражения:

Готово!

по материалу Steve Patterson *(photoshopessentials.com)