Feuilles de calcul animées comment créer une animation de pixels dans Excel

Quand vous pensez à Excel, vous pensez inévitablement à des chiffres, des calculs ou des finances. Il est très peu probable que vous pensiez au plaisir, à la créativité ou à l'animation avec des feuilles de calcul, mais peut-être pouvons-nous faire quelque chose à ce sujet!

En tant qu'enfant, vous avez peut-être transformé un manuel scolaire en une animation de livre-papier. Les flipbooks "d'images animées" d'origine donnent l'illusion d'une animation en feuilletant rapidement les pages, chaque page contenant le même personnage dans une position progressivement différente. Il se trouve qu'Excel est très efficace pour obtenir le même traitement..

Nous allons faire ce que j'aime appeler des «cahiers». Ils sont la version numérique des bons vieux flipbooks, le défilement remplaçant le retournement des pages. Les pages Excel seront nos images d'animation et les cellules nos pixels. Ce tutoriel vous montrera tout ce dont vous avez besoin pour créer des animations de pixel art accrocheuses en utilisant simplement une feuille de calcul fiable..

Une feuille de calcul

Commençons donc par configurer notre fichier Excel. Commencez un nouveau document et sélectionnez Mise en page soit dans l'onglet Mise en page, soit avec les boutons en bas à gauche:

Dans le menu déroulant Niveau de zoom, sélectionnez Une page:

Maintenant, les pages restent toujours dans la même position chaque fois que vous faites défiler. Les pages sont maintenant des cadres pour notre animation.

Pour transformer les cellules en pixels carrés, sélectionnez tout d'abord (Commande-A), puis accédez au menu contextuel. Cellules> Format menu, dans l'onglet Accueil. Modifiez la hauteur de la ligne à 0,55 cm et la largeur de la colonne à 0,55 cm..

Vous pouvez utiliser des pixels plus petits ou plus grands, mais cette taille de pixel sur les pages de taille Lettre US nous offre une résolution de 31x40 px, ce qui est idéal pour les animations simples que nous allons créer. "31x40" est légèrement exaspérant et notre personnage sera plus centré si le nombre de pixels horizontaux est pair, mais essayer de modifier toutes les largeurs de colonne de manière égale ne donne que des nombres impairs pour une raison quelconque, aussi je dois réduire la résolution à 30x40 changer les largeurs des colonnes A, B et AC, AD à 0.65cm.

Toutes les cellules, pas de nombres

La toile est prête. Nous allons faire une animation homme sautant, et ce sera "en boucle" afin que nous puissions facilement prolonger la durée de l'animation.

Notre personnage très simple aura une tête de 2x3 px. Vous pouvez modifier la conception de votre personnage, mais vous pouvez également utiliser une application de dessin telle que Photoshop. Vous pourrez ainsi essayer plus librement des alternatives avant de prendre le temps de recréer la conception dans les cellules de la feuille de calcul..

Je vous suggère de localiser la tête sur les colonnes O et P et les lignes 21-23. Sélectionnez ces cellules:

Sélectionnez les cellules pour la première partie du gars: sa tête.

Cliquez avec le bouton droit sur les cellules sélectionnées et accédez à Formater les cellules… (ou appuyez sur Commande-1) puis allez au Remplir onglet et sélectionnez une couleur sombre, vous pouvez utiliser une couleur personnalisée, mais comme vous le ferez plusieurs fois, il peut être préférable de s'en tenir aux couleurs du thème..

Le torse du personnage sera 4x6 px, ses jambes 6 px verticalement et ses bras 4px.

Vous pouvez augmenter les cellules et les blocs de cellules sélectionnés en maintenant la touche Commande enfoncée..

Nous allons ajouter une ombre en utilisant l'option motif. Vous pouvez également utiliser un gris clair pour l'ombre, mais j'aime bien la sensation rétro que donne le motif. Les motifs sont dans le même Formater les cellules> Remplir onglet mais ils sont dans le Premier plan options.

Maintenant, l’image 1 (sur 11) est complète. Sélectionnez toutes les cellules de cette page et copiez-les, puis faites défiler jusqu'à la deuxième page, sélectionnez la cellule A1 et collez-la..

Pour le cadre 2, l’homme modifie ses jambes pour le saut en les raccourcissant de 1px et en abaissant ses bras de 1 px au niveau des épaules et d’un autre 1 px au milieu, comme suit:

Dans l'image 3, l'homme fléchira un peu plus les jambes. Nous coupons les jambes d'un autre pixel. Et nous baisserons un peu plus les bras pour qu’ils soient en diagonale:

Vous pouvez déplacer de grandes parties du graphique en copiant et collant des blocs de cellules plutôt qu'en modifiant manuellement toutes les cellules..

Dans le cadre 4, ses bras resteront les mêmes, mais il sera déjà dans les airs, les jambes entièrement tendues à 6 px et le corps entier à 1 px au-dessus de son ombre, qui restera au même endroit tout au long de l’animation..

Pour le cadre 5, nous étendrons à nouveau ses bras horizontalement. Vous pouvez coller l'image 1 ici, seulement il devrait être plus haut dans les airs, 2 px par rapport à la dernière image, ce qui signifie 3 px au-dessus de son ombre. Comme petit détail amusant, je rends l'ombre plus douce au fur et à mesure qu'il s'éloigne du sol sans changer de couleur, mais en changeant le motif pour qu'il soit légèrement plus clair..

Dans l'image 6, il est encore 2 px plus haut que dans l'image 5 et ses bras vont légèrement plus haut:

Dans le cadre 7, il ne monte que 1 pixel de plus mais ses bras se lèvent encore un peu plus et je redonne à son ombre un motif légèrement plus clair:

Dans l'image 8, il ne se lève plus, il reste dans la même position qu'il est au sommet du saut, seuls ses bras vont d'un pixel plus haut pour former des diagonales:

Dans le cadre 9, il commence à redescendre de 1 px. Son ombre est un peu plus sombre. Vous pouvez copier et coller le cadre 6, la seule différence est que nous allons retarder le mouvement des bras de quelques cadres, ses bras seront donc toujours en diagonale comme dans le cadre 8:

Le cadre 10 doit être comme le cadre 5 mais avec les bras dans la position du cadre 7:

L'image 11 ferme la boucle, il est toujours dans les airs mais l'image suivante serait la première que nous ayons faite. L'ombre revient au motif d'origine. C'est comme l'image 4 mais les bras sont comme ils étaient dans l'image 6:

Transformez Excel en visionneuse d'animation

Maintenant que l'animation est terminée, vous voudrez sélectionner la cellule en bas à droite de la page 11 et faire défiler jusqu'à la page 1, tout en maintenant la touche Maj enfoncée, sélectionnez la cellule en haut à gauche de cette page pour copier toute l'animation. Vous allez à la page 12, sélectionnez la cellule en haut à gauche (A1) et collez-la. Collez à nouveau à la page 23 et répétez autant de fois que vous le souhaitez. Je pense que le boucler 4 fois fait le tour.

Pour terminer le fichier, vous voulez aller à Mise en page> Afficher, et décochez Rubriques pour éviter que les numéros de cellules bougent légèrement la page quand ils comportent quatre chiffres. Vous pouvez également décocher Gridlines pour ne pas voir les bordures des cellules, c'est plus propre, mais cela ressemble moins à une feuille de calcul. C'est donc à vous de décider si vous voulez l'activer ou la désactiver:

Redimensionnez ensuite la fenêtre pour l’adapter aux proportions de la page et donnez un nom astucieux à la feuille de calcul:

Si intelligent.

Vous pouvez également ajouter des instructions ou un titre à la première page:

Utilisez votre imagination ici: cette page est la première chose que tout le monde verra en regardant votre animation..

Et c'est fait! Faites défiler la feuille de calcul du début à la fin pour voir l'animation, ou regardez la vidéo ci-dessous pour la voir en action:

Il y a tellement plus que vous pourriez faire

Si vous avez fini le sauteur et que vous voulez toujours faire un autre livre de défilement, vous pouvez essayer le «caniche sautant»:

Une croix bleue ajoutée à titre indicatif.

Ou créez une animation de votre choix en utilisant ces techniques. Et partagez-le, après tout, il est rare que vous envoyiez un fichier Excel pour le plaisir. Nous aimerions voir toutes les animations que vous faites dans les commentaires ci-dessous! Ou, si vous rencontrez des difficultés pour animer votre feuille de calcul, laissez un commentaire et nous nous ferons un plaisir de vous aider..