Підготували для вас незвичайний покроковий туторіал для створення ефектного та нетипового дизайну гортаючися літер. Дизайн буде круто виглядати для обкладинки фестивального сайту або сайту-портфоліо. Щоб створити ефект будемо працювати в Figma.
Для виконання уроку вам знадобиться плагін із Figma Community:
SkewDat
Напишіть букву
- Виберіть Text T і напишіть першу літеру слова.
- У пункті "Text" налаштуйте стиль та розмір шрифту.
- Переведіть букву у вектор, вибравши її та натиснувши "Ctrl/Command”
Використовуйте плагін
- Виберіть літеру і в "Resources" у пошуку знайдіть плагін "SkewDat"
- Переверніть літеру за допомогою параметрів плагіна. Потім розтягніть літеру.
- Не закриваючи плагін, дублюйте букву, вибравши її та натиснувши
- Переверніть 2-у літеру за допомогою плагіна "SkewDat". Розтягніть літеру.
5. Не закриваючи плагін, дублюйте 2-у літеру
6. Переверніть 3-ту літеру, як у прикладі ліворуч. Розтягніть літеру.
7. Дублюйте 3-ю літеру ("Ctrl/Command +D") і переверніть її за допомогою плагіна. Розтягніть літеру
8. Закрийте плагін, натиснувши "Apply".
Редагуйте літери
- У 1-й та 4-й літер у пункті "Fill" виберіть "Linear"
- Налаштуйте градієнт 1-ї літери, як у прикладі.
- Налаштуйте градієнт 4-ї літери, як у прикладі.
- У 2-ї та 3-ї літер у пункті "Fill" виберіть "Solid"
5. Налаштуйте кольори зі 100% прозорістю.
6. У всіх букв у пункті "Effects" натисніть на "+" та виберіть "Inner shadow".
7. Налаштуйте внутрішню тінь, однакову для всіх літер.
8. З 2-4 літери додайте "Effects" - "Drop shadow" та налаштуйте тіні.
Додати ще літери
- Напишіть інші літери слова окремо.
- Повторіть попередні дії. Для кожної літери налаштуйте свій нахил та кольори за бажанням.
- У такий спосіб створіть друге слово.
- Додайте літери в макет і вільно розташуйте їх на обкладинці.
⚡ Якщо тобі сподобався цей матеріал, підпишись на наші соціальні мережі Instagram / Facebook / Linkedin / Telegram. Там ти знайдеш більше цікавих матеріалів про дизайн.
🖤 Підтримати проект ←Банка Mono