Эффект отражения текста в фотошопе

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

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

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

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

Создайте новый пустой документ Photoshop, зайдя в меню « Файл» вверху экрана и выбрав « Новый» . Вы также можете создать новый документ с помощью сочетания клавиш Ctrl + N (Win) / Command + N (Mac). В любом случае открывается диалоговое окно « Новый документ» в Photoshop . Введите размеры, необходимые для вашего документа. Для этого урока я собираюсь ввести 6 дюймов для моего документа Ширина , 3 дюйма для высоты , и разрешение на 300 пикселей / дюйм . Нажмите ОКкогда вы закончите, чтобы выйти из диалогового окна. Ваш новый пустой документ появится на вашем экране:

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

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

Вы также можете выбрать команду Fill с помощью сочетания клавиш Shift + F5 . В любом случае открывается диалоговое окно Fill. В верхней части диалогового окна находится раздел « Содержание », один из которых называется « Использовать» . Выберите Black из списка справа от слова Use:

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна, и Photoshop заполнит документ черным:

Шаг 3: Выберите инструмент Type

Чтобы добавить текст в документ, нам понадобится Photoshop’s Type Too l. Вы можете либо щелкнуть его в палитре «Инструменты», чтобы выбрать его, либо, чтобы ускорить его, нажать букву T на клавиатуре, чтобы выбрать его с помощью ярлыка:

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

Выбрав инструмент «Текст», перейдите на панель параметров в верхней части экрана и выберите шрифт, который вы хотите использовать для эффекта. Выбор шрифтов будет зависеть от того, какие шрифты вы сейчас установили на свой компьютер. Я остановлюсь на чем-то простом и выберу Gill Sans Light для своего эффекта. Не беспокойтесь о размере шрифта на данный момент:

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

Далее нам нужно выбрать цвет для нашего текста. В Photoshop есть несколько способов выбрать цвет текста. В этом уроке я собираюсь использовать очень простой и быстрый способ — выбрать готовый цвет из палитры «Образцы» . Переключитесь на палитру «Образцы», которая по умолчанию сгруппирована между палитрами «Цвет» и «Стили». Палитра «Образцы» содержит коллекцию образцов цвета, которые по умолчанию устанавливаются вместе с Photoshop. Чтобы выбрать один из цветов, просто наведите курсор мыши на образец цвета. Вы увидите, как курсор изменится на пипетку. Нажмите на образец пипеткой, чтобы выбрать цвет. Я собираюсь выбрать красный образец в верхнем левом углу:

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

Выбрав цвет, щелкните в любом месте внутри документа и добавьте свой текст. Я собираюсь напечатать слово «ОТРАЖЕНИЯ», все заглавными буквами:

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

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

Если вам нужно изменить размер текста, перейдите в меню « Правка» в верхней части экрана и выберите « Свободное преобразование» или нажмите сочетание клавиш Ctrl + T (Win) / Command + T (Mac). В любом случае вызывается команда «Свободное преобразование» в Photoshop, которая позволит нам легко изменять размер текста и перемещать его, если нам необходимо:

Выбрав его, вы увидите поле «Свободное преобразование», а вокруг текста в документе появятся маркеры. Чтобы изменить размер текста, зажмите Shiftключ, который предотвратит случайное искажение соотношения сторон по ширине к тексту при изменении его размера, затем просто нажмите на любой из четырех угловых маркеров (маленькие квадраты) и перетащите их внутрь, чтобы сделать текст меньше или наружу, чтобы сделать его больше. Чтобы переместить текст, щелкните в любом месте поля «Свободное преобразование» и перетащите текст в новое место. Только не нажимайте на маленький целевой символ в самом центре поля, иначе вы переместите целевой символ, а не текст. Я собираюсь сделать свой текст немного больше, удерживая Shift и перетаскивая ручку в правом нижнем углу наружу. Я также собираюсь перетащить текст немного вниз, чтобы нижняя часть текста оказалась ближе к горизонтальному центру документа:

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

Шаг 8: продублируйте текстовый слой

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

В любом случае, Photoshop должен сделать копию нашего текстового слоя. Казалось бы, ничего не произошло в нашем документе, но если мы посмотрим на нашу палитру слоев, то увидим, что теперь у нас есть копия слоя, расположенная непосредственно над оригиналом (обратите внимание, что в названии копии есть слово «копия»). ):

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

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

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

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

Выберите Move Too l в палитре Tools или нажмите букву T, чтобы выбрать ее с помощью сочетания клавиш:

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

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

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

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

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

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

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

Это вызывает редактор градиентов в Photoshop , который показывает нам коллекцию градиентов, из которых мы можем выбирать. Нам нужен градиент от черного к белому , третий слева, верхний ряд. Нажмите на него, чтобы выбрать его, затем нажмите OK в верхнем правом углу диалогового окна, чтобы выйти из него:

Шаг 13: нарисуйте вертикальный градиент снизу вверх вдоль текста вверх ногами

С выбранным инструментом «Градиент» и выбранным градиентом от черного к белому все, что нам нужно теперь сделать, — это нарисовать вертикальный градиент вдоль нашего перевернутого текста. Во-первых, убедитесь, что у вас выбрана маска слоя, а не сам слой. Вы должны увидеть белую рамку выделения вокруг миниатюры маски слоя в палитре слоев, которая говорит нам, что маска слоя выбрана. Нажмите на миниатюру предварительного просмотра маски слоя, чтобы выбрать ее, если вы не видите рамку выделения вокруг нее.

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

Когда вы закончите, отпустите кнопку мыши, когда Photoshop фактически нарисует градиент, и вы увидите, что перевернутый текст теперь исчезает, когда вы двигаетесь дальше вниз к нижней части букв:

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

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

Если вы хотите, чтобы ваше отражение текста выглядело немного более блеклым, просто перейдите к параметру « Непрозрачность» в верхнем правом углу палитры «Слои» и уменьшите непрозрачность слоя. Я собираюсь снизить мой до 50% :

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

Куда пойти дальше …

И там у нас это есть! Посетите наши разделы « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по эффектам Photoshop!

Поделитесь в соц.сетях:

Оцените статью: (Пока оценок нет) Загрузка...