Как отразить текст в фотошопе: Как сделать зеркальное отражение текста в Фотошопе

Создайте новый пустой документ Photoshop.

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

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

Выберите Правка > Заполнить.

Вы также можете выбрать команду «Заливка» с помощью сочетания клавиш

Выберите «Черный» в разделе «Содержание» в верхней части диалогового окна «Заливка».

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

Фон документа теперь заполнен черным цветом.

Шаг 3. Выберите инструмент «Текст»

Выберите инструмент «Текст».

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

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

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

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

Выберите цвет для текста, щелкнув образец цвета в палитре Образцы.

Шаг 6. Добавьте текст

Выбрав цвет, щелкните в любом месте документа и добавьте свой текст. Я наберу слово «ОТЗЫВЫ», все заглавными буквами:

Добавьте свой текст в документ.

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

Нажмите на галочку на панели параметров, чтобы принять текст.

Шаг 7. При необходимости измените размер текста с помощью свободного преобразования

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

Выберите «Правка» > «Свободное преобразование».

После того, как вы выбрали его, вы увидите поле «Свободное преобразование», а вокруг вашего текста в документе появятся маркеры. Чтобы изменить размер текста, удерживайте нажатой клавишу

Используйте Свободное преобразование, чтобы изменить размер и/или переместить текст, если это необходимо.

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

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

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

Выберите «Слой» > «Создать» > «Слой через копирование».

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

Копия текстового слоя появляется над оригиналом.

Шаг 9. Отразите текстовый слой по вертикали

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

Выберите «Правка» > «Трансформировать» > «Отразить по вертикали».

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

Скопированный текстовый слой отображается вверх ногами перед исходным текстом.

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

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

Выберите инструмент «Перемещение».

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

Перетащите скопированный текст вниз, пока он не окажется чуть ниже оригинала.

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

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

Щелкните значок маски слоя в нижней части палитры слоев.

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

Миниатюра предварительного просмотра маски слоя появляется на скопированном текстовом слое в палитре «Слои».

Шаг 12. Выберите инструмент «Градиент»

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

Выберите инструмент «Градиент».

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

Щелкните область предварительного просмотра градиента на панели параметров.

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

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

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

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

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

Щелкните и перетащите градиент от черного к белому вертикально вдоль перевернутого текста.

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

Нижний текст теперь становится прозрачным после рисования градиента на маске слоя.

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

Миниатюра предварительного просмотра маски слоя показывает фактический градиент от черного к белому.

Шаг 14. Отрегулируйте непрозрачность слоя для точной настройки эффекта

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

Уменьшите непрозрачность слоя, чтобы сделать отражение еще более размытым.

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

Окончательный эффект отражения текста.

Куда идти дальше…

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

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!