Knock Out текстовый эффект в Photoshop

сделать закладку в соцсетях

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

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

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

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

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

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

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

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

Шаг 5: Добавить текст

С Type Tool, шрифт и цвет для текста всех выбранных, щелкните внутри документа и добавить свой текст. Я собираюсь ввести слово "PHOTOSHOP", все заглавными буквами:
После того, как вы добавили текст, нажмите на галочку в панели параметров, чтобы принять его и выйти из режима редактирования текста.

Шаг 6: Изменение размера текста, если необходимо при помощи Free Transform

Если вам необходимо изменить размер или переместить текст, или оба, подойдите к Edit меню в верхней части экрана и выберите Free Transform , или для более быстрого способа доступа Free Transform команду, нажмите Ctrl + T (Win) / Ctrl + T (Mac):
Вы увидите Free Transform окно и ручки появляются вокруг текста в документе. Чтобы изменить размер текста, нажмите и удерживайте свой ​​Shift, ключ, который будет сдерживать соотношение текста при масштабировании, затем нажмите на любую из угловых маркеров (маленькие квадраты) и перетащите маркер внутрь или наружу в зависимости от того, нужно, чтобы вы чтобы сделать текст больше или меньше.Чтобы переместить текст, щелкните в любом месте внутри Free Transform поле и перетащите текст в новом месте. Я собираюсь сделать мой текст немного больше, перетаскивая ручку в нижнем правом углу внешней:
Нажмите Enter (Win) / Return (Mac), когда вы закончите принимать трансформацию и выход из Free Transform команду.

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

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

Шаг 8: Выберите инструмент Выделение контура

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

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

Чтобы выбрать все письма сразу, просто нажмите и перетащите рамку выбора вокруг всей словом, точно так же как если бы вы использовали Rectangular Marquee Tool. Вы увидите тонкой пунктирной план появляться при перетаскивании:
Если у вас есть слово целиком, окруженный выбора, отпустите кнопку мыши. Прямоугольный контур выделения исчезнет, ​​и вы увидите, что каждый индивидуальный письмо теперь имеет контур вокруг него, с небольшими площадями (называемых опорных точек), сидя на разных точках вокруг букв:
Если вы хотите узнать больше о работе с путей и опорных точек в Photoshop, я покрываю их в деталях в наших популярных создание выделенных с помощью Pen Tool учебником, который вы найдете вPhotoshop Основы разделе сайта.

Шаг 10: Выберите опцию "Исключить пересекающихся областях форму"

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

Шаг 11: Снимите букв

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

Шаг 12: Перетащите букв Вместе поэтому они Перекрытие

Это забавная часть. С траектория инструмента Выбор-прежнему выбран, нажмите на вторую букву в слове, и перетащите его влево, чтобы часть письма не перекрывает первую букву в слове. Как по волшебству, область, перекрывает исчезает из поля зрения:
Продолжайте перетаскивание каждую букву в сторону влево, пока части он перекрывает предыдущее письмо. Для внесения разнообразия попробуйте повернуть некоторые из букв с помощью Free Transformкоманды. Просто нажмите на письма с траектории движения инструмента выбора, чтобы выбрать, а затем нажмите Ctrl + T (Win) / Command + T (Mac), чтобы быстро поднять Free Transform окно и ручки вокруг буквы. Наведите курсор в любом месте за пределами коробки Free Transform, а затем нажмите и перетащите, чтобы повернуть письмо. Здесь я вращающиеся буква Т в сторону влево.
Когда вы закончите вращение письмо, нажмите Enter (Win) / Return (Mac), чтобы принять изменения.Продолжить перекрытия каждую букву, пока вы не дойдете до конца этого слова. Ваш конечный результат должен выглядеть примерно так:

Шаг 13: Снимите векторную маску удалить структуру со всего текста

План, который появляется вокруг текста делает вещи выглядят довольно суровыми, так что давайте от него избавиться и чистые вещи. Причина контур виден потому, что мы в настоящее время имеют векторную маску выбранный от формы слоя. Если мы посмотрим на форму слоя в палитре Layers, мы видим, что она содержит пару эскизов. Миниатюрами по праву является векторной маски с миниатюрами, которые, как вы можете убедиться, посмотрев на него, содержит формы наших писем. Если вы посмотрите внимательно, вы увидите белый выделите границы вокруг миниатюры. Это означает, что у нас сейчас есть векторной маски выбран. Переходите непосредственно на картинку, чтобы отменить его:
Выделите граница исчезнет со всего миниатюре в палитре Layers, и план исчезнет из вокруг нашего текста, что позволяет нам увидеть, что наш конечный эффект действительно выглядит так:
Чтобы добавить еще больший интерес к эффекту, поэкспериментируйте с стили слоя . Например, вот результат я придумал, применяя одни и те же стили слоя, которые я использовал в весело, легко гель эффект текста учебника, который вы будете искать в списке вместе с остальными нашими текстовые эффекты учебники:
И у нас это есть!
Knock Out текстовый эффект в Photoshop
сделать закладку в соцсетях