Workshop Ecole de Design de Nouvelle Aquitaine - 2019
"Design graphique & réalité augmenté"
L'école de design de nouvelle aquitaine est un établissement formant aux métiers de directeur artistique, d'architecte d'intérieur et de game designer.
Atelier d'une journée avec les étudiants de la section design graphique et architecture.
Thème du workshop (Une journée)
Comment écrire une expérience AR efficace, et quelles sont les limites techniques et les outils d'aujourd'hui?
- Prolonger le graphisme de manière pertinente
- Raconter une histoire avec une expérience courte
- Inclure le spectateur dans une relation à l'image / texte
- Gérer la notion d'espace / ergonomie utilisateur en réalité augmenté
Présentation de l'outils Zapworks Studio
Logiciel de réalité augmentée / réalité virtuelle / réalité mixte
Exemples de visuels augmentés, portes ouvertes EDNA / exposition Kimsooja (poitier)
- Version WebAR : expériences sans application, accessible à travers un QR Code et le navigateur internet (moins fluide)
-> Les sources des Projets à télécharger et à importer dans le logiciel Zapworks Studio
Concepts du logiciel Zapworks Studio
Zapworks Studio est un logiciel qui permet de designer rapidement des experiences de réalité augmentée et de réalité mixte. Il permet d'intégrer et de scénariser des images, des videos, des modèles animés en 3d et des sons.
Zappar est le lecteur iOS et Android permettant de lire les expériences de réalité augmenté réalisées avec Zapworks studio.
Il est également possible de lire la réalité augmenté directement dans le navigateur web ( webAR: plus lent mais plus accessible ), grace à un QRcode généré à partir de l'interface web ( accessible depuis votre compte ).
Démarrage avec Zapworks Studio
1 - Créez un compte personnel “Hobby Account” ici https://zap.works/pricing/personal/ (utilisez le login avec Facebook ou google ) puis cochez la case “I am using zapworks for personal use only and not commercial”
2 - Téléchargez Zapworks Studio pour WINDOWS or APPLE
3 - Installez-le, Loguez vous, Vous êtes prêt!
-> N'oubliez pas d'activer votre compte dans le mail reçu pour publier.
Aspects techniques & conseils
- Garder un projet < 15 mo (téléchargement rapide).
- Target image: .jpg ou .png, Maximum 2048*2048 pixels conseillé. Mode couleur RGB (pas de CMJN). Images contrastées, éviter logo minimals.
- Video: .mp4, (H264 codec), de préférence hébergé en ligne (ex: https://videozapworks.s3.eu-west-3.amazonaws.com/video1.mp4).
- Sons: .mp4, (AAC codec), 160kbps, 44100hz.
- Modèles 3d supportés: fbx , obj + mtl , pod, dae (low poly, max 10 mo / modèle conseillé. Rig Animation, maximum 256 bones/mesh).
- Triggers: Zappar / webAR https://docs.zap.works/general/project-triggers/
Tutoriels en ligne (sélection)
Ressources et liens pour l'atelier
Logiciel:
Audacity (edition de sons gratuit)
Images:
http://www.pngpix.com/ Fichiers png transparents gratuits
https://www.freepik.com/ Fichiers vectoriels et .psd gratuits
Vidéos:
https://www.onlinevideoconverter.com/ Téléchargez et convertissez des vidéos de youtube etc
https://video.online-convert.com/ Convertir des fichiers en ligne
Sons
https://freesound.org/ Téléchargez des bibliothèques de sons gratuits
Modèles 3d
Zapworks Basic 3d model Petits modèles 3d à télécharger optimisés pour Zapworks studio
https://sketchfab.com/ Site de ressource de modèles 3d (intégré à Zapworks Studio)
https://labs.sketchfab.com/sculptfab/ Créez des sculptures 3d en ligne
https://clara.io/ Créez des modèles et animation 3d en ligne
https://app.sketchup.com/ Créez des modèles 3d en ligne (Exportez en FBX ou DAE)
SubSymbol for Zapworks Studio:
- Media Player (lecteur video & son facilement contrôlable avec les états)
- Media Playlist (Playlist de media: image / son / video au hasard)
- Exemple de lien video en ligne:
https://videozapworks.s3.eu-west-3.amazonaws.com/video1.mp4
https://videozapworks.s3.eu-west-3.amazonaws.com/video2.mp4
https://videozapworks.s3.eu-west-3.amazonaws.com/video3.mp4
Quelques exemples d'utilisation de la réalité augmentée
https://www.jvonstengel.com/projectar