Как создать эффект нокаута в Photoshop и Illustrator

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

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

Как создать эффект нокаута в фотошопе

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

Шаг 1: нарисуйте форму

Открыв фоновое изображение, нарисуйте прямоугольник с помощью инструмента « Форма» . Вы можете выбрать инструмент «Форма» в меню «Инструменты» или использовать сочетание клавиш U. Также выберите цвет.

нарисовать форму фотошопа

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

Шаг 2: введите текст

Далее необходимо набрать текст на отдельном слое в Photoshop. Возьмите инструмент Текст ( T ), щелкните в любом месте на холсте и начните печатать. Затем используйте инструмент Move ( V ), чтобы расположить текст над вашей формой.

добавить текст фотошопа

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

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

Дважды щелкните текстовый слой, чтобы открыть окно « Стиль слоя», и выберите « Параметры наложения» на левой панели.

В разделе Advanced Mixing вы найдете раскрывающееся меню Knockout . Здесь вы можете выбрать эффект Shallow или Deep . Shallow применяет эффект нокаута к одному слою; Deep применяет его к группе слоев.

варианты наложения фотошоп

В нашем примере нам нужен только Shallow .

Наконец, убедитесь, что выбрана кнопка « Просмотр» , затем перетащите ползунок « Непрозрачность заливки» влево, к нулю.

Здесь вы полностью контролируете, сколько оригинального текста будет видно. Цвет текста будет иметь значение, если вы не выберете непрозрачность с нулевым процентом.

уменьшить непрозрачность Photoshop

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

Шаг 4: последние штрихи

Нажмите OK, чтобы подтвердить изменения. Теперь вы можете добавить последние штрихи. Поскольку все элементы находятся на своем собственном уровне, вы можете вносить коррективы в каждый из них по отдельности.

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

эффект нокаута фотошопа

Как создать эффект нокаута в Illustrator

Процесс создания эффекта выбивки в Illustrator похож на Photoshop, но он немного более практичен.

Начните с открытия фонового изображения на холсте. Перейдите в Файл> Поместить , затем нажмите, чтобы разместить изображение. Используйте инструмент Selection (V) , чтобы изменить его размер , чтобы соответствовать его.

иллюстратор положения изображения

Шаг 1: добавьте форму и текст

Теперь нарисуйте свою форму
, используя инструмент Прямоугольник ( M ). Вы можете использовать другие формы, если хотите, или нарисовать свои собственные с помощью инструмента « Перо» . Выберите цвет заливки и обводки — вы можете изменить их позже, если хотите, — и перетащите его в нужное место.

Затем вам нужно добавить текст (или вы можете использовать другие формы для эффекта нокаута: это не всегда должен быть текст). Выберите инструмент « Текст» ( T ) и нажмите на холст. Установите цвет и размер и начните печатать.

добавить иллюстратор текста

Выберите инструмент Selection и нажмите прочь , когда вы закончите. Вы можете переместить все объекты в положение глаза или, удерживая нажатой клавишу «Shift», выбрать текст, фигуру и фоновое изображение и правильно выровнять их с помощью инструментов « Горизонтальное и вертикальное выравнивание» .

Шаг 2: создать контуры

Выберите текстовый слой и перейти к типу> Создать кривые или вы можете использовать сочетание клавиш Shift + Cmd / Ctrl + O. Это будет преобразовывать текст в формы , а не для редактирования текста, так что проверить опечатки первыми!

Убедитесь, что текст находится над формой, а не за ней.

создать набросок иллюстратора

Если вы хотите иметь возможность контролировать непрозрачность, насколько это возможно в Photoshop, скопируйте текстовый слой в буфер обмена с помощью сочетания клавиш Cmd / Ctrl + C. Вам не придется ничего делать позже.

Шаг 3: применить эффект нокаута

Выберите форму и текст и перейдите на панель инструментов Pathfinder . Если он еще не открыт, вы можете открыть его, перейдя в Window> Pathfinder или используя ссылку Illustrator, Shift + Cmd / Ctrl + F9.

Нажмите здесь, чтобы узнать больше сочетаний клавиш Adobe Illustrator .

В инструменте Pathfinder выберите опцию Minus Anterior в режиме Shape . Это удалит текст из вашей формы.

Pathfinder инструмент иллюстратор

Чтобы проверить непрозрачность эффекта выбивки, вам нужно скопировать текстовый слой, как указано выше. Теперь нажмите Shift + Cmd / Ctrl + V, чтобы вставить текст в ту точку, где вы его скопировали. (Убедитесь, что вы делаете это, прежде чем перейти на один из ваших уровней.)

Затем вы можете отрегулировать непрозрачность этого слоя, перейдя на панель « Прозрачность» , которую можно открыть, выбрав « Окно»> «Прозрачность». Отрегулируйте ползунок непрозрачности, пока не получите нужный оттенок.

Вот как выглядит конечный продукт с непрозрачностью около 20 процентов:

нокаут иллюстратор

Другие текстовые эффекты Photoshop, чтобы попробовать

Создать эффект нокаута легко в Illustrator и Photoshop. Если у вас есть доступ к обеим программам, мы рекомендуем использовать Photoshop, потому что текст всегда остается редактируемым. Но для более детальных проектов Illustrator — это путь.

Эффект выбивания — не единственный творческий способ использования текста в ваших проектах. Ознакомьтесь с нашими руководствами, в которых подробно объясняется, как формировать текст в Photoshop и как добавлять текстуры к тексту в Photoshop для получения вдохновения.

Прочитайте статью полностью: Как создать эффект нокаута в Photoshop и Illustrator