Як зробити обведення, що прорізає шари (knockout)
Обведення, що прорізає шари під текстом.
Що це таке
Обведення-прорізання — це обведення, яке нічого не малює. Замість кольорової лінії навколо літер воно прорізає проміжок крізь усе, що під ними, — фото, кольорові плашки, візерунок, — і крізь нього видно саме тло. Літери ніби вирізано зі сторінки з невеликим повітрям навколо.
Воно розвʼязує стару проблему: текст на строкатому фото. Звичайне обведення додає ще один колір, який має пасувати до зображення; прорізання додає простір. Літери відокремлює від зображення колір тла, який завжди пасує до макета, і результат виглядає як друк або висічена наліпка, а не фільтр.
Де його використовують
Обведення-прорізання — основа редакційних обкладинок, спортивних і подієвих афіш, наліпок і значків, сміливих дописів, де заголовок перекриває вирізану фігуру. Воно ж замінює тінь, коли текст перетинає кілька кольорів: один проміжок, один колір тла — і бездоганно чисто на кожній частині зображення.
Зроблено в Paletoo цим міксом:
Як зробити, крок за кроком
Відкрийте дизайн і виберіть текст, що перетинає фото чи інші шари. Жирний акцидентний шрифт дає проміжку місце, щоб читатися.
У вкладці Дизайн перейдіть до секції Обведення й натисніть Додати обведення.
Допис нічного кінопоказу відкрито в Paletoo, слово «Тихий» вибрано, відкрито вкладку «Дизайн» Натисніть кнопку прорізання в рядку цього обведення (її підказка — Прорізати шари під обведенням). Обведення перестає малювати колір: тепер воно прорізає проміжок крізь кожен шар під текстом — аж до тла.
Обведення-прорізання увімкнено: у секції «Обведення» — прорізання, а смуга навколо слова прорізала фото Задайте проміжок полем Ширина. Щоб прорізати лише шари безпосередньо під текстом, а не всі, виберіть у тому самому рядку, скільки шарів воно сягає, — за замовчуванням Усі шари.
Зблизька: смуга навколо слова, прорізана крізь фото до паперового тла Слова чи шрифт можна змінити будь-коли: проміжок точно йде за літерами й лишається живим, коли текст переміщують над іншою частиною фото.
Натисніть Експорт. У PNG і PDF проміжок показує тло точно так, як на полотні.
Подивіться, як це працює
Зробіть по-своєму
Колір проміжку визначає тло. Темне тло дає темну смугу, біле — білу; якщо хочете проміжок іншого кольору, змініть тло артборду або покладіть суцільний кольоровий шар одразу під фото й обмежте прорізання шарами над ним.
Тримайте проміжок у пропорції до літер: приблизно 3–5 % кегля читається як чисте відокремлення; набагато ширше починає виглядати окремою формою-контуром. Тонкому шрифту потрібен тонший проміжок, інакше закриються внутрішні просвіти літер.
Поєднайте його зі звичайним обведенням для вигляду наліпки: одне обведення-прорізання для проміжку й друге, кольорове, ззовні. У кожного обведення свій рядок, тож їх можна складати в будь-якому порядку.
Запитання
Чим прорізання відрізняється від порожнистого контуру?
Порожнистий контур робить прозорими самі літери. Прорізання вирізає смугу навколо них крізь шари нижче; літери зберігають заливку.
Чи може фігура мати обведення-прорізання?
Так. У прямокутників, кіл, контурів та інших фігур така сама кнопка прорізання в секції «Обведення».
Чи зберігається прорізання в експорті?
Так. Експорт у PNG, JPEG, PDF і відео показує проріз точно так, як на полотні. Експорт у PowerPoint не вміє передати прорізання й попереджає про це.
Чому я не бачу прорізу?
Якщо під текстом нічого немає, то й прорізати нічого. Перемістіть текст над фото чи іншим шаром і перевірте, що прорізання сягає цього шару.
Інші ефекти
Як викривити текст сіткою без растеризації
Натягніть сітку на заголовок — слова лишаються редагованими.
Як зробити ефект тисненого металу
Живий текст, втиснутий в аркуш і перетворений на хром.
Як зробити ефект дуотону
Дві яскраві фарби, сильний контраст і дрібне зерно постера.
Огляд: тренди графічного дизайну 2026
Зробіть онлайн: Дописи для Instagram онлайн · Ефекти для тексту онлайн · Зробіть логотип онлайн · Карусель для Instagram · Шаблони дописів для соцмереж · Шаблони брендбуків · Шаблони каруселей для Instagram
Спробуйте на своєму дизайні
Paletoo відкривається в браузері, без реєстрації. Кожен ефект тут живий: замініть фото чи слова — і ефект підлаштується.
Відкрити в Paletoo