Archives pour la catégorie Conception 3D

Parlons d’infographiste 3d, modélisation 3d, animation 3d, setup 3d, rendu, éclairage, texturing, mise en scène, etc…

F4 Design investit dans les logiciels Adobe

Déjà plus de 3 ans que j’ai créé le site f4-design.fr et que j’accompagne des entreprises dans la création de leur identité visuelle, leur communication visuelle, leur site internet, etc…

Noël approche et je souhaite offrir un cadeau à mon entreprise qui soit à la fois utile pour mes clients et agréable, pour me permettre de travailler toujours dans de meilleures conditions et avec passion. Pour cela, j’ai décidé d’offrir à F4 Design, avec mon plus grand plaisir, la master collection CS6 de chez Adobe regroupée dans la version « Creative Cloud ». C’est la plus grande et la plus efficace des suites de logiciels professionnels à disposition pour les projets créatifs en infographie. Cela implique que j’explore les nouveautés de ces logiciels à partir de janvier 2013. Je pourrai ainsi commencer la nouvelle année avec des nouveautés techniques et infographiques à proposer à mes clients. En priorité pour cette année, je vais tester les nouveautés sur les logiciels que j’utilise le plus : Photoshop, Illustrator, Dreamweaver, Flash et After Effect.

Je vous laisse découvrir la liste des applications qui sont maintenant à ma disposition pour répondre à vos demandes, sans limite dans les outils de création infographique.

Adobe Creative Cloud

Adobe Creative Cloud est un concentré de nouvelles technologies logicielles pour créer sans limite : 2d, 3d, animation, interactivité, vidéo, son, etc… Grâce à un stockage « cloud » synchronisé, les fichiers indispensables que vous avez sélectionnés restent stockés dans un espace dédié.

Les logiciels :

Découvrez les magnifiques miniatures des écrans de démarrage des logiciels de la Creative Cloud version CS6 de chez Adobe.




Crédits :

Adobe Systems Incorporated

Infos sur les logiciels Adobe :

Pour en savoir plus sur ces logiciels, je vous invite à visiter le site Adobe à cette adresse : http://www.adobe.com/fr/

F4 Design, 100/100 connecté en 2013

Une année 2013 qui s’annonce haute en créativité et en innovation :), j’espère avoir suffisamment de temps pour exploiter les nouveautés proposées sur mes logiciels favoris et vous partager quelques unes de mes expériences.

Répondez à ces questions

  • Avez-vous des questions sur le thème abordé ?
  • Quels sont vos projets avec les logiciels Adobe ?

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

Trouver l’infographiste idéal… Mon nouveau livre bientôt disponible !

Livre - Enfin trouver l'infographiste idéal pour votre projet

Depuis quelques temps, en plus des projets pour mes clients et collaborateurs sur F4-Design, je travaille sur des projets personnels comme mon nouveau blog comment-devenir-indépendant.fr ainsi que l’écriture d’un livre numérique pour aider les personnes à trouver l’infographiste idéal pour leur projet.

Ce livre, naturellement intitulé « Enfin trouver l’infographiste idéal pour votre projet » ,  est le fruit des demandes que je reçois depuis plus de 3 ans, c’est à dire au moment où je me suis lancé dans l’infographie en tant que professionnel indépendant. C’est en remarquant la diversité de ces demandes ainsi que la frustration des personnes pour trouver rapidement un infographiste spécialisé pour leur projet, que j’ai décidé de proposer un guide pour permettre de dénicher l’infographiste adapté à celui-ci. Avec ce livre sous forme de guide,  j’espère aider un maximum de personnes dans leur choix.

Chaque projet est spécifique et requiert des compétences ou une expérience bien précises. Il faut savoir que chaque infographiste aussi est spécifique et possède des compétences plus ou moins spécialisées.

Voici le sommaire du livre :

  1. Pourquoi j’ai fait ce guide ?
  2. Qu’est-ce qu’un infographiste ?
    • L’infographiste en général
    • L’infographiste 2D
    • L’infographiste 3D
    • L’infographiste web
    • L’infographiste vidéo / vidéo graphiste
    • L’infographiste multimédia
  3. Définir vos besoins
  4. Identifier les acteurs de votre projet
  5. Comment percevoir les compétences et l’expérience d’un infographiste ?
  6. Rechercher vos futurs candidats
  7. Maintenant, c’est à vous d’agir

Acheter le livre ici : http://www.amazon.fr/Enfin-trouver-linfographiste-id%C3%A9al-projet-ebook/dp/B009AWB0G2/ref=sr_1_fkmr1_1?ie=UTF8&qid=1419191047&sr=8-1-fkmr1&keywords=truver+un+infographiste

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 😉

Interfaces utilisateur pour le futur

Cette vidéo montre une conférence avec John Underkoffler qui présente une démonstration concrète d’une future interface utilisateur tout comme dans le film Minority Report .

Avec l’utilisation de gants d’un écran et d’une table, relié les un aux autres pour une interactivité complète et possible  ainsi qu’une collaboration avec d’autres utilisateurs. Aussi un extrait de l’utilisation de la réalité augmentée notamment avec la projection d’ombres virtuelles…

John Underkoffler nous montre qu’il est aujourd’hui possible d’interagir dans des interfaces 3d de plus en plus puissantes et que l’avenir des nouvelles technologies connait une progression très rapide.

Les possibilités pour le grand publique s’annoncent grandioses.

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

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…

Mon stage à TF1 et LCI

Durant les mois de septembre , octobre et novembre 2008 , j’ai travaillé en stage au siège de TF1 et LCI à Boulogne Billancourt en tant que infographiste vidéographie.

J’ai donc dècouvert le monde des médias et l’étonnante mise en œuvre d’équipe réactive pour produire et mettre en place vos programmes Tv en temps et en heure.

tf1
tf1

En compagnie d’une équipe d’infographistes vraiment sympathiques professionnelles et productifs, j’ai utilisé multiples logiciels, tel que photoshop le bienveillant, illustrator le bien pratique , after effect l’incroyable ou encore 3dsmax le sauveur de situations difficiles 😉 , mais aussi des logiciels internes.

Je remerci toute l’équipe de la vidéo graphie TF1 et LCI ainsi que l’équipe de LCI.fr pour leur accueil et tout particulièrement Nathalie BELLEGO , responsable de ma venu.

A TF1 :

  • J’ai donc fournit des idées, fais des recherches sur des fonts neutres, proposé une pige pour les élections USA 2008, aidé à la fabrication des cartes des états des parties démocrates et républicains figurant lors de la grande soirée des élections américaines diffusée sur TF1 et LCI ou encore retouché des montage de présentations de programme, testé diverses effets sur after effects et 3DS Max pour faire des ciels animés et des fonts neutres, ainsi que la réalisation des logos 3d du parti Républicain et du parti Démocrate…

 

republicain-logo3d

A LCI :

  • J’ai aussi rejoind le service de LCI.fr pour remplacer l’infographiste du site LCI.fr , se qui m’a permis de retoucher à un site vitrine avec le logiciel Flash pour le Mondial de l’automobile. j’ai fait une refonte graphique de la page d’accueil du site lci.fr respectant leur charte graphique, un bandeau titre pour le Vendee Globe de cette année et quelque autres retouches, ou mise en page de news …

home_v6