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

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

Нокаут ефектът ви позволява да поставите плътен цвят върху снимка или изображение и след това да изрежете част от този плътен слой, за да разкриете изображението зад него. Можете да направите това с текст или форми както във Photoshop, така и в Illustrator, но процесът е малко по -различен за всяка програма.





В тази статия ние обясняваме как да създадете нокаутиращ ефект в Адобе Фотошоп и Illustrator, предлагащ стъпка по стъпка ръководство.





Как да създадете нокаут ефект във Photoshop

За да постигнете нокаут ефект във Photoshop, първото нещо, което трябва да направите, е да отворите изображението си. В този пример ще използваме правоъгълна форма върху изображението и ще избием текст от тази форма.





Стъпка 1: Начертайте формата

С отворено фоново изображение нарисувайте правоъгълник с помощта на Форма инструмент. Можете или да изберете инструмента Форма от менюто с инструменти, или да използвате клавишната комбинация U . Изберете и цвят.

Когато рисувате правоъгълника си, можете или да изберете свободна форма и да плъзнете правоъгълника по екрана, за да създадете желаната от вас форма, или можете да щракнете навсякъде върху изображението, за да въведете размерите на правоъгълника си в пиксели.



Стъпка 2: Въведете текста

След това трябва да въведете текста си на отделен слой във Photoshop. Вземете Текст инструмент ( T ), щракнете където и да е на вашето платно и започнете да пишете. След това използвайте Ход инструмент ( V ), за да позиционирате текста над формата си.

Ако предпочитате да използвате форма или икона за вашия нокаут, можете да поставите тази форма там, където бихте поставили текста.





Стъпка 3: Задайте опциите за смесване

Щракнете двукратно върху текстовия слой, за да отворите Стил на слоя прозорец и изберете Опции за смесване от левия панел.

В раздела Разширено смесване ще намерите Нокаут падащо меню. Можете да избирате между a Плитки или Дълбок ефект тук. Shallow прилага нокаутиращия ефект върху един слой; Deep го прилага към група слоеве.





В нашия пример имаме нужда само от Плитки .

И накрая, уверете се, че Визуализация бутонът е проверен, след това плъзнете Попълнете непрозрачност плъзгач вляво, към нула.

Тук имате пълен контрол върху това колко от този оригинален текст ще бъде видим. Цветът на текста ви ще има значение, освен ако не изберете непрозрачност от нула процента.

Ако обаче имате особено натоварена снимка, вероятно няма да искате да изберете много ниска непрозрачност, за да запазите текста четлив.

Стъпка 4: Последни щрихи

Щракнете Добре за да потвърдите промените си. Вече можете да добавите финалните щрихи. Тъй като всички елементи са на свой собствен слой, можете да ги коригирате поотделно.

Можете да редактирате фоновото изображение, формата или текста. За да регулирате ефекта на нокаут, просто щракнете двукратно върху текстовия слой, за да отворите отново полето за настройки.

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

Процесът за създаване на нокаут ефект в Illustrator е подобен на този на Photoshop, но е малко по-практичен.

Започнете, като отворите фоновото си изображение върху платното си. Отидете на Файл> Място , след което щракнете, за да поставите изображението. Използвай Избор инструмент ( V ), за да го преоразмерите, за да пасне.

Стъпка 1: Добавете формата и текста

Сега нарисувайте формата си с помощта на Правоъгълник инструмент ( М ). Можете да използвате други форми, ако предпочитате, или да нарисувате свои собствени с Химилка инструмент. Изберете цвят на запълване и щрих-можете да ги промените по-късно, ако искате --- и го плъзнете приблизително в желаната от вас позиция.

След това трябва да добавите текста (или можете да използвате други форми за нокаут ефекта --- не винаги трябва да е текст). Изберете Текст инструмент ( T ) и щракнете върху платното. Задайте цвят и размер и започнете да пишете.

Избери Избор инструмент и щракнете далеч, когато приключите. Можете да преместите всички обекти в позиция по око или да задържите клавиша Shift и да изберете текста, формата и фоновото изображение и да ги подравните правилно с Хоризонтално и Вертикално подравняване инструменти.

Стъпка 2: Създайте очертания

Изберете отново текстовия слой и отидете на Тип > Създаване на очертания , или можете да използвате клавишната комбинация Shift + Cmd/Ctrl + O . Това ще преобразува текста ви във форми, а не в редактируем текст, така че първо проверете за правописни грешки!

Уверете се, че текстът ви е над формата, а не зад нея.

Ако искате да можете да контролирате непрозрачността, както е възможно във Photoshop, копирайте текстовия слой в клипборда с клавишната комбинация Cmd/Ctrl + C. Няма да е необходимо да правите нищо с него чак по -късно.

Стъпка 3: Приложете нокаут ефекта

Изберете формата и текста и отидете на вашия Pathfinder панел с инструменти. Ако още не е отворен, можете да го отворите, като отидете на Прозорец> Pathfinder или чрез прекия път на Illustrator, Shift + Cmd/Ctrl + F9.

Щракнете тук за повече Клавишни комбинации на Adobe Illustrator .

В инструмента за търсене на пътеки изберете Минус отпред опция в Режими на форма . Това ще премахне текста от фигурата ви.

За да контролирате непрозрачността на вашия нокаутиращ ефект, трябва да копирате текстовия слой, както споменахме по -горе. Сега удари Shift + Cmd/Ctrl + V за да поставите текста си обратно на точното място, от което сте го копирали. (Не забравяйте да направите това, преди да преместите някой от слоевете си.)

След това можете да регулирате непрозрачността на този слой, като отидете на Прозрачност панел, който можете да отворите, като отидете на Прозорец> Прозрачност. Регулирайте плъзгача за непрозрачност, докато получите точния нюанс, който искате.

С непрозрачност от около 20 процента, така изглежда крайният продукт:

Още текстови ефекти на Photoshop, които да изпробвате

Лесно е да създадете нокаутиращ ефект в Illustrator и Photoshop. Ако имате достъп до двете програми, препоръчваме първо да използвате Photoshop, тъй като текстът може да се редактира по всяко време. Но за по -подробни дизайни, Illustrator е пътят.

как да добавите контур на текст във Photoshop

Ефектът на нокаут не е единственият творчески начин, по който можете да използвате текст в дизайна си. Разгледайте подробно нашите ръководства как да очертаете текст във Photoshop и как да добавяте текстури към текст във Photoshop за малко вдъхновение

Дял Дял Туит електронна поща Ръководство за начинаещи по анимиране на реч

Анимирането на реч може да бъде предизвикателство. Ако сте готови да започнете да добавяте диалог към вашия проект, ние ще разбием процеса вместо вас.

Прочетете Напред
Свързани теми
  • Творчески
  • Адобе Фотошоп
  • Adobe Illustrator
  • Урок за Photoshop
За автора Анди Бетс(221 публикувани статии)

Анди е бивш печатен журналист и редактор на списания, който пише за технологиите от 15 години. През това време той е допринесъл за безброй публикации и е създал копирайтинг за големи технологични компании. Той също така е предоставил експертен коментар за медиите и е бил домакин на панели на индустриални събития.

Още от Анди Бетс

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!

Щракнете тук, за да се абонирате