Créez des storyboards pour des animations Web

Page 1 sur 2: Introduction au storyboard

Le storyboard est une technique utilisée dans de nombreuses disciplines et industries. Il est, par exemple, utilisé pour les jeux vidéo, les émissions de télévision, les films, les vidéoclips et toute autre discipline avec un élément narratif et visuel. Les storyboards sont un excellent moyen de planifier vos animations Web (n'oubliez pas de conserver les copies numériques en toute sécurité stockage en ligne !)

Dans cet article, nous examinerons de plus près ce que sont les storyboards et comment vous pouvez les utiliser dans vos projets Web. Sur cette page, Steven Roberts donne un aperçu des principaux termes que vous devez connaître. Si vous êtes déjà au courant, aller à la page 2 , où Rachel Nabors explique comment créer un storyboard plus en profondeur.

L'idée du storyboard a commencé lorsque Disney Studios a créé son premier long métrage d'animation - Blanche-Neige et les Sept Nains - et avait besoin d'un moyen de coordonner un certain nombre d'équipes différentes.

L'idée était simple: disséquer l'histoire dans ses scènes composantes, les illustrer grossièrement sur du papier ou des cartes, épingler ces cartes sur de grands tableaux de liège, puis distribuer ces tableaux aux équipes chaque matin. Le département des histoires pourrait piloter le projet, et les artistes de la production ne seraient jamais capables d'errer trop loin dans les impasses.

Il a apporté ce que nous appelons maintenant le développement agile à l'animation de studio. Depuis ces jours, les storyboards sont devenus un incontournable de la production de films, de conception d'interaction et de conception de jeux. Aujourd'hui, alors que les animations commencent à apparaître de plus en plus dans les interfaces, il semble que les storyboards pourraient devenir un élément essentiel outil de conception web , trop. (Pour des outils de conception Web plus utiles, consultez notre sélection des meilleurs hébergement Web services et le meilleur Générateur de site Web .)

Qu'est-ce que le storyboard?

Les storyboards sont des illustrations des images clés ou des éléments qui constitueront les œuvres finales. Cela permet d'idéer des éléments visuels, qui prendraient beaucoup de temps à produire dans leur intégralité, pour être capturés rapidement, facilement et à moindre coût.

Quels sont les éléments d'un storyboard?

Panneaux
Les panneaux sont la fenêtre de votre animation. Vos panneaux peuvent être de la taille ou de la forme de votre choix, mais doivent correspondre à la taille du conteneur et aux proportions lorsque vous les placez dans le navigateur.

Encadrement et composition
Il s'agit de choisir dans votre panneau où placer les éléments que vous allez animer. Ceci est important pour décider si le bord de votre panneau sera visible ou non. Si vous ne voulez pas qu’il soit visible, vous devez tout garder cadré à tout moment.

Flèches
Les flèches dans le storyboard sont utilisées pour transmettre le mouvement, montrant la direction dans laquelle un élément se déplacera.

Comment créer des storyboards?

Il n’existe pas de règles solides en matière de scénarimage, et vous n’avez pas besoin de pouvoir dessiner non plus. L'idée est de transmettre la chronologie en utilisant aussi peu de croquis que possible. Vous pouvez annoter vos panneaux afin d'expliquer certaines fonctionnalités de votre animation si nécessaire.

Pourquoi un storyboard pour les animations Web?

Si vous créez autre chose qu’une simple transition, le storyboard des éléments peut vous faire gagner beaucoup de temps. Avant même d'écrire du code, vous comprenez comment décomposer les éléments impliqués et où chacune des images clés de votre animation doit se trouver sur la chronologie.

Page suivante: Apprenez à concevoir un storyboard pour une animation Web

  • 1
  • deux

Page actuelle: Introduction au storyboard

Page suivante Comment créer un storyboard