Выключить текстовый эффект в фотошопе

В этом уроке по текстовым эффектам в Photoshop мы собираемся создать какой-нибудь необычный текст. Под этим я подразумеваю, что мы собираемся посмотреть, как использовать один из более интересных вариантов формы в Photoshop, чтобы выбивать участки букв, которые перекрывают друг друга! Конечно, вы не можете использовать параметры формы, если не работаете с формами, поэтому по ходу дела мы увидим, как преобразовать текст в форму, что открывает для нас гораздо больше возможностей, когда дело доходит до создания классных текстовые эффекты.

Вот пример результата, к которому мы стремимся:

Финальный нокаутирующий текстовый эффект в фотошопе.  Image © 2009 Photoshop Essentials.com.

Финальный «нокаутирующий» текстовый эффект.

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

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

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

Диалоговое окно «Новый документ» в Photoshop.  Image © 2009 Photoshop Essentials.com.


Создайте новый документ Photoshop с помощью диалогового окна «Новый документ».

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

Создав наш новый документ, мы можем начать работу над нашим эффектом. Поскольку это текстовый эффект, нам понадобится текст, а для этого нам понадобится Photoshop Type Too l. Возьмите его из палитры Инструменты или просто нажмите букву T на клавиатуре, чтобы выбрать его с помощью ярлыка:

Инструмент «Текст» в Photoshop.  Image © 2009 Photoshop Essentials.com.

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

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

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

Выбор шрифта на панели параметров в Photoshop.  Image © 2009 Photoshop Essentials.com.

Выберите шрифт на панели параметров.

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

Далее нам нужно выбрать цвет для нашего текста. Если вы переместитесь дальше вправо на панели параметров, вы найдете образец цвета . Этот образец цвета показывает текущий выбранный цвет текста. Чтобы изменить цвет вашего текста, просто нажмите непосредственно на образец цвета:

Образец цвета, отображающий текущий цвет текста в Photoshop.  Image © 2009 Photoshop Essentials.com.

Образец цвета показывает текущий цвет текста. Нажмите на образец цвета, чтобы изменить цвет.

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

Палитра цветов в фотошопе.  Image © 2009 Photoshop Essentials.com.

Выберите цвет для вашего текста из палитры цветов.

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

Выбрав инструмент «Текст», шрифт и цвет текста, щелкните внутри документа и добавьте свой текст. Я собираюсь напечатать слово «ФОТОШОП», все заглавными буквами:

Палитра цветов в фотошопе.  Image © 2009 Photoshop Essentials.com.

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

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

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

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

Шаг 6: измените размер текста, если это необходимо, с помощью свободного преобразования

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

Выбор команды «Свободное преобразование» в Photoshop.  Image © 2009 Photoshop Essentials.com.

Перейдите в Edit> Free Transform.

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

Изменение размера текста с помощью Free Transform в Photoshop.  Image © 2009 Photoshop Essentials.com.

Измените размер и переместите текст, если необходимо, с помощью Free Transform.

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

Шаг 7: преобразуй текст в форму

Убедитесь, что все написано правильно, потому что на этом этапе нам нужно преобразовать наш текст в форму. После преобразования в форму текст больше не будет редактироваться, поэтому дважды проверьте, чтобы убедиться, что вы не допустили ошибок. Чтобы преобразовать текст в форму, перейдите в меню « Слой» в верхней части экрана, выберите « Тип» , а затем выберите « Преобразовать в форму» :

Преобразование текста в форму в Photoshop.  Image © 2009 Photoshop Essentials.com.

Перейдите в Слой> Тип> Преобразовать в форму.

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

Палитра Layers, показывающая новый слой Shape.  Image © 2009 Photoshop Essentials.com.

Текст теперь отображается как слой Shape в палитре Layers.

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

Нам нужно выбрать все наши буквы (фигуры) сразу. Вы можете подумать, что мы могли бы использовать инструмент Rectangular Marquee Tool, но, поскольку мы работаем с фигурами, нам на самом деле понадобится другой инструмент выбора — инструмент выделения контура . Возьмите его из палитры Инструменты или нажмите букву А на клавиатуре, чтобы выбрать его с помощью ярлыка:

Инструмент выбора пути в Photoshop.  Image © 2009 Photoshop Essentials.com.

Выберите инструмент выбора пути.

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

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

Перетаскивание выделения вокруг слова с помощью инструмента «Выделение контура».  Image © 2009 Photoshop Essentials.com.

Перетащите выделение вокруг всего слова с помощью инструмента выделения пути.

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

Буквы формы теперь выделены.  Image © 2009 Photoshop Essentials.com.

Все буквы (фигуры) теперь выделены.

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

Шаг 10. Выберите параметр «Исключить перекрывающиеся области фигуры».

Теперь, когда все наши формы букв выбраны, перейдите на панель параметров в верхней части экрана. Слева вы увидите серию из четырех значков, каждый из которых показывает свою комбинацию квадратов. Эти значки представляют различные варианты взаимодействия наших фигур друг с другом. Тот, который нам нужен для этого эффекта, — тот, что справа — опция Исключить перекрывающиеся области формы . Нажмите на значок, чтобы выбрать его. Если в настройках Photoshop включены всплывающие подсказки, вы увидите название параметра, когда наведете курсор на значок:

Выбор параметра «Исключить перекрывающиеся области формы» в Photoshop.  Image © 2009 Photoshop Essentials.com.

Выберите «Исключить перекрывающиеся области формы» на панели параметров.

Шаг 11: отмените выбор букв

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

Формы буквы больше не выбраны.  Image © 2009 Photoshop Essentials.com.

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

Шаг 12: перетащите буквы вместе, чтобы они совпали

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

Перекрывающиеся формы буквы.  Image © 2009 Photoshop Essentials.com.

Область, которая перекрывается между двумя буквами, исчезает.

Продолжайте перетаскивать каждую букву влево, пока ее часть не пересекает предыдущую букву. Для дополнительного разнообразия попробуйте повернуть несколько букв с помощью команды « Свободное преобразование» . Просто нажмите на букву с помощью инструмента выбора пути, чтобы выбрать, затем нажмите Ctrl + T (Победа) / Command + T (Mac), чтобы быстро открыть окно «Свободное преобразование» и обвести букву. Переместите курсор в любое место за пределами поля «Свободное преобразование», затем щелкните и перетащите, чтобы повернуть букву. Здесь я поворачиваю букву Т влево.

Перекрывающиеся формы буквы.  Image © 2009 Photoshop Essentials.com.

Область, которая перекрывается между двумя буквами, исчезает.

Когда вы закончите вращение буквы, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование. Продолжайте перекрывать каждую букву, пока не дойдете до конца слова. Ваш конечный результат должен выглядеть примерно так:

Все формы букв теперь перекрывают друг друга.  Image © 2009 Photoshop Essentials.com.

Все буквы в слове теперь перекрывают друг друга.

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

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

Миниатюра векторной маски на слое формы в Photoshop.  Image © 2009 Photoshop Essentials.com.

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

Граница выделения исчезнет из-за миниатюры в палитре слоев, а контур вокруг текста исчезнет, ​​что позволит нам увидеть, как на самом деле выглядит наш конечный эффект:

Финальный нокаутирующий текстовый эффект в фотошопе.  Image © 2009 Photoshop Essentials.com.

Финальный «нокаутирующий» текстовый эффект.

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

Финальный нокаутирующий текстовый эффект в фотошопе.  Image © 2009 Photoshop Essentials.com.

Тот же эффект после экспериментов со стилями слоя.

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

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



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

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.