background preloader

The Basics of Motion Design

The Basics of Motion Design

JavaScript Tutorial MOTION DESIGN AFTER EFFECTS , 59 Formations Motion Design After Effects en vidéo sur TUTO.COM Qu'est ce que le Motion Design ? Le motion design (ou motion graphic, ou encore design d'animation en français) est une discipline artistique qui consiste à mélanger plusieurs média (du graphisme 2D, 3D, des images, de la vidéo, des photos, des formes, de la typo, du son, de la musique...) pour créer une composition animée complète. Le motion design est un art utilisé en publicité, en habillage d'émissions, séries TV, films ou encore les clips vidéo. Le Motion Design requiert une savante connaissance du rythme, du mouvement et de l'esthétisme en général, mais également une bon sens de la synchronisation entre éléments graphiques et audio. Le Motion Design est né dans les années 40, avec des artistes comme Norman McLaren, puis explosera plus tard à partir des anneés 50 avec des artistes incontournables tel que Saul Bass. Comment devenir Motion Designer ?

Tuto After Effects Gratuit : 201 tutoriels After Effects Tuto After Effects 201 tutorials video Les derniers ajouts L'Effet Dessin animé tuto gratuit par fr.tuto.com dans tuto After Effects Dans ce tuto After Effects CS5, nous allons passer en revue l'effet Dessin Animé, disponible dans After Effect. Flamme style Harry Potter Elyruis de Lands of past PROD, vous propose pour son deuxième TUTO un effet tout aussi magique que le premier... Ressources utiles Vous découvrirez ici les sources d'information et d'inspiration pour bien débuter : les sites Internet, la documentation. Mouvement de caméra Votre formateur vous montre comment animer la caméra en position en prenant garde de travailler dans une configuration permettant la meilleure réactivité possible du programme. Aperçu initial Découvrons tout d'abord quelle image utiliser. Eclair à la Harry Potter Voici un tuto After Effects gratuit dans lequel nous allons créer un effet de baguette magique issu de l'univers du film Harry Potter. Ressources utiles Coffret Trapcodes Vol. 2 - Form, Echospace, ...

Skala View Nouveau logo : ce qu’Airbnb nous apprend En juillet dernier, Airbnb, la start-up californienne à succès, d’hébergement entre particuliers a fait parler d’elle avec le lancement de son nouveau logo. Censé impulser une nouvelle ère pour cette entreprise à qui tout réussi, le moins que l’on puisse dire, c’est que ce lancement a été chaotique. Là où la jeune pousse voyait un beau logo symbolisant le partage et les rencontres, les internautes n’y ont vu qu’un logo aux multiples connotations sexuelles et graveleuses. Depuis le soufflé est retombé, et c’est l’occasion de décrypter cet événement “médiatico-communicationnel” à froid et de voir ce qu’il pourrait vous apprendre. Processus de création Autant le dire, c’est bien là que le bât blesse. A faire : la démarche de création d’un nouveau logo doit être en phase avec la stratégie d’une organisation. Gestion de crise Malgré un emballement médiatique aussi bref qu’intense dont la toile a le secret, Airbnb a tenu bon. Des précédents compliqués à gérer Gap Yahoo Enfin, inutile de paniquer.

4 étapes pour étalonner ses vidéos Aujourd’hui, on va parler d’un gros morceau ! Certains lecteurs me posent régulièrement la question de ce qu’est l’étalonnage, et en quoi est ce qu’il consiste. J’ai donc décidé de consacrer un article qui sera une introduction à cette étape essentielle de la post production. Il y a deux gros aspects à l’étalonnage: D’abord un aspect purement technique, de correction colorimétrique pour rendre visuellement vos plans les plus neutres possibles. Pour faire tout cela, vous utiliserez les outils d’analyse de votre logiciel de montage. Un petit exemple des différentes étapes d’étalonnage sur le dernier Star Wars: Nous allons donc profiter de la première étape pour faire connaissance avec ces outils. 1 Connaitre les outils d’analyse Les 3 principaux sont: le moniteur de forme d’onde (waveform): pour mesurer la luminance (information de luminosité) Le bas du graphique représente les parties les plus sombres, tandis que le haut représente les parties les plus claires. 2 Normaliser votre vidéo

A shorthand for designing UI flows by Ryan of 37signals Flows are just as important to good interfaces as individual screens are. Customers don’t land on screens from out of nowhere. Specific sequences of actions lead customers through your app as they try to accomplish their tasks. But as important as they are, flows are hard to communicate during the design process. Working on 37signals Accounts has recently raised this issue of communicating flows for me. Flows are made out of individual interactions. Here’s a simple and concrete example. The format is really fast to sketch, and it communicates the essentials of what needs to happen as I’m imagining it. This log-in flow includes a few more notations. You’ll also notice there are two arrows pointing out from “Submit email matching a user account” under the “Forgot password screen.” Here’s another complex flow. Now don’t forget: all diagrams are destined for the garbage.

Related: