Використання масок у Figma: Обрізання та нашарування для створення складних візуальних ефектів

Маски у Figma використовуються для відображення певних частин шарів або об'єктів, приховуючи решту.

Як це працює:

• Розмістіть об'єкт (наприклад, зображення) та форму маски (наприклад, еліпс) разом, при цьому форма маски має бути позаду об'єкта;
• Виділіть обидва шари, клацніть правою кнопкою миші та виберіть Use as Mask, або скористайтеся комбінацією клавіш Ctrl+Alt+M (Windows) / Command+Option+M (Mac). Основа маски стане невидимою, показуючи лише вибрані частини шару над нею;
• Маскування також можна виконувати з текстом. Розмістіть текст позаду зображення та використовуйте його як маску для створення креативних текстових ефектів. Шари в масці можна змінювати за розміром або масштабувати незалежно;
• Базова форма маски стає невидимою, коли разом маскується кілька об'єктів. Щоб додати фон до замаскованого дизайну, створіть нову форму та розмістіть її позаду основи маски;
• Прозорі PNG також можуть виступати як маски, а форми можна маскувати PNG для створення складних дизайнів.

Маски зазвичай забезпечують більшу гнучкість, ніж заливка зображенням, дозволяючи комбінувати кілька об'єктів у складні композиції. Хоча у Figma відносно небагато форм і інструментів, вона надає все необхідне, і з цими простими елементами можна створювати справді блискучі дизайни.