Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Маски | Створення Візуалів
UI/UX з Figma
course content

Зміст курсу

UI/UX з Figma

UI/UX з Figma

1. Основні Інструменти Figma
2. Створення та Організація Об'єктів
3. Створення Візуалів
4. Прототипування
5. Подання Роботи

book
Маски

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

Ось як вони працюють:

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

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

Коли використовується прозорий PNG як маска, що визначає форму маски?

Коли використовується прозорий PNG як маска, що визначає форму маски?

Виберіть правильну відповідь

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 3. Розділ 2
We're sorry to hear that something went wrong. What happened?
some-alt