Archives pour la catégorie 3D

* Création de scénarios, de Storyboard et Concept Art pour la pré-conception 3d.
* Modélisation Polygonales et nurbs en 3d.
* Animatique et mise en scène 3d
* Setup, animation et dynamique 3d.
* Textures et matériaux en 3d.
* Éclairages et rendus 3d.
* Traitement d’images 3D fixes et animés.

Livre numérique : Enfin Trouver l’infographiste idéal pour votre projet

loic-tortelier-infographiste-couverture-3dLe livre numérique sous forme de guide « Enfin trouver l’infographiste idéal pour votre projet » est disponible en vente sur Amazon !
Exclusivement pour les tablette Kindle d’Amazon.

Je rappelle que j’ai écrit ce livre pour aider les personnes qui souhaitent entreprendre un projet pour lequel elles ont besoin d’un infographiste. Plus précisément un infographiste indépendant qualifié pour un projet spécifique. Cela peut être par exemple des projets d’identité visuelle, communication visuelle pour une entreprise, de la création web, de la vidéographie ou de la 3D, etc.

Le guide se déroule en 5 chapitres :

  1. Qu’est-ce qu’un infographiste
  2. Définir vos besoins
  3. Identifier les acteurs de votre projet
  4. Comment percevoir les compétences et l’expérience d’un infographiste
  5. Rechercher vos futurs candidats

Réalisation d’animations vidéos et habillage graphique pour 14 reportages de l’ADEME

Intro de la série des vidéos, retrouvez d’autres vidéos en bas de page.

Le projet de la série des reportages vidéos ECON’HOME.

Je suis heureux de vous présenter les 14 vidéos de la série de reportages pour l’opération ECON’HOME. Ces reportages ont été tournés et réalisés par Toulous’Ethic avec qui j’ai travaillé sur le projet en tant que vidéo graphiste designer.

Cette série vous présente 14 familles qui ont suivi les recommandations des conseillers INFO->ÉNERGIE dans la région Midi Pyrénées pour améliorer leur logement avec des équipements écologiques et économiques. Ces familles sont en plein projet de construction ou d’amélioration de leur habitation.

En ce qui concerne mon travail, j’ai donc suivi  la direction du projet réalisé par Anne-Marie Fontaine, journaliste et réalisatrice des vidéos pour Toulous’Ethic. Lors d’un rendez-vous avec l’ADEME pour décider du style  vidéographique, j’ai proposé plusieurs pistes graphiques suivant des exemples. L’ADEME a rapidement fait son choix.

Les grandes étapes de la création des Animations vidéos :

Le Storyboard

A partir de là, nous avons travaillé sur le sujet global et sur les sujets des différents reportages pour en déterminer des storyboards scénarisés pour le jingle et les animations. Je me suis donc occupé de la création de ceux-ci dont voici une planche en exemple :

Storyboard - jingle econ'home pour ADEME

Le Concept Art

Un fois les storyboard validés, j’ai donc commencé par un concept artistique afin de valider l’ambiance et le style graphique des animations et notamment du jingle d’introduction.

concept artistique de jingle vidéo avec une maison , un jardin dans un mallette.
Concept artistique de l’ambiance dans un plan d’action du jingle que j’ai créé en pré-projet.

Le jingle d’introduction et les animations

habillage-video-incrustation-fond-vert

habillage-video-explications-animation

habillage-video-animation-vmc-double-flux-puis-canadien

habillage-video-animation-vmc-double-flux

habillage-video-animation-chaudiere-silo-a-granules

La création du jingle d’introduction a été déclinée en un 2ème jingle pour 10 reportages sans les conseillers INFO->ÉNERGIE et 4 reportages avec les conseillers. Ces 4 reportages sont, chacun, accompagnés d’une animation vidéo réalisée sous After effects sur lequel j’ai utilisé le procédé de 3D  proposé par ce logiciel vraiment extra. Afin de mieux comprendre comment monter et réaliser les animations vidéos, j’ai accompagné Anne-Marie lors de ses reportages et nous avons pris des vues pour avoir de la matière et réfléchir sur les animations.

Concernant le jingle, j’ai commencé par utiliser un logiciel de 3D pour la mallette vide et son animation et créé quelques matériaux ainsi qu’un éclairage global. La suite de la composition de l’animation et des ses éléments a été animée sous After Effects et colorisée soit sous Photoshop soit directement sous After effects.

Les animations et jingles ont été créés à l’origine en Haute définition 1920×1080 pixels, mais par choix technique et autres contraintes, nous avons donc tourné ces reportages de façon plus traditionnelle en 4/3 soit 768×576 pixels. Les animations ont donc simplement été adaptées à la taille de sortie des vidéos. J’avais heureusement prévu cette possibilité en déterminant les zones d’action et de texte en conséquence.

L’habillage vidéo

habillage-video-motion-design

L’habillage a, quant a lui, été créé suivant l’esprit graphique que je souhaitais dégager et garder sur l’ensemble du projet. J’ai notamment eu l’idée de réutiliser les particules de couleurs créées pour le jingle d’introduction sous After effect qui représentent les ronds de couleurs du logo INFO->ÉNERGIE et qui donnent du dynamisme aux vidéos tout en faisant un rappel inconscient du logo, donc de la marque, pour le spectateur.

La série des reportages vidéos ECON’HOME de l’ADEME et des Espaces INFO->ÉNERGIE

Je vous laisse découvrir les 14 reportages vidéos qui sont nommés : « maison individuelle économe en énergie (X) »
et qui ont été mis à disposition sur la Chaîne de l’ADEME sur Wat TV.  J’espère avoir vos commentaires en dessous de cet article pour me dire ce que vous pensez des animations et des reportages :





Visionner plus de reportages, rendez-vous sur La chaîne ADEME sur Wat TV en cliquant ici

J’espère aussi que grâce à ces reportages vous en apprendrez plus pour faire des économies d’énergie dans votre habitation 😉

Les Making of Moi Moche et Méchant !

Toujours autant passionné par la 3D  j’ai réuni une sélection de vidéos de « Making of » pour la sortie du Film « Moi Moche et Méchant » !

Découvrez les coulisses de la production et plonger dans l’univers de la 3d !

1. La 3D pour les nuls !

(Dans cette vidéo est expliqué la différence entre la 3d et la « 3d » c’est à dire le relief…)


2.Walk and Talk

(Dans cette vidéo sont expliqués les principaux Pôles de cette production 3D)


3. Les Français

(Dans cette vidéos Les Français rentre en Action !)

Et pour le Plaisir un petit extrait du film !

Refonte du site internet karting92.com

http://www.Karting92.com

Cet été, j’ai été amené à prendre en charge la refonte graphique et restructuration « relooking complet » du site de karting Parisien bien connu dans notre capitale, Karting 92.

Mais j’ai aussi été chargé d’ajouter une animation de karting 3d intégré dans le haut de page flash crée pour l’occasion, puis de mettre en place de nouvelles pages… suivant l’audit d’une société externe.

A partir des ressources graphiques du client, de mes propres ressources et de créa, j’ai personnalisé plusieurs des pages du site tout en respectant la conception de leur identité visuel créée préalablement par mes soins. Certaines contraintes comme la réutilisation du code du développement de l’ancien site m’ont amenées à trouver des solutions d’intégration et d’animation rapides. Ce sont ces mêmes contraintes qui m’ont servies à estimer le temps de conception nécessaire lors du début du projet afin de répondre aux attentes.

Les grandes étapes du projet :

_Refonte graphique/maquettage

_Animation 3D, Compositing et Flash

_Découpage et intégration

_Récupération/implantation de la structure PHP

_Tests et correctifs

_Création de nouvelles pages en cours de projet

_Création de 4  modèles de newsletter

_Tests et correctifs

_Mise en ligne du site , test et correctifs

Voici un aperçu de trois maquettes des pages du site :

webdesign maquettewebdesign maquettewebdesign maquette

Voici un aperçu d’un modèle de newsletter du site :

webdesign newsletter


Je vous invite à consulter le site Karting 92 à l’adresse internet suivante http://www.Karting92.com

Modélisation et rendu HDRI , voiture de luxe

Je me suis exercé à la modélisation extérieure d’une voiture en « High polygone » en cinq jours de travail.

screen_rendu_ferrarie_01

Visionner la vue 01 de la modélisation

Visionner la vue 02 de la modélisation

Visionner la vue 03 de la modélisation

Visionner la vue 04 de la modélisation

Rendu HDRI pour le fun le cinquième jour, je voulais vraiment respecter mon timing. Pour les fans de 3d, je recommande donc un très bon site pour Maya, que j’utilise : « digital tutors » qui me sert beaucoup en 3D.

Visionner le petit rendu de la voiture

Visionner le « wip » de la voiture

Intégration html css flash , Montage, animation 3d Porsche Design

J’ai participé à la création du site http://www.mobileporschedesign.com pour Porsche Design en  2009.

Intégration des premières page en html/css .

J’ai réalisé le montage vidéo sur after effect puis l’animation 3d sous 3ds max des téléphones Porsche Design sur plusieurs pages.

Puis j’ai créé et intégré des fichiers en Flash pour l’introduction vidéo/3d avec une lecture aléatoire, ainsi que la séquences d’images des portables qui tournent…