Technique: réalité augmentée

2ème année Mastère Design Graphique - 21h d'enseignement


Hyper-Réalité de Keiichi Matsuda | http://km.cx

Le cours métrage propose une vision provocante et kaléidoscopique du futur, où les réalités physique et virtuelle n’en forment plus qu’une, et où la ville baigne dans une saturation médiatique.

 

Plus d'infos http://hyper-reality.co

Organisation du module de cours


6 Oct 7 oct 8 oct 10 Oct 18 Nov 20 Nov 8 Dec 11 Dec
Intro / démo / Exercice Exercices Exercices Projet Projet Projet Projet Projet

3h

3h 3h 3h 2h 2h 2h 2h

Présentation



Mattercraft : outil de réalité augmentée en ligne


Multimédia et interaction

Insérer des textes, images, vidéos modèles3d animés...

 

Réalité augmenté en webAR

Expérience AR accessible depuis un QrCode pour voir des produits en réalité augmenté sans application

 

Intégration site internet

Le projet peut être inséré dans une balise iframe sur n'importe quel site

 

Suivi google analytic...


Créer votre compte sur la plateforme Zapworks


1 - Créez un compte essais 14 jours avec votre adresse Esdac en cliquant ici

 

-> Validez le lien sur votre email...

 

2 - Lorsque la licence Excelia sera activée sur votre e-mail, utilisez l'espace de travail (Workspace) : "Excelia"


Créer un nouveau projet avec tracking Image


1  - Créer un nouveau projet Zapworks, sélectionner l'outils "Mattercraft", donner un nom.

2 - Dans Mattercraft, choisir "Blank" project

3 - Clicker "Add-ons & Dependencies" -> Browse ->  "Augmented realities by Zappar" -> install

4 - Dans votre home Project (icone home),  Clicker "+" -> "Train image Target" -> Size en "unknown"

5 - Ajouter "Zappar Camera" dans votre hierarchie


Exercices Mattercraft


Télécharger
EXERCICE 0 - Introduction.zip
Archives compressées en format ZIP 9.3 MB

Ressources en ligne pour la création de contenus


 

Images 2d (.jpg, .png)

- Générer des images par IA avec freepik.com

- Améliorer la qualité des images avec upscale.media

- Images transparentes en png à télécharger gratuitement sur cleanpng

- Un Photoshop gratuit dans le navigateur web avec Photopea

 

Animation 2d (Lottie)

- Télécharger et éditer des animations Lottie avec https://lottiefiles.com/

- Des icones animées gratuites sur https://finsweet.com/

- Des illustrations animées sur https://creattie.com/

- Visualiser une animation (player en ligne) : https://lottiefiles.com/preview 

Plugin gratuit pour after effect 

 

Modèles 3d (.glb)

- Visualiser vos modèle 3d dans le navigateur web avec gltf-viewer

 

- Télécharger un modèle 3d en .glb sur Sketchfab (choisir "downloadable")

- Générer un modèle 3d avec Tripo3d.ai (choisir: "Light version" puis .glb retopologize : "med" )

- Réduire la taille des modèles 3d pour les téléphones avec Rapid compact

- Scanner un object en 3d depuis son téléphone avec Polycam

 

Vidéos (.mp4)

- Télécharger une vidéo youtube en .mp4 avec notube

- Créer des présentateurs video sur fond vert à partir de texte avec vidnoz

- Créer des avatars de plein pied et faire un montages riche avec deepbrain.io

- Télécharger des fichiers audio / bruitages .mp3 sur freesound.org

 

Divers

- Tester la stabilité d'une image Target avec Pictarize

- Générer un QrCode lié à un lien internet / médias / sms / contacts etc avec QR Code Generator

- Créer des formulaires intelligents basés sur demande avec formless.ai

- Convertir des fichiers avec freeconvert

- Paramétrer Google analytic avec Zapworks Designer après avoir créer un tracking ID

 

 

Affiches Réalité augmentée (clic -> flasher en plein écran)


Réalité augmenté sur packaging (flasher en plein écran)


Présentation de produits "web embed" avec Designer


Pour insérer une expérience dans un site, Créer un trigger de type "Web Embed", puis paramétrer dans le projet

Présentation de produits "web embed" avec Designer


Exemple divers avec Zapworks Designer...


Devoirs à rendre


Evaluation 1 : Télécharger le devoir théorique. A rendre par email avec comme object "Evaluation 1" sur raphael.isdant@ecole-esdac.fr

Evaluation 2 : Télécharger le devoir pratique à rendre en fin de session le 14 octobre (votre image target contenant un QrCode publié)