Home-theater-designers
Эффект выбивки позволяет вам поместить сплошной цветной слой поверх фотографии или изображения, а затем вырезать часть этого сплошного слоя, чтобы открыть изображение за ним. Вы можете сделать это с текстом или фигурами как в Photoshop, так и в Illustrator, но процесс немного отличается для каждой программы.
В этой статье мы объясним, как создать эффект нокаута в Adobe Photoshop и Illustrator, предлагающий пошаговое руководство.
Как создать эффект нокаута в фотошопе
Чтобы добиться эффекта выбивания в Photoshop, первое, что вам нужно сделать, это открыть свое изображение. В этом примере мы будем использовать прямоугольную форму поверх изображения и выбить текст из этой формы.
Шаг 1: нарисуйте форму
Открыв фоновое изображение, нарисуйте прямоугольник, используя Форма орудие труда. Вы можете выбрать инструмент «Форма» в меню инструментов или воспользоваться сочетанием клавиш. U . Также выберите цвет.
Когда вы рисуете прямоугольник, вы можете выбрать произвольную форму и перетащить прямоугольник по экрану, чтобы создать желаемую форму, или вы можете щелкнуть в любом месте изображения, чтобы ввести размеры вашего прямоугольника в пикселях.
Шаг 2: введите текст
Затем вам нужно ввести текст на отдельном слое в Photoshop. Возьмите Текст орудие труда ( Т ), щелкните в любом месте холста и начните вводить текст. Затем используйте Двигаться орудие труда ( V ), чтобы разместить текст над вашей фигурой.
Если вы предпочитаете использовать фигуру или значок для нокаута, вы можете разместить эту фигуру там, где вы бы поместили текст.
Шаг 3. Установите параметры наложения
Дважды щелкните текстовый слой, чтобы открыть Стиль слоя окно и выберите Параметры наложения из левой панели.
В разделе Advanced Blending вы найдете Вырубить выпадающее меню. Вы можете выбрать между Мелкий или Глубокий эффект здесь. Shallow применяет эффект выбивания к одному слою; Deep применяет его к группе слоев.
В нашем примере нам нужно только Мелкий .
Наконец, убедитесь, что Предварительный просмотр установлен флажок, затем перетащите Непрозрачность заливки ползунок влево, в сторону нуля.
Здесь у вас есть полный контроль над тем, какая часть исходного текста будет видна. Цвет вашего текста будет иметь значение здесь, если вы не выберете непрозрачность нулевого процента.
Однако, если у вас очень загруженная фотография, вы, вероятно, не захотите выбирать очень низкую непрозрачность, чтобы текст оставался разборчивым.
Шаг 4: Последние штрихи
Нажмите Ok для подтверждения ваших изменений. Теперь вы можете добавить последние штрихи. Поскольку все элементы находятся на отдельном слое, вы можете настраивать их все по отдельности.
Вы можете редактировать фоновое изображение, форму или текст. Чтобы настроить эффект выбивания, просто дважды щелкните текстовый слой, чтобы снова открыть окно настроек.
Как создать эффект нокаута в Illustrator
Процесс создания эффекта выбивания в Illustrator аналогичен процессу Photoshop, но является более практическим.
Начните с открытия фонового изображения на холсте. Перейти к Файл> Поместить , затем щелкните, чтобы разместить изображение. Использовать Выбор орудие труда ( V ), чтобы изменить его размер.
Шаг 1: добавьте форму и текст
Теперь нарисуйте форму, используя Прямоугольник орудие труда ( M ). Вы можете использовать другие формы, если хотите, или нарисовать свои собственные с помощью Ручка орудие труда. Выберите цвет заливки и обводки - вы можете изменить их позже, если хотите - и перетащите примерно в нужное положение.
Затем вам нужно добавить текст (или вы можете использовать другие формы для эффекта нокаута - это не всегда должен быть текст). Выберите Текст орудие труда ( Т ) и щелкните холст. Задайте цвет и размер и начните печатать.
Выбрать Выбор инструмент и щелкните, когда закончите. Вы можете переместить все объекты в нужное положение на глаз или, удерживая нажатой клавишу Shift, выделить текст, фигуру и фоновое изображение и правильно выровнять их с По горизонтали а также Вертикальное выравнивание инструменты.
Шаг 2. Создайте контуры
Снова выберите текстовый слой и перейдите в Тип > Создать контуры , или вы можете использовать сочетание клавиш Shift + Cmd / Ctrl + O . Это преобразует ваш текст в формы, а не в редактируемый текст, поэтому сначала проверьте наличие опечаток!
Убедитесь, что ваш текст находится поверх фигуры, а не позади нее.
Если вы хотите иметь возможность контролировать непрозрачность, насколько это возможно в Photoshop, скопируйте текстовый слой в буфер обмена с помощью сочетания клавиш. Cmd / Ctrl + C. Вам не нужно будет ничего с этим делать позже.
Шаг 3: примените эффект нокаута
Выделите фигуру и текст и перейдите в Следопыт панель инструментов. Если он еще не открыт, вы можете открыть его, перейдя в Окно> Обработка контуров или с помощью ярлыка Illustrator, Shift + Cmd / Ctrl + F9.
Нажмите здесь, чтобы узнать больше Сочетания клавиш Adobe Illustrator .
В инструменте Pathfinder выберите Минус Фронт вариант в Режимы формы . Это удалит текст из вашей формы.
Чтобы контролировать непрозрачность эффекта выбивания, вам нужно скопировать текстовый слой, как мы упоминали выше. Теперь ударь Shift + Cmd / Ctrl + V чтобы вставить текст обратно в то место, откуда вы его скопировали. (Обязательно сделайте это перед перемещением любого из ваших слоев.)
Затем вы можете настроить непрозрачность этого слоя, перейдя в Прозрачность панель, которую вы можете открыть, перейдя в Окно> Прозрачность. Отрегулируйте ползунок непрозрачности, пока не получите нужный оттенок.
Вот как выглядит конечный продукт с непрозрачностью около 20 процентов:
Другие текстовые эффекты Photoshop, которые стоит попробовать
В Illustrator и Photoshop легко создать эффект нокаута. Если у вас есть доступ к обеим программам, мы рекомендуем сначала использовать Photoshop, потому что текст всегда остается редактируемым. Но для более детального дизайна лучше всего подойдет Illustrator.
Wi-Fi подключен, но нет интернета Windows 10
Эффект нокаута - не единственный творческий способ использования текста в дизайне. Взгляните на наши руководства с подробным описанием как обвести текст в фотошопе а также как добавить текстуры к тексту в фотошопе для вдохновения.
Делиться Делиться Твитнуть Эл. адрес Руководство по анимации речи для новичковОживить речь может быть непросто. Если вы готовы начать добавлять диалог в свой проект, мы разберем этот процесс за вас.
Читать далее Похожие темы- творческий
- Adobe Photoshop
- Adobe Illustrator
- Учебник по Photoshop
Энди - бывший печатный журналист и редактор журнала, который пишет о технологиях уже 15 лет. За это время он внес вклад в бесчисленное количество публикаций и написал работы по копирайтингу для крупных технологических компаний. Он также предоставил экспертные комментарии для средств массовой информации и организовал панели на отраслевых мероприятиях.
Ещё от Andy BettsПодписывайтесь на нашу новостную рассылку
Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!
Нажмите здесь, чтобы подписаться