Si vous êtes fan de l'émission Mad Men ou si vous avez vu l'ouverture, vous avez vu un graphique de mouvement.
Les graphismes animés ont fait fureur dans les années 1960 (d'où le look de la série Mad Men dans le domaine de la publicité des années 1960) et ont été populaires dans les films, les ouvertures d'émissions télévisées et les publicités.
Vous en avez vu beaucoup, maintenant que vous avez mis le graphique avec le terme. Ils sont à nouveau à la télévision, dans les publicités, les films, les sites Web et tout autre support visuel.
Est-ce qu'ils sont rétro? Est-ce qu'ils ramènent un sentiment de jours plus simples? Sont-ils juste visuellement agréables et c'est pourquoi ils ont été découverts à nouveau? Certains diront qu’ils ne sont jamais partis et que c’est vrai, mais qu’ils ont encore chaud et qu’un talent spécialisé est nécessaire pour les créer.
Si vous vous demandez comment cela se passe et comment vous pouvez vous impliquer dans la création de ces projets, voici des exemples et des conseils d'experts.
Vous n'êtes pas fan de Mad Men et vous n'avez jamais vu l'ouverture? Voici quelques exemples de graphiques animés du passé ...
"C'est de l'animation", pourrait-on dire. Eh bien, oui ... et non. Les graphiques animés utilisent la technologie vidéo, graphique et d'animation pour créer l'illusion du mouvement. MG est généralement utilisé comme descripteur pour les ouvertures de films ou de programmes TV, associé à une chanson ou à une partition, même si toutes les images ne sont que des illustrations avec la superbe ouverture Batman de 1966.
On ne peut pas parler d'animation graphique sans mentionner Saul Bass (8 mai 1920 - 25 avril 1996). Saul était un graphiste et cinéaste, peut-être mieux connu pour son design d'affiches de films et de séquences de titres de films.
J'ai eu le plaisir de parler avec Saul à plusieurs reprises mais je ne savais pas que c'était lui. Il semblait juste être un vieil homme très agréable qui a discuté avec moi de notre lieu de naissance, du Bronx, de New York, de la vie, des Yankees et d’autres activités non industrielles. Il ne s'est jamais présenté, mais il m'a toujours reconnu lors d'événements sociaux et ce n'est que lorsqu'un autre homme plus âgé a commenté comment "Saul avait pris goût à (moi)", j'ai réalisé que j'avais de la grandeur. Je ne l'avais jamais appelé par son nom, choisissant simplement de dire "hé!" Ou "comment ça va!" Chaque fois que nous nous sommes rencontrés.
J'ai demandé à ce monsieur quel était le nom de famille de Saul et il est resté stupéfait. Il a dit avec étonnement, "tu ne savais pas que tu étais copain-copain avec Saul Bass?"
Je suppose que cela prouve encore une fois que plus ils sont gros, moins ils ont besoin de parler de leur qualité. Malheureusement, je n'ai jamais revu Saul au moment où il est décédé peu de temps après. J'aurais probablement été un peu naïf en sachant que je parlais avec THE Saul Bass. Peut-être que mes soucis ne sont-ils pas ce qu'il a aimé à propos du tir avec la brise.
Saul a travaillé pour certains des plus grands cinéastes d'Hollywood, dont Alfred Hitchcock, Otto Preminger, Billy Wilder, Stanley Kubrick et Martin Scorsese. Parmi les séquences de titres les plus célèbres, citons le papier animé d’un bras d’héroïne pour The Man with the Golden Arm de Preminger, le générique de ce qui devient finalement un plan grand angle du bâtiment des Nations Unies à Hitchcock Nord-Ouest, et le texte décousu qui se déroule en même temps dans Psycho.
Il a également conçu certains des logos d'entreprise les plus emblématiques en Amérique du Nord, notamment le logo "bell" d'AT & T en 1969, ainsi que le logo "globe" d'AT & T en 1983, après le démantèlement du système Bell. Il a également conçu le logo "jetstream" de Continental Airlines en 1968 et le logo "tulipe" de United Airlines en 1974, qui est devenu l'un des logos les plus reconnus de l'industrie du transport aérien de l'époque.
Voici quelques mots de sagesse de Saul qui affecteront votre façon de créer ...
Je devais juste ajouter un petit hommage à Saul par B. Hilmers et un projet d'école qu'il a fait dans le style de Saul, mélangeant le style graphique et musical pour une séquence de titres de Star Wars ...
Une nouvelle génération apprend du maître et ajoute son propre spin!
Alors qu'ils sont encore en vie pour commenter, j'ai pensé poser quelques questions à trois designers MG que je connaissais. David Cimaglia (DC), Justin Katz (JK) et Alex Kohli (AK) ont travaillé avec des marques et des films emblématiques tout au long de leur carrière et je voulais qu’ils, comme Saul, encouragent la génération suivante en parlant de la manière dont ils l’ont créée et des outils qu’ils utilisent avec la technologie actuelle.
DC: Je vivais à Hollywood, j'avais environ 10 ans d'expérience en création graphique et cherchais à prendre une direction différente dans ma carrière en design. Après avoir vu les titres d'ouverture de "Island of Doctor Moreau" de 1996 par Kyle Cooper,
J'étais totalement inspiré et j'avais une nouvelle orientation de carrière à laquelle je devais aspirer. À l'époque, je ne savais pas comment s'y prendre, mais j'avais quelques amis qui faisaient leur propre entrée dans l'industrie du cinéma.
À ce moment-là, il y avait quelques systèmes propriétaires haut de gamme que j'entendais parler de Quantel, Harry et Henry étaient hors de ma portée. Un ami m'a parlé d'un programme peu connu appelé CoSa After Effects, qui s'exécuterait sur un Mac. Au moment où je me suis procuré une copie de After Effects qui appartenait à Adobe, je ne pouvais pas l'exécuter correctement sur mon Mac sous-alimenté.
J'ai plus tard trouvé un livre inspirant et instructif sur les graphismes animés et After Effects par le mari et l'épouse Chris et Trish Meyer, qui ont ensuite fondé le groupe MGLA (Motion Graphic Artist de Los Angeles). J'ai rejoint le groupe en 1999. Chris et Trish Meyer ont publié plusieurs autres livres sur les graphiques animés, mais je pense qu'ils ont depuis quitté la région de Los Angeles.
Le MGLA a évolué pour devenir un groupe appelé DMALA (Digital Media Artist de Los Angeles) et est hébergé par Ko Maruyama.
Ce n’est qu’à l’automne 2001 qu’après avoir été licencié de mon travail de dessinateur que j’ai décidé de devenir sérieux, prenez le temps d’apprendre correctement After Effects avec mon nouveau Mac G4, plus puissant, et de voir si je pouvais passer directement aux graphismes animés. . J'ai investi dans la série de vidéos Total Training pour After Effects et j'ai essayé d'en apprendre le plus possible grâce à la série de vidéos, ainsi que d'autres ouvrages techniques sortis. J'ai créé des projets et après environ 3 ou 4 mois, j'ai monté une démo et j'ai commencé à postuler pour le travail.
Finalement, j'ai eu quelques pauses avec du vrai travail, des projets vidéo, des menus et des animations pour DVD et quelques films indépendants.
JK: J'ai un BFA en film et animation de RIT. Pendant ma 3ème année d'école de cinéma alors que je travaillais à la galerie sur le campus, quelqu'un m'a montré la vidéo Hot Hot Heat, "No Not Now" de MK12 et j'étais fasciné.
Je commence immédiatement à explorer leur site et trouvé des gemmes comme Ultra Love Ninja et Softcore Sweater Porn (que j'utilise encore comme exemple quand je donne des conférences sur Morgaph).
Motion Design est fondamentalement 2 champs fusionnés; conception graphique et animation / film. Pour bien connaître: une solide formation en graphisme ou une expérience équivalente dans le monde réel est primordiale. Au moins, vous aurez besoin de l'essentiel; théorie des couleurs, conception 2D & 3D, typographie, systèmes de grille, illustration et mise en page.
Du côté de l'animation, il est bon de commencer avec les fondamentaux. J'ai commencé comme animateur traditionnel, ce qui implique d'apprendre 12 principes de base ou animation . Il s’agit alors de les appliquer sur différents supports.
J'ai ensuite expérimenté avec la 3D puis j'ai appris After Effects, qui a tout changé pour moi. J'irais jusqu'à dire que si vous ne connaissez pas After Effects, vous ne pourrez probablement pas créer. C'est un outil de base du support similaire à un crayon - il est juste nécessaire. Oui, vous pouvez créer dans d'autres médias, comme le stop-motion ou dessiné à la main ou même d'autres logiciels tels que flash, mais même les projets comme ceux-ci sont généralement "terminés" dans After Effects.
Le dernier élément est une solide compréhension du langage cinématographique et de la narration. Je recommande des cours d'écriture créative, l'écriture de scénarios, l'écriture de scénarios pour l'animation et même la direction de cours.
Vous pouvez avoir un design incroyable avec une animation presque archaïque très simple et la majorité des gens penseront que c'est génial. Inversement, vous pouvez avoir un design médiocre et le déplacer de manière élégante et émotionnelle, en lui donnant du poids et du caractère pour que le design devienne secondaire.
AK: Toute réponse à cette question est accompagnée de l’impression en petits caractères: "Les résultats individuels peuvent varier."
J'ai commencé dans une école de cinéma (BFA, Syracuse University), en me concentrant principalement sur l'animation image par image. C'était juste quand des ordinateurs venaient juste d'être mis en scène en tant qu'outils visuels. Je devais ramasser tout ça par moi-même.
Tous les employeurs que j'avais dans la vingtaine étaient d'accord pour me laisser la clé du studio, pour que je puisse rester tard tous les soirs et parcourir des tutoriels sur quelque chose que je ne connaissais pas (c'est comme ça que j'ai appris 3D, After Effects, HTML, Flash) , multimédia interactif, édition non linéaire, conception de bandes sonores, etc.).
J'ai toujours trouvé le moyen de l'intégrer à la première interview. Plus j'ajoutais rapidement à mes compétences, plus rapidement ils disposaient de nouvelles capacités internes compétitives (bien sûr, j'ai également négocié des révisions de salaire sur 6 mois, étant donné que je suis une étude assez rapide).
Si je cherchais une école maintenant, je voudrais une école dotée d'un solide programme d'études intégrées, qui pourrait combiner des cours destinés à de futurs cinéastes, ingénieurs du son, graphistes et directeurs d'éclairage. Je ne sais pas ce que vous appelez ce diplôme, mais cela vous amènerait vraiment loin!
DC: Cours sur After Effects pour commencer, et selon le type de travail qu'ils espèrent faire, peut-être Nuke, Maya, 3D Studio Max, Cinéma 4D et peut-être avec le tout nouveau CS6 Flash Pro et sa capacité d'exporter JavaScript et HTML5 , il pourrait encore y avoir une seconde vie pour Flash si vous êtes intéressé par l'interactivité ou le développement de jeux.
Aujourd'hui, il existe des ressources apparemment infinies pour apprendre n'importe quoi en ligne: Lynda, Video Copilot, YouTube, etc. Maintenant, la plupart des écoles d'art et des programmes d'art offrent des cours d'animation avec des écoles spécialisées comme Video Symphony, Gnomon, DAVE school. et le Mitt Romney a approuvé, Full Sail.
Cependant, il semble que beaucoup de ces écoles spécialisées déploient beaucoup d’enfants dans un marché du travail plutôt sombre. J'ai travaillé avec beaucoup de ces enfants dans mon emploi le plus récent et j'ai entendu dire que certains de leurs emplois de diplômés déclarés étaient peut-être un peu cuisinés, ou du moins leurs diplômés ne sont pas tous employés dans les professions pour lesquelles ils ont été formés.
Je trouve que maintenant, une grande partie du travail de production d'entrée de gamme est maintenant exportée vers l'Inde et l'Asie, comme tout le reste aux États-Unis.
Les graphiques animés peuvent être un terme très général pour certains, englobant tout:
Personnellement, je préfère limiter le terme "motion graphics" à:
Je pense que le reste relève de diverses catégories spécifiques, telles que les effets visuels, la postproduction pour les effets visuels et autres.
Ainsi, en fonction de votre définition des graphiques animés et des besoins spécifiques du projet, du budget, de votre spécialité et de vos compétences, cela dépendra de la création de la solution et du logiciel utilisé.
Un logiciel comme:
Personnellement, j'utilise pour les graphiques animés: After Effects, Flash et Motion, ainsi que Photoshop, Illustrator et Freehand pour la création d'actifs non animés.
De nombreux concepteurs graphiques utilisent Cinema 4D pour la modélisation 3D de base et l'animation de textes et de graphiques.
Pour la post-production des effets visuels, j'ai utilisé After Effects, Silhouette et Mocha.
Nuke est le logiciel de composition d’effets visuels de prédilection de la plupart des grands studios VFX avec Maya et 3D Studio Max pour tous les éléments CG.
JK: En fonction du projet, divers supports peuvent et seront utilisés; film d'action en direct, vidéo, illustration numérique, art dessiné à la main, peinture, animation numérique 2D ou 3D et même stop motion.
Le logiciel choisi comme indiqué ci-dessus est After Effects avec Cinema 4D ou des packages 3D similaires situés à proximité. Cinema 4D est devenu un standard et presque une norme en raison de sa facilité d'utilisation et des outils conviviaux conçus spécifiquement pour les concepteurs de mouvements - ils ont même un module "Mograph". Il fonctionne également très bien avec After Effects et vice versa, permettant de démarrer des scènes dans l'une et de terminer dans l'autre.
Dans mon studio, nous utilisons généralement AE, C4D, Maya Mocha Pro et Flash lors de l'édition de Final Cut Pro ou de Premiere. Nous utilisons Dragon pour stop motion, Dropbox pour la collaboration à distance, Google Docs pour les scripts et des fichiers txt simples pour pratiquement tout le reste.
AK: Je me suis installé dans mon meilleur rythme avec un monstre Mac Pro qui me permet de passer de Final Cut à After Effects, de Photoshop à Cinema 4D ou de Soundtrack à Garage Band.
La chose la plus curieuse d'être un graphiste de mouvement est que la compétence la plus importante est l'écoute. Le compte exec, le directeur de la création, le client, le rédacteur… chacun a une séquence d'images différente dans sa tête. Vous avez besoin de compétences d’interview très précises pour faire ressortir «exactement ce que nous essayons de transmettre ici?
Parfois, la partie la plus difficile de ce concert incite les autres à arrêter de décrire à quoi une scène doit ressembler et à se concentrer sur la définition du message. Par exemple, lorsque le script présente deux paragraphes de copie avec "Graphic of Pie Chart", la réunion de pré-production sera très longue.
DC: "Windows Media 9", lieu de lancement. J'ai été sous-traité par un de mes amis pour produire des clips de phrases stylisés avant-gardistes utilisés dans une production vidéo à haute énergie pour Microsoft afin de lancer la série Windows Media 9 (ironiquement produite sur Mac et livrée sous forme de fichiers Quicktime).
La pièce promotionnelle a été présentée sur un grand écran lors d'une grande foire commerciale sur les médias, à l'occasion de la soirée de lancement de Windows Media 9 à Las Vegas. L'objectif était de créer de l'enthousiasme. Le plus grand défi était la contrainte de temps, nous n'avions que quatre jours pour livrer douze extraits de phrases, plus huit clips d'animation de produits de lecteurs multimédias de prochaine génération, y compris plusieurs séries de changements de cours. Neuf des extraits de phrase devaient tous être distinctement différents mais avoir une sensation stylisée similaire.
J'ai utilisé des clips vidéo appropriés de ma vidéothèque pour la plupart des arrière-plans et créé le reste avec des filtres et d'autres éléments, puis animé quelques éléments graphiques flashy, glitchy, swishy, et des animations de texte clignotantes.
Le spot a ensuite été édité avec des clips d'action en direct et une bande son de haute énergie se synchronisant étonnamment bien avec mes animations.
J'ai entendu que c'était un grand succès et tout le monde était content.
Projets DVD: j'ai conçu des animations de titres d'ouverture et des menus animés pour des DVD. La série d’émissions de télévision Bass Edge Fishing, ainsi que plusieurs DVD de compilation de divertissements promotionnels, mettant en vedette le dernier artiste musical, la musique, les vidéoclips, les bandes-annonces et les émissions de télévision destinées aux jeunes.
Projets d'apprentissage en ligne: J'ai produit des graphiques animés pour des vidéos de formation et des modules de formation interactifs à des fins professionnelles et militaires.
Projets d'affichage numérique: J'ai eu l'occasion de travailler sur quelques spots d'information et de promotion pour l'affichage numérique, tant pour les institutions financières du pays que pour un casino.
Projets cinématographiques: J'ai travaillé sur quelques courts métrages de science-fiction indépendants, "ANI 1240" et "A Can of Paint", en concevant des titres d'ouverture, en créant graphiquement les perspectives de l'intelligence artificielle du vaisseau spatial et certains effets visuels (VFX). travail de production.
Je viens aussi de terminer une année de travail en tant qu'artiste roto impliqué dans la conversion stéréo 3D dans l'industrie du film post-production, où j'ai travaillé sur plusieurs sorties de films en 3D impliquant des super-héros de bandes dessinées et un avec un navire. Je considère que le travail de production.
J'ai hâte de retrouver un rôle plus créatif en concevant à nouveau les graphiques animés.
JK: Au fil des ans, j'ai participé à de grands projets de grandes marques pour des sociétés telles que Smirnoff, Gatorade, Coca-Cola, Canon, Taser et même des produits pour Kotex.
Plus récemment, je me suis remis à travailler dans le domaine de la diffusion pour des sociétés comme Goodwill et les Coyotes de Phoenix, mais nous consacrons la majeure partie de notre temps à nous concentrer sur le contenu Web et d'entreprise. Pour un aperçu de la place des Coyotes, voir l'article sur le blog ICI .
Nous avons récemment terminé une vidéo d'animation traditionnelle dans le style de Hanna-Barbera pour LeadMD.com, une société de conseil en automatisation du marketing ici à Phoenix. Maintenant, bien que cela ne soit pas vraiment considéré comme un "mouvement graphique", il est important d'être polyvalent dans votre métier et si je voulais exécuter ce style depuis longtemps!
L'année dernière, l'un des temps forts de cette conférence était le titre de la conférence nationale sur le design de l'AIGA pour PIVOT, qui était une expérience de collaboration et d'édition créative.
Un autre projet que j'aime beaucoup est un concert en stop motion que nous avons fait pour la campagne Valentine's Day de Massage Envy. Cela a été tiré dans mon garage au cours d'une semaine. J'ai fait toute la pré-production sur un Super 8 en Ft. Collins, CO, mon chien recevait une intervention chirurgicale à la CSU. Le plus gros problème était de traiter son horrible gaz pendant qu'il récupérait;) en dehors de cela, je devais tirer quelques couleurs sur la marque lors de la session couleur.
Malgré le support, ces projets suivent tous les mêmes étapes et procédures:
AK: Pour moi, le plus de jollies vient des grands événements, comme la réunion de vente nationale de Medtronic. L’animation est difficile, surtout parce que vous essayez de condenser les meilleurs moments d’une très grande organisation au cours des douze derniers mois en un match d’ouverture de 3 à 5 minutes.
Lors de cette exposition, le véritable stimulant consistait à concevoir une expérience audiovisuelle pouvant être synchronisée sur cinq écrans, de dimensions et de résolutions différentes (deux écrans de 60 pieds flanquant trois murs de LED MiTrix).
J'ai vraiment appris à me débrouiller en me contentant des technologies d'affichage émergentes. L'année dernière, la grande réunion de vente NuSkin (j'ai entendu 17 000 personnes) m'a permis d'intégrer des panneaux LED géants avec le plancher LED qu'ils utilisaient lors de la cérémonie d'ouverture des Jeux olympiques de Beijing.
Ce n'est pas souvent que j'entends le producteur dire: "Sois cool, Alex. Nous ne voulons pas que les danseurs aient une crise sur cette chose. "
DC: Eh bien, je ne vois pas les graphiques animés disparaître de sitôt, mais le travail pourrait tous être produit en Inde la semaine prochaine pour 1,50 $ le clip.
Maintenant, avec l’affichage numérique, les appareils mobiles et l’apprentissage en ligne qui s’ajoutent à la combinaison, en plus de la fusion entre le Web et la télévision, il semble y avoir une plate-forme toujours croissante pour cela.
Là encore, il pourrait y avoir une rébellion totale contre toute la mouche 3D, la rotation, le bouclage, le rebondissement, le tremblement, l’explosion des mots et des logos et le besoin d’Helvetica simple, calme, propre et statique.
J'ai vu beaucoup d'animation excessive sur le web, je vois l'avenir des graphiques animés avec un peu de finesse subtile.
Saul Bass, était considéré comme l'un des meilleurs concepteurs de titres de films de l'époque. Il était connu pour ses concepts simples mais brillants qui donnaient le ton à l'histoire
La séquence de titres de Thomas Crown Affairs de Pablo Ferro a également été considérée comme révolutionnaire depuis cette époque.
D'après ce que j'ai compris, ils utilisaient des techniques de composition assez grossières et utilisaient souvent des feuilles de lignes graphiques négatives et positives, avec les titres et les graphiques exposés et disposés sur une grande façade spécialisée, et une table de lecture avec une caméra en stop motion.
Ensuite, découpez, masquez et positionnez méticuleusement les titres, en filmant la séquence d’animation avec des lumières et des papiers couleur une image à la fois, comme une animation cellulaire, ou quelque chose de ce genre… quelle douleur dans le cul!
Comme beaucoup de professions, «Motion Graphic Designer» n'est certainement pas tout à fait le créneau de la spécialité, surtout depuis les années 60. Des graphiques informatiques abordables, un accès au Web et un marché mondial ont totalement ouvert le champ des possibilités à tous.
J'espère que quelques-uns d'entre nous se démarqueront avec des concepts créatifs, un bon design et une adéquation au projet, une animation de bon goût.
JK: Actuellement, comme pour la plupart des tendances, les choses ont tendance à devenir un peu plus fondamentales. Les studios utilisent beaucoup plus de styles stop-motion / pixelation et hand made.
Ces médiums se sentent toujours magiques car ils animent le spectateur dans le monde réel. Je pense que les agences de publicité remarquent que les gens deviennent insensibles à une grande partie du contenu qui est produit et fabriqué à la main est un moyen facile de faire arrêter les gens et de faire attention.
Je pense que beaucoup d'entre nous commencent à réaliser à quel point notre média est puissant et comment il peut être utilisé pour créer un changement social ou un changement et engager les gens à agir sur des questions et des problèmes importants. Prendre CE par exemple.
Cela étant dit, je pense que l’avenir de la motion sera complètement interactif. Pas seulement des affichages de Science Museum ou des instances de Microsoft Surface lors d'un salon, mais interactifs: TV, art, murs, boîtes de céréales, expériences de magasinage, conduite, etc., etc.
Je ne peux pas pour la vie de moi comprendre pourquoi les jeux télévisés actuels ne sont pas déjà interactifs. Ce truc a un sens total.
XBox Live a eu un match 1 contre 100 il y a près de 2 ans, ce qui était vraiment cool et que vous jouiez en direct avec plus de 30 000 personnes. Ce genre de choses se produira plus fréquemment et finira par devenir courant - rappelez-vous que le chat vidéo était terrifiant (et peut-être que ça l'est toujours)?
La chose prometteuse est que tout doit être conçu et animé.
AK: Je pense que le mouvement est au point où le ciel est la limite (et peut-être même pas).
Vous voyez de plus en plus de signalétique numérique, des habillages de véhicules à LED, des groupes de tournée plus petits avec des spectacles de lumière, des vêtements animés et le coût d'entrée pour les équipements qui tombent précipitamment.
Tant les plates-formes de diffusion que le public changent si rapidement que je dirais que la qualité la plus importante dans un concepteur d’animations animées est d’être un apprenant permanent. Souvent, j'utilise de nouvelles techniques pour explorer mes anciens maîtres préférés, tels que Saul Bass, Fritz Freleng, Schoolhouse Rock, 007 ouvreurs, et d'autres solutions groovy pour mettre en mouvement du texte et des images.
Vous devez réellement apprécier l'acquisition et l'assimilation de nouvelles technologies et approches, et approfondir les véritables artisans du passé.
Avez-vous travaillé sur les graphiques animés? Poster un lien et partager!