Зміст курсу
UI/UX з Figma
UI/UX з Figma
1. Основні Інструменти Figma
2. Створення та Організація Об'єктів
Маски
Маски у Figma використовуються для того, щоб показати певні частини шарів або об'єктів, приховуючи решту.
Ось як вони працюють:
- Розмістіть об'єкт (наприклад, зображення) та форму маски (наприклад, еліпс) разом, з формою маски позаду об'єкта;
- Виберіть обидва шари, клацніть правою кнопкою миші та виберіть Використати як маску, або використовуйте комбінацію клавіш Ctrl+Alt+M (Windows) / Command+Option+M (Mac). Основа маски стає невидимою, показуючи лише вибрані частини шару над нею;
- Ви також можете робити маскування з текстом. Розмістіть текст позаду зображення та використовуйте його як маску для створення креативних текстових ефектів. Шари в масці можуть бути змінені за розміром або масштабовані незалежно;
- Основна форма маски стає невидимою, коли кілька об'єктів маскуються разом. Щоб додати фон до маскованого дизайну, створіть нову форму та розмістіть її позаду основи маски;
- Прозорі PNG також можуть діяти як маски, а форми можуть бути замасковані PNG для створення складних дизайнів.
Маски зазвичай пропонують більше гнучкості, ніж заповнення зображенням, дозволяючи комбінувати кілька об'єктів у складні дизайни. Хоча Figma має відносно небагато форм та інструментів, вона надає основи, і з цими простими елементами ви можете створювати дійсно блискучі дизайни.
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 3. Розділ 2