Classé dans : Actu, Motion Design, Perso | Mots-clefs: 3DS MAX, AFTER EFFECT, démo, motion, Motion Design, showreel
Et oui ! Après plus d’un an, j’ai décidé de remettre mon blog à jour ! L’occasion de rafraîchir un peu ma charte graphique, et surtout de vous montrer quelques uns des projets motion et web design que j’ai réalisés au cours de cette dernière période, compilés en une bande démo sur fond de musique, plus communément appellée « showreel« . Cliquez ici pour découvrir mes nouvelles références !
Classé dans : Tutoriaux | Mots-clefs: astuce Illustrator, dessiner avec Illustrator, effet réaliste avec Illustrator, outil décomposer, technique Illustrator, tutoriel Illustrator
Voici deux de mes astuces favorites pour créer des graphismes originaux dans
Illustrator, basées sur une fonction très simple du logiciel d’illustration et présente depuis les premières versions du logiciel : l’outil DECOMPOSER du menu OBJET.
En effet, utilisé à bon escient, cet outil vous permettra tantôt de réaliser des effets métalliques sur des tiges, des fils de fer, des effets de cordes réalistes, ou encore de créer des formes organiques vraiment surprenantes et originales, comme l’illustre mon exemple avec la tête d’icône Païenne (voir deuxième partie dans la suite de cet article), réalisée uniquement avec l’outil HALO d’Illustrator (décomposé lui aussi) manipulé avec les OUTILS DE DEFORMATION.
Classé dans : Actu, Motion Design | Mots-clefs: Chevrolet, clips, fubiz, Gush, Lacoste, Motion Design, Radiohead
Du lourd chez Fubiz.net ce matin, avec pas moins de 4 articles consacrés à mon sujet de prédilection… le motion design ! Une sélection éclectique également puisqu’elle couvre la publicité, le clip musical et la vidéo de promotion.
Commençons tout de suite par le premier film, réalisé pour Lacoste dans un esprit très futuriste : en gros, une projection de ce que donnera le tennis en l’an 2083… High-tech, superbes ralentis et un environnement épuré et lumineux !
Le second est le dernier clip musical de RadioHead sur le titre Weird Fishes, gagnant du concours lancé par le groupe il y a quelques temps. Le résultat, utilisant la technique du processing (consultez égelement l’article de Daashy sur la méthode, très intéressante), est pour le moins surprenant et très… très esthétique.
Pour rester dans le registre de la musique, le dernier clip du groupe de rock alternatif Gush a toute sa place dans l’actu motion design puisque le clip utilise des milliers de feuilles de papier A4 colorées ! Le tout est haut en couleurs et change un peu de ce qu’on a l’habitude de voir. A découvrir.
Enfin, même si il ne sagit pas vraiment de motion design, la brillante publicité parodique de Chevrolet, qui prend le contrepied des publicités Citroën à la « Transformers ». Une esthétique et une technique qui n’a rien à envier aux voitures-robots de Citroën, très bien trouvée et qui plus est… vraiment marrante !
Classé dans : Motion Design, Non classé, Perso | Mots-clefs: 3DS MAX, AFTER EFFECT, export de caméra, Motion Design, RLA, Tutoriaux
En attendant de pouvoir publier des tutoriaux complets sur 3DS Max et AfterEffect, je voulais vous présenter quelques exemples d’animations que j’ai réalisé dans le cadre de recherches personnelles.
J’essaie en effet de découvrir autant que possible de nouvelles techniques de modélisation, d’animation et de compositing, dans le but d’étayer mes compétences au maximum, et peut-être un jour – qui sait – développer une réel savoir-faire en motion design.
Les deux exemples suivants (les méduses et l’arc-en-ciel) on été modélisés simplement avec des primitives sous 3DS MAX, avec un mouvement de caméra dont les données ont été sauvegardées grâce à l’emploi d’un format d’exportation spécial : le RLA. Les séquences d’images sont ensuite compositées sur AfterEffect, dans lequel je viens recréer une caméra via les données de 3DS MAX. After Effect crée instantanément une nouvelle caméra en 3D qui a le même mouvement et les mêmes attributs que celle de 3DS Max. J’ai ensuite ajouté quelques éléments 2D (textes, grilles, arabesques…) ainsi que des particules 3D directement dans AfterEffect, terminé par quelques filtres et effets bien choisis… et le tour est joué !
N’hésitez pas à me donner vos commentaires ou à me poser des questions concernant les techniques employées (elles sont relativement accessibles, pourvu que vous ayez déjà des notions de 3DS MAX et d’AfterEffect évidemment !)
Classé dans : Actu, Design d'objets | Mots-clefs: crayons de couleur, fubiz, jennifer maestre, sculpture
Le moins que l’on puisse dire, c’est que les sculptures de l’artiste contemporaine Jennifer Maestre sont hautes en… – crayons de – couleurs !
Inspirées des organismes vivant dans l’océan (plus particulièrement des oursins), l’artiste cherche à surprendre tout en offrant une véritable expérience inédite aux spectateurs : le côté « piquant » des pointes de crayons s’oppose à celui très doux du bois des crayons taillés en biseau, tandis que la forme générale de la sculpture semble animé d’un mouvement organique et naturel (paradoxal pour une objet aussi dur et industriel que le crayon…).
Une œuvre surréaliste qui mérite le détour (visitez son site ici) !
Classé dans : Actu, Design d'objets, WebDesign | Mots-clefs: actu design, nouveau design, nouvelle charte, trendsnow
A l’occasion de ses deux ans d’existence, le blog TrendsNow dont je vous avais déjà parlé (et qui constitue une source d’inspiration journalière aux milliers de graphistes avides de tendances – comme moi !) vient de rafraîchir son design, ainsi que son logo. Toujours axé sur une forte dominante de vert flashy et de blanc, la nouvelle mise en page se veut plus actuelle et plus travaillée (bords arrondis, typographies plus travaillées, meilleure hiérarchisation des rubriques et frames etc…).
En ce qui me concerne, je trouve un peu dommage que les blocs contenant les infos et visuels soient si étroits (les marges auraient pu être un peu plus grandes, et les blocs moins collés, pour aérer l’ensemble). L’ancienne mouture n’utilisait que du blanc en fond de frame – et ce pour toutes les rubriques ; c’est peut-être ce qui donnait justement au site ce côté aéré.
Quoi qu’il en soit, ça ne m’empêchera pas d’aller consulter tous les matins leurs articles, qui, eux, sont toujours aussi inspirés !!!
Classé dans : Actu, Communication | Mots-clefs: belles créas, belles créations, fubiz, graphisme, portfolio, sélection
Ce n’est pas parceque nous sommes en période de congès ou de jours fériés, que l’on ne trouve pas de bonnes publicités sur le web ! Je suis chaque jour un peu plus bluffé par le talent et la créativité sans fin des graphistes et publicitaires, dont les travaux visibles sur la toile sont de plus en plus nombreux.
En témoignent ces 3 concepts (dont 2 vus sur Fubiz, merci pour vos actus !), qui sont, à tous points de vue, très beaux et impactants à la fois :
Le premier est une campagne pour une agence de voyages réalisée par un studio ukrainien (Psyho Studio) et déclinable à l’infini. Discrète, l’accroche donne uniquement le nom d’une destination (par exemple Madagascar), suivi de « une partie d’un monde ». Vous reprendriez bien une petite part de rêve, non ?
Le second est une campagne de marketing alternatif réalisée pour HP par Publicis en Malaisie : elle met en scène de vraies/fausses déchirures de papier géantes (qui tiennent grâce à un pied comme pour une PLV classique) dans des environnements citadins ou naturels, donnant ainsi l’impression (sans jeu de mot) que cet environnement est en fait une photo géante à travers laquelle quelqu’un serait passé ! L’illusion est parfaite, et remplit parfaitement son rôle : promouvoir le rendu photo-réaliste de leurs nouvelles gammes de papier photo. Cheeeeze !
Le troisième (mon préféré) est une série de 4 publicités pour Minichamps, marque de modèles réduits de voitures d’anthologie. Transposant la notion de « miniatures » à celle du bas âge (« Baby cars »), l’agence Dentsu a revisité le logo des plus grands constructeurs automobiles sur fond de carrosserie aux couleurs tendances. Le résultat est très esthétique mais surtout très… très mignon !
Petit rappel des logos existants (merci encore Fubiz !) :
Classé dans : Actu, Perso | Mots-clefs: Ange Pozzo di Borgo, concept, concepteur-rédacteur, concours ultimate, fremox, getty images, global hypertension, sioux, spot pub
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 !
Classé dans : Non classé, Tutoriaux | Mots-clefs: fremox, masque d'opacité, transparence ILLUSTRATOR, tutoriel Illustrator
Illustrator est de loin le logiciel le plus utilisé pour dessiner en vectoriel les graphismes, logos, illustrations et typographies visibles sur le packaging des produits que vous achetez tous les jours, les affiches publicitaires, les pages web, les T-shirts etc… Jusqu’au dernières versions, donc jusqu’à l’apparition de certains filtres et autres modes de fusion, le logiciel phare d’Adobe n’était pas capable de gérer la transparence et les bords progressifs, alors plus propres à son grand frère spacialisé, lui, dans le traitement du pixel : Photoshop. Soucieux d’intégrer au mieux les fonctions des logiciels de la suite créative, Adobe a pris le soin de développer les effets, filtres et modes de fusion des calques dans Illustrator, depuis la version 10… pour le plus grand bonheur des artistes numériques et designers graphiques !
Si ces outils et effets sont désormais incontournables et maîtrisés par tous, il reste néanmoins une option assez méconnue (du moins trop à mon goût, les graphistes devraient tous au moins en connaître l’existence et ce n’est pas toujours le cas !) qui a pourtant fait ses preuves et constitue a lui seul une vraie petite révolution dans le monde de la transparence vectorielle… il s’agit du « masque d’opacité« , qui comme son nom l’indique fonctionne comme un masque dans Photoshop, puisqu’il s’appuie sur les valeurs en noir et blanc d’une image pour afficher ou masquer des parties d’un calque.
Je vous propose un petit tour d’horizon de ses fonctionnalités et de ses applications nombreuses, avec pour commencer, la création d’un bouton Web 2.0 (quand je vous disais qu’il était partout…)
(Lire la suite…)
Classé dans : Actu, Communication | Mots-clefs: Ange Pozzo di Borgo, blog, conception rédaction, CR, mise à jour
Je vous en avais déjà parlé lors d’un précédent article, le concepteur rédacteur Ange Pozzo di Borgo vient juste de mettre à jour son blog dédié au monde de l’édition web et de la création marketing. Une nouvelle mouture qui, de l’avis général, se veut plus claire, mieux hiérarchisée et plus complète.
Un gros effort a été fait côté technique, car il s’est essayé à l’utilisation des grilles de construction et à mis les mains « dans le cambouis » puisqu’il a lui-même personnalisé ses propres styles CSS. Et le résultat est là : des tonnes de commentaires postitifs de la part de ses lecteurs et, c’est un avis personnel, un blog beaucoup plus « pro » et agréable à lire. Jugez-en par vous-même !
