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.

  • Publicités

    Conférence autour du Motion design le 28 mars prochain

    Bonjour à tous et à toutes (et désolé pour le manque de publications) !

    Le samedi 28 mars prochain, l’école supérieure de design et de merchandising nordiste CEPRECO (45 Avenue André Chénier, 59100 Roubaix) ouvrira ses portes gratuitement.
    L’occasion pour les futurs étudiants de découvrir l’établissement, de voir quelques réalisations d’étudiants en design, décoration ou web, et de s’imprégner de l’ambiance de l’école où j’ai moi-même fait mes armes il y a déjà 12 ans (!).
    Mais aussi pour d’autres (professionnels, curieux, passionnés…) d’apprendre un tas de choses durant les conférences données pour l’occasion. Dont une qui me tient particulièrement à cœur puisque c’est moi qui l’animerai complètement !
    Je donne effectivement une conférence autour du MOTION DESIGN et du métier de MOTION DESIGNER de 14h à 15h30 dans les locaux du CEPRECO.


    Au programme :

  • Le motion design : qu’est-ce que c’est ?
  • Les domaines souvent confondus avec le motion design
  • Naissance et histoire du motion design
  • Quelques techniques employées en motion design
  • Les secteurs auxquels s’appliquent le motion design
  • Les écoles et organismes de formation pour devenir Motion designer
  • Modules et cursus types pour devenir Motion designer
  • Les qualités requises pour devenir un bon Motion designer
  • Et… la place de Cepreco dans tout cela ?
  • Alors si vous êtes de passage dans le Nord le samedi 28 mars ou si vous y êtes déjà ; si vous êtes curieux(se) ou passionné(e) de design ; si vous cherchez à vous former à un métier émergent de plus en plus demandé… VENEZ À LA CONFÉRENCE !
    D’ici là, n’hésitez pas à relayer l’information ; je vous y attendrai nombreux !

    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 !

    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 !

    Le site de soutien en maths KIFFELESMATHS.com fait peau neuve !

    visuel Kiffelesmaths.com

    Après quelques années d’existence et un nombre de visiteurs toujours grandissant, le site de soutien et d’apprentissage en maths pour les niveaux 3ème, seconde, première et terminale S en vidéo  se devait de mettre à jour son contenu, et, par la même occasion, de redonner un petit coup de jeune au design et à l’ergonomie.

    C’est pourquoi la société BOOKMANIA, fondatrice du site KLM basée à Casablanca, a commissionné FREMOX pour réaliser toute la partie webdesign sur leur nouvelle plateforme. Une dimension conseil en ergonomie et SEO a également été apportée pour rendre le site le plus clair et le plus efficace possible… Pour voir le nouveau design et apprécier les talents de pédagogue du fondateur et professeur Ismaïl Boukili, rendez-vous sur Kiffelesmaths.com !

    Alors maintenant, vous n’avez plus aucune raison de ne pas… Kiffer les maths !

    Concours Getty Images Ultimate : VOTEZ POUR MOI !

    C’est un vrai appel aux votes que je lance aujourd’hui : avec Ange Pozzo di Borgo, le concepteur rédacteur, dont je vous avais déjà parlé, et collègue créatif de l’agence Sioux Lille, je participe au concours Getty Images Ultimate 2008. Notre concept : “Hypertension Artérienne”, traduit en anglais par “Global Hypertension” ; plus nous aurons de votes, plus nous aurons des chances de faire partie des 20 finalistes de l’année. Alors visionnez le spot vidéo dès maintenant, faites-nous part de vos remarques et surtout : “vote for us” !


    La vidéo “Global Hypertension” :




    Le brief “ultime” : “Use one or more of our footage clips, music tracks or images to communicate an idea that makes a world of difference. We’ve reinvented our website and services to help bring your thoughts to life. So liberate all those brainwaves you’ve got locked away, and use our inspirational Catalyst search to start brainstorming”. En résumé, faites ce que vous voulez, du moment que vous véhiculez un message fort en utilisant les ressources de Getty Images.

    Notre concept : “Exploitation, production, consommation : le rythme global s’accélère, les artères de la Terre sont à la limite de la rupture. Il est temps de ralentir la cadence. L’hypertension planétaire atteint son point de non retour”. Laissez vos commentaires et votez dès maintenant sur le site de Getty Images Ultimate. Important : la vidéo risque de prendre un temps phénoménal à se charger, mais comme vous l’aurez vue ici, vous pouvez voter directement sans perdre votre temps. Merci d’avance !