Les styles en Motion design #1 : la 3D

Puisque mon compte Pinterest semble intéresser pas mal de followers, notamment grâce à mes nombreux tableaux de « styles et tendance en motion design », j’ai décidé de vous en faire profiter ici sur mon blog, en réalisant une série d’articles thématiques intitulés « Les styles en Motion design« .

Et pour inaugurer ces articles, j’ai choisi de vous parler en premier d’un style (ou plutôt d’une technique), qui me tient à cœur : la 3D.
Réalisée à l’aide de logiciels comme Cinema 4D (mon chouchou), de 3DS MAX, de Blender, de Maya ou autre, la 3D est plus que jamais omniprésente et ne cesse de repousser les limites de la créativité chez les motion designers.
Voici une liste non exhaustive de styles 3D reconnaissables utilisés en vidéo (n’hésitez pas à commenter pour suggérer d’autres rubriques !) :

  • La 3D photo-réaliste.

    tableau 3D réaliste Elle est partout (au cinéma, dans les spots TV…) mais se fait oublier tant elle est réaliste. Un bon projet de 3D photo-réaliste ne doit justement pas laisser supposer au spectateur qu’il y a eu des manipulations en 3D… et c’est là toute la difficulté ! Seuls quelques studios professionnels y parviennent réellement, même si de très bons moteurs de rendus 3D dits non biaisés (physiquement correct) commencent à vraiment devenir efficaces et abordables depuis quelques temps (Vray, Maxwell, Octane…).

  • La 3D abstraite.

    tableau 3D réaliste Que ce soit des title séquences commissionnées par les plus grands festivals de motion, des projets d’étudiants ou des animations personnelles, les meilleures créations expérimentales réalisées majoritairement en 3D sont regroupées dans cette catégorie.

  • La pâte à modeler simulée en 3D.

    tableau 3D réaliste Il s’agit pour ces réalisations de reproduire les animations traditionnellement réalisées en pâte à modeler en stop-motion (à la « Wallace et Gromit« ), mais avec les outils 3D pour faciliter le processus ou pour fluidifier les animations, libérant ainsi le potentiel créatif. Les animations et génériques pour enfants sont un excellent terrain de jeu pour ce genre d’animation !

  • La 3D isométrique.

    tableau 3D réaliste Derrière ce nom barbare se cache un style très simple mais très tendance ces dernières années : la 3D isométrique utilise un point de vue reconnaissable entre mille, caractérisé par l’absence totale de point de fuite (donc pas de perspective du tout). Dans ce style très particulier, les côtés (largeur, hauteur, profondeur) restent toujours parallèles entre eux, et les images sont toujours construites avec des angles de 30°, 60°et 120°.

  • L’origami recréée en 3D.

    tableau 3D réaliste Toutes les animations de pliage et dépliage réalisées uniquement grâce à la 3D et visant à reproduire ce qui peut-être fait avec du papier grâce aux techniques d’origami, peuvent être ajouté dans cette rubrique. L’un des exemples les plus connus de ce style est la publicité pour La Poste, réalisée par l’agence BETC et intitulée sobrement « Pliages« .

  • Les spots et gingles en full 3D (broadcast).

    tableau 3D réaliste Toutes les animations dont les contenus ont été modélisés, éclairés, texturés, animés, et rendus (de manière non photo-réaliste) à l’aide de logiciels 3D entrent dans cette vaste catégorie ! Les génériques d’émission de divertissement ou de sport «à l’américaine» ainsi que les gingles de chaînes TV sont souvent réalisés dans ce type de style, pour le dynamisme et le côté « Wow ! » qu’il apporte (on appelle ce secteur particulier de l’industrie audiovisuelle le Broadcast).

  • La 3D « low poly ».

    tableau 3D réaliste C’est un procédé 3D dont le rendu fait sentir volontairement et clairement le nombre insuffisant de polygones dans les objets, l’environnement, les personnages… Il en résulte un aspect « à facettes » typique, parfois en quadrangles (en carrés, rectangles et losanges) et d’autres fois en triangles. Une tendance graphique qui a fait beaucoup d’émules depuis ces dernières années !

  • Les images fixes projetées sur des géométries 3D (broadcast).

    tableau 3D réaliste Style d’animation bien reconnaissable où la caméra (en 3D) semble « voyager » autour de personnages figés dans le temps. Ce procédé particulièrement spectaculaire a été rendu populaire par des studios de production audiovisuelle comme ONESIZE. Un maximum de photos de références sont prises sous tous les angles possible lors du tournage, et la géométrie des personnages est recréée en 3D par la suite, sur laquelle sera projetée (comme « plaquée ») une texture reconstruite à partir de ces photos.

  • Un sapin 100% customisable dans Cinema4D pour toutes vos scènes de Noël !

    Une fois n’est pas coutume, je vous offre cette année encore une scène C4D qui pourrait vous être bien utile pour la saison des vœux : un sapin de noël en 3D, 100% paramétrable grâce à des attributs pilotés via le puissant éditeur nodal Xpresso de Cinema 4D !

    En ouvrant la scène FremoX-mas_Tree.c4d, vous serez en mesure de changer très facilement la hauteur et le nombre de sections de l’arbre, le nombre de branches, la gravité, la torsion, la courbure.., juste en allant dans les « Données utilisateur » du cadeau (cf. capture ci-dessous)…
    Pratique pour peupler toutes vos scènes d’hiver en étant sûr que tous vos arbres aient un style unique !

    Par ailleurs, vous trouverez dans cette même scène un matériau de neige très léger et assez réaliste, que vous pourrez ré-utiliser dans toutes vos scènes enneigées.

    Libre à vous d’utiliser ces fichiers comme bon vous semble ; que ce soit pour une utilisation commerciale ou dans un but d’apprentissage… C’est cadeau et c’est royalty free !

    Télécharger la scène C4D

    Si l’utilisation d’Xpresso ou la création d’objets paramétriques dans Cinema 4D vous intéressent, n’oubliez pas que mon organisme est apte à donner des formations sur-mesure puisqu’il est enregistré auprés de la DIRECCTE (formations éligibles au DIF).

    N’hésitez pas à me contacter et joyeuses fêtes de fin d’année à tous !

    Wishlist de tutoriaux pour 2014

    La nouvelle année arrive, et avec elle, les bonnes résolutions !

    De mon côté, je vais tout faire pour me libérer plus de temps et axer mon travail sur de la formation.

    La formation sous toutes ses formes puisque je suis formateur en 3D à l’école Cepreco (Roubaix), enregistré aussi en tant qu’organisme de formation auprès de la DIRRECTE (il m’est donc possible de donner des formations éligibles au DIF dans toute entreprise ou auprès de particuliers en fonds propres), et enfin, sous forme de tutoriaux puisque vous le savez, ce blog a démarré il y a quelques années maintenant en donnant des astuces et des techniques sur Photoshop et Illustrator, mais aussi plus récement avec mon premier tutoriel Cinema 4D sur la plateforme payante tuto.com (voir l’article « Créer une toile d’araignée photo-réaliste sur Cinema 4D« ).

    Pour vous, peut-être est-ce l’occasion de vous former un peu plus sur des logiciels de graphismes (Photoshop, Illustrator, Indesign…), ou sur des logiciels plus spécifiques à la production audiovisuelle (AfterEffects, Cinema 4D). Que l’on soit étudiant(e), passionné(e) ou même professionnel(le), il y a toujours une bonne raison de perfectionner son apprentissage, et les tutoriaux sont excellent moyen d’y parvenir à moindre frais ! L’outil vidéo en ligne reste à ce jour le plus ludique et le plus efficace, puisqu’à tout moment vous pouvez mettre en pause la vidéo ou la revoir encore et encore jusqu’à ce que vous ayiez effectivement réussi vos manipulations.

    Je projète effectivement de publier plus de tutos cette année, autour du graphisme et plus particulièrement de la 3D et de l’animation (dans After Effects). C’est pourquoi – et c’est là le véritable objet de cet article – j’aimerais connaître votre avis et savoir quels sont les thèmes ou exercices que vous aimeriez « trouver » en tant que tuto sur le web, pour que je puisse être sûr de cibler au mieux mes futurs tutoriels. N’hésitez donc pas à commenter cet article et à y décrire vos souhaits, et pourquoi pas à détailler vraiment ce que vous souhaiteriez créer de manière très détaillée. J’éplucherai vos réponses et essaierai de poster rapidement un tuto correspondant à ce qui me semblera le plus utile et le plus judicieux !

    Alors, à vos claviers, et d’ici le premier tuto, je vous souhaite une excellente fin d’année !

    Un cadeau customisable en 3D (Cinema4D) pour les fêtes !

    visuel_voeux_freeC4D_cadeau

    FREMOX vous souhaite ses meilleurs vœux pour 2014 !
    Et oui, encore une année riche en projets créatifs et variés qui touche à sa fin, et avec elle, l’occasion de faire la fête… et de faire des cadeaux !

    Je vous propose cette année un cadeau de saison bien utile: un paquet cadeau en Cinema 4D, 100% paramétrable grâce à des attributs pilotés via le puissant éditeur nodal Xpresso !

    En ouvrant la scène cadeauParametrique.c4d, vous serez en mesure de transformer très facilement les dimensions en X, Y et Z de la boîte, la taille de son biseau, la forme du noeud et le décalage de ce dernier, juste en allant dans les « Données utilisateur » du cadeau (voir la capture ci-dessous)…
    C’est aussi simple que celà !

    fenetre_CadeauParam

    Par ailleurs, vous trouverez la scène 3D qui a permis de faire le rendu de l’image ci-dessus, mettant en situation 3 paquets cadeaux paramétrés différemment et avec différents matériaux (bien utiles également pour toutes vos scènes de Noël !)

    Libre à vous d’utiliser ces fichiers comme bon vous semble ; que ce soit pour une utilisation commerciale ou dans un but d’apprentissage… C’est cadeau et c’est royalty free !

    Télécharger le dossier contenant les 2 scènes C4D

    Si l’utilisation d’Xpresso ou la création d’objets paramétriques dans Cinema 4D vous intéressent, n’oubliez pas que mon organisme est apte à donner des formations sur-mesure puisqu’il est enregistré auprés de la DIRRECTE (formations éligibles au DIF).

    N’hésitez pas à me contacter et passez de bonnes fêtes de fin d’année !

    Mon premier tuto sur Tuto.com : créer une toile d’araignée photo-réaliste sur Cinema 4D

    spiderWeb_tuto_halloween_FREMOX

    Après plusieurs mois sans nouvel article, je suis fier de vous présenter mon tout premier tutoriel vidéo, sur la plateforme francophone N°1 en formations vidéos : tuto.com !

    Dans ce tuto dédié à Cinema 4D, nous allons apprendre à modéliser, à animer et à rendre de manière la plus réaliste possible une toile d’araignée.

    Réalisable depuis la version C4D studio R14 dans sa quasi-totalité (seule la dernière partie nécessite le moteur de rendu physique, donc la version R13 au minimum), ce tutoriel a pour objectif de vous faire découvrir un grand nombre d’astuces de modélisation polygonale, d’animation avec le puissant moteur de simulation de tissus, et de rendu avec les options avancées du module « cheveux » (« Hair »).

    Le tutoriel se veut particulièrement didactique, avec la volonté de s’ouvrir aux débutants sur C4D : c’est pourquoi la longueur du tutoriel (près de 3 heures) pourra être longue pour certains. Toutefois, je garantis que mêmes ceux qui ont un niveau plus confirmé sur ce fabuleux logiciel y apprendront forcément quelque chose ! Les techniques et astuces apprises tout au long de ce tutoriel sont toutes issues de mes propres recherches et développement, et utilisées réellement dans mon workflow de production quotidien.

    Voici comment se décompose le tutoriel :

    • PARTIE 1 : Recherche de références sur la construction d’une toile d’araignée
    • PARTIE 2 : Modélisation de la structure de la toile avec les outils de modélisation polygonale
    • PARTIE 3 : Simulation de la gravité sur chaque filament avec le module de tissu
    • PARTIE 4 : Attachement de la toile à des objets et couche animable de dynamiques supplémentaires
    • PARTIE 5 : Utiliser le module de cheveux et le Traceur pour rendre la toile de manière réaliste
    • PARTIE 6 : Ajouter des gouttelettes d’eau réalistes avec Mograph (Cloner et effecteur Randomisation)
    • PARTIE 7 : Paramétrer l’environnement et la caméra pour rendre l’image finale (C4D R13 requis)

    Que vous soyez à la recherche d’un tuto pour créer de superbes toiles d’araignées (pour agrémenter vos scènes d’Halloween par exemple) ou pour parfaire votre apprentissage sur Cinema 4D, ce tutoriel est fait pour vous !

    TUTOCEAN : bientôt une série de tutos avancés sur Cinema4D !

    TUTOCEAN promo © Fremox from FREMOX on Vimeo.

    Vous avez toujours voulu plonger dans les profondeurs de la 3D et plus particulièrement je logiciel le plus en vogue de ces dernières années… Cinema 4D ?

    Alors la série de tutoriaux « TUTOCEAN » est faite pour vous ! Je suis en effet en train de préparer plusieurs tutos approfondis sur le logiciel phare de Maxon, autour d’une thématique commune particulièrement riche et intéressante : les organismes et environnements sous-marin !

    A travers cette série complète vous découvrirez au fur et à mesure des épisodes à :

        • MODÉLISER ET TEXTURER DES ANÉMONES DE MER ET DES CORAUX avec les MoSplines, les Metaballs, et des matériaux procéduraux complexes ;


          anemons_corals_FREMOX
        • MODÉLISER ET ANIMER DES TENTACULES DE PIEUVRE RÉALISTES en modélisation polygonale « polygone par polygone » pour un rendu réaliste des ventouses, et animé avec les dynamiques de splines et l’Enveloppe spline ;


          tentacle_FREMOX
        • CRÉER ET ANIMER UNE MÉDUSE RÉALISTE avec la Peau NURBS, le module de Cheveux et de Tissus (Clothilde), et avec un peu d’XPresso pour automatiser l’animation (« no keyframes ») ;


          jellyfish_FREMOX
        • MODÉLISER, TEXTURER ET ANIMER UNE RAIE SANS SQUELETTE avec la Peau NURBS, quelques splines paramétriques et Mograph (Cloner et effecteurs);

        • ANIMER UN BANC DE POISSONS COMPLET avec le puissant module de particules Thinking particles et XPresso ;

        • PARAMÉTRER UN ENVIRONNEMENT SOUS-MARIN RÉALISTE en utilisant des matériaux procéduraux complexes, des effets de lumières + post-production et compositing sur AfterEffect.

    La série complète sera produite pour la plateforme francophone tuto.com, et comme vous pouvez l’imaginer, enregistrer de tels tutoriaux prend beaucoup de temps (tant en préparation qu’en enregistrement et en édition), donc ils seront payants.

    Mais je peux vous certifier que le résultat sera là et, je mettrai tout en oeuvre pour produire des tutoriaux de qualité professionnelle et vraiment utiles (les astuces et techniques vues pendant les tutos pourront aisément être transposées pour d’autres projets, sans forcément être liées au monde sous-marin).

    Restez donc connectés et… à bientôt pour de nouveaux tutos !

    Fremox : nouveau showreel 2011 !


    Il était temps ! Je viens de mettre à jour mon showreel avec une bonne partie des travaux réalisés en 2011 en freelance dans le Nord – Pas de Calais pour mes propres clients ou en sous-traitance d’autres agences dans le Nord...
    Des animations et traitements variés (AfterEffect, 3D, particules etc…) pour des clients tout aussi variés : Kantar Media, le M.O.D.E.M, Leroy Merlin, Vicity, Plaine Images, Tape à l’oeil, Nocibé, Enjoyourlove, Groupe Procivis Nord, Département Pas-de-Calais… et quelques clips d’autopromotion ‘-)

    N’hésitez pas à commenter la vidéo ici ou sur Vimeo, tout retour – même négatif du moment que le commentaire est constructif – fait toujours plaisir !

    Bon visionnage et pourquoi pas à bientôt sur de futurs projets collaboratifs !

    Le « Motion Portrait » : un pas de plus vers l’interactivité

    Développé au Japon par l’agence MotionPortrait.inc, la technologie, qui porte le même nom, permet d’animer une photo de manière intéractive après un processus automatisé de modélisation 3D du portrait et de programmation.

    MotionPortrait is the technology that automatically creates 3D face model from one single picture, which can be animated in a variety of facial expressions

    Selon les concepteurs, n’importe quel sujet peut être modélisé en 3D (portrait d’humain, d’animal, illustration 2D… allez jeter un oeil ici pour en savoir plus sur les possibilités)… et tout ça automatiquement !

    Ce procédé unique en son genre donne un rendu réaliste et en temps réel : il permet donc d’animer le portrait 3D grâce à la souris, à un bouton, à une touche de clavier, à un son… autant de commandes programmable par l’utilisateurs.
    Ce qui démarque aussi fortement cette technologie des procédés d’animation programmable habituels (action script dans Flash, QuickTime VR etc…) est la multitude d’expressions faciales préprogrammées (mimiques, étonnement, colère etc…) qui donnent un aspect beaucoup plus réaliste et vivant aux animations intéractives.

    Notons que cette technologie suscite un véritable engouement en Asie : les walkman SONY par exemple, ou les derniers jeux vidéos à la mode au Japon, ont déjà profité de cette technologie sur leur site internet, et les internaute affirment avoir été agréablement surpris par cette nouvelle expérience.




    De quoi présager de futures campagnes intéractives surprenantes !