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)

1 - Télécharger le lecteur ZappAR:

Zappar for iOS

Zappar for Android

 

2- Ouvrez ZappAR et Fixer une image suivante:

- 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/

 




Les exercices réalisés lors du workshop, à importer dans Zapworks Studio:

 

Exercices EDNA.zip

 

 



Ressources et liens pour l'atelier

 

Logiciel:

Zapworks Studio OSX

Zapworks Studio Windows 

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