Ефект вирізаного тексту у Figma ✂️ Хочеш додати дизайну трохи handmade-настрою? Спробуй ефект тексту,

Графічний дизайн

Графічний дизайн

@graphic_designerisss

Референси, туторіали та ідеї з поясненнями, які можна одразу застосувати в роботі Усі матеріали публікуються з відмітками авторів – це підтримка креаторів і можливість взаємодіяти з ними напряму 🤍 💬 @graphic_designerisss_chat 👩‍💻 @graphic_designerissss

10,769 subscribers
Open in Telegram
Ефект вирізаного тексту у Figma ✂️

Хочеш додати дизайну трохи handmade-настрою? Спробуй ефект тексту, ніби його вирізали вручну з фотографії


Як повторити:

1️⃣ Створи фрейм і додай фотографію
2️⃣ Напиши потрібний текст та одразу масштабуй його до потрібного розміру
3️⃣ Обери Pen Tool і вручну обведи кожну літеру, додаючи невелику асиметрію
4️⃣ Залий намальовані літери будь-яким кольором
5️⃣ Видали текстовий шар, а намальовані літери перемісти під фотографію
6️⃣ Виділи фотографію та шар із літерами, створи Mask і встанови режим Exclude
7️⃣ Додай легку тінь, щоб ефект вирізаного паперу виглядав об’ємніше

Цікавинка: саме невелика нерівність контурів робить ефект переконливим. Якщо літери будуть ідеально симетричними, вони більше нагадуватимуть звичайний цифровий текст, а не ручну вирізку


Збережи туторіал, щоб спробувати цей ефект у наступному постері ✨

#туторіал | автор
1 video is attached to this post — visible in the Telegram app.
Open post in Telegram