Опис проекту:
Потрібен якісний намальований human-like аватар для інтерактивного web widget. Це не статичне зображення і не
проста CSS-анімація. Потрібен живий анімований персонаж у Rive: аватар дивиться на користувача, моргає,
трохи рухає головою, реагує на різні стани інтерфейсу і може рухати ротом під час мови/озвучення.
Стиль: сучасний, чистий, дружній, human-like, схожий на якісну digital illustration / product
маскота. Не потрібен 3D, не потрібен фотореалізм, не потрібен дитячий мультяшний стиль.
Головне завдання:
Створити один базовий Rive-риг human avatar, який можна кастомізувати: ім'я, колір бренду, волосся, колір
волосся, обличчя, одяг, колір одягу, колір очей, тон шкіри, аксесуари. У майбутньому на базі цього рига планується
зробити бібліотеку з 10-20 аватарів.
Що повинно бути в результаті:
1. Вихідний файл .riv.
2. Експортований .riv, готовий для web runtime.
3. Усі права на комерційне використання повинні бути передані нам.
4. Не можна використовувати чужі copyrighted assets, чужих персонажів або копії існуючих сервісів.
5. Аватар повинен працювати через Rive runtime у браузері.
6. Файл повинен бути оптимізований для web widget: швидко завантажуватися, без важких текстур і зовнішніх залежностей.
Обов'язкова кастомізація персонажа:
Аватар повинен підтримувати перемикання варіантів через Rive inputs / state machine / data binding:
- Тон шкіри: мінімум 6 варіантів.
- Форма обличчя: мінімум 3 варіанти.
- Стиль волосся: мінімум 8 варіантів.
- Колір волосся: мінімум 10 варіантів.
- Колір очей: мінімум 6 варіантів.
- Стиль/колір брів: окремо або пов'язано з кольором волосся.
- Стиль одягу: мінімум 5 варіантів.
- Колір одягу: мінімум 10 варіантів.
- Колір акценту бренду: мінімум 10 варіантів або керований колір.
- Аксесуари: мінімум 5 варіантів, наприклад, окуляри, навушники, серйги, без аксесуара.
- Додатково: колір фону/світіння/кола/онлайн значка.
Якщо в Rive незручно передавати HEX-кольори безпосередньо, можна зробити palette indexes: hairColorIndex,
outfitColorIndex, brandColorIndex, skinToneIndex.
Стан аватара:
Потрібна Rive State Machine з зрозумілими inputs. Назва state machine: AvatarStateMachine.
Обов'язкові стани:
- idle — спокійне очікування, легке дихання, мікродвиження голови.
- greeting — коротке привітання / wave / smile.
- active — аватар знаходиться в активному стані.
- listening — аватар уважно слухає.
- thinking — коротка реакція очікування.
- speaking — аватар говорить, активна анімація рота.
- handoff — нейтральний стан переходу.
- offline — спокійне вимкнене стан.
- error — м'яка помилка, без агресивної анімації.
Обов'язкові анімації обличчя:
- Природне моргання.
- Рух очей / легкий погляд навколо.
- Усмішка / нейтральні / зосереджені вирази.
- Кивок головою.
- Невеликий поворот голови вліво/вправо.
- Рух рота для мови.
- Плавний перехід між станами.
- Без "стрибків вгору і вниз" як основна анімація. Потрібна саме жива міміка обличчя.
Lip sync / mouth rig:
Потрібна підтримка lip sync. Мінімальний варіант: input mouthOpen або volume, який відкриває рот по рівню
гучності.
Ідеальний варіант: viseme inputs:
viseme_0 ... viseme_21: number 0-1
isSpeaking: boolean
volume: number 0-1
Якщо full viseme rig занадто дорогий, потрібно дати окрему ціну для simple volume mouth і full viseme mouth.
Rive inputs, які повинні бути задокументовані:
isActive: boolean
isListening: boolean
isThinking: boolean
isSpeaking: boolean
isOnline: boolean
isMuted: boolean
isError: boolean
greet: trigger
wave: trigger
nod: trigger
smile: trigger
handoff: trigger
volume: number 0-1
lookX: number -1 to 1
lookY: number -1 to 1
skinToneIndex: number
faceShapeIndex: number
hairStyleIndex: number
hairColorIndex: number
eyeColorIndex: number
outfitStyleIndex: number
outfitColorIndex: number
accessoryIndex: number
brandColorIndex: number
Artboards / розміри:
Потрібні мінімум 3 artboards:
1. WidgetAvatar — квадратний аватар для web widget, 512x512 або scalable vector.
2. LargeAvatar — великий bust/portrait аватар для demo screen.
3. AvatarOnlyTransparent — тільки персонаж на прозорому фоні.
Аватар повинен добре виглядати в маленькому розмірі приблизно 160x160 px і в великому розмірі приблизно 500x500
px.
Якість дизайну:
Персонаж повинен бути приємний, сучасний, human-like. Не потрібен примітивний flat icon style. Не потрібен дивний
cartoon face. Не потрібен generic stock avatar. Обличчя повинно виглядати акуратно: нормальні пропорції, приємні
очі, якісне волосся, акуратний одяг.
Перед фінальною анімацією потрібно спочатку погодити статичний концепт: 2-3 варіанти обличчя/стилю. Після затвердження
одного варіанту робити rig і анімацію.
Етапи роботи:
1. Moodboard / style proposal.
2. 2-3 статичних концептів аватара.
3. Затвердження одного концепту.
4. Створення Rive rig.
5. Додавання кастомізації.
6. Додавання state machine.
7. Додавання facial animations.
8. Додавання mouth rig / lip sync.
9. Оптимізація файлу.
10. Передача .riv, документації по inputs і короткого demo HTML/preview.
Критерії приймання:
- Аватар виглядає професійно і human-like.
- Усі стани перемикаються через Rive State Machine.
- Можна змінювати волосся, колір волосся, тон шкіри, очі, одяг, колір бренду.
- Є idle, active, listening, thinking, speaking анімації.
- Рот рухається під час speaking.
- Анімація обличчя жива, не тільки рух всього тіла вгору-вниз.
- .riv працює в web runtime.
- Файл не містить чужих copyrighted assets.
- Передані комерційні права.
- Є коротка документація: список inputs, artboards, states, як змінювати варіанти.
Behance
