Geanimeerde spreadsheets Pixel-animatie maken in Excel

Als je aan Excel denkt, denk je onvermijdelijk aan cijfers, berekeningen of financiën. Het is zeer onwaarschijnlijk dat je met spreadsheets ooit aan plezier, creativiteit of animatie zult denken, maar misschien kunnen we daar iets aan doen!

Als kind heb je een schoolboek misschien veranderd in een flipbook-animatie. De originele 'filmpjes', flipbooks geven de illusie van animatie door snel door de pagina's te bladeren, waarbij elke pagina hetzelfde personage in een steeds andere positie houdt. Het gebeurt zo dat Excel behoorlijk goed is in het krijgen van dezelfde behandeling.

We gaan maken wat ik graag 'schuifmappen' noem. Ze zijn de digitale versie van de ouderwetse flipbooks, met scrollen ter vervanging van het omslaan van de pagina's. Excel-pagina's zijn onze animatieframes en cellen worden onze pixels. Deze tutorial toont je alles wat je nodig hebt om opvallende pixelart-animaties te maken met alleen een betrouwbare spreadsheet.

Een spreadsheet-canvas

Dus laten we eerst ons Excel-bestand instellen. Start een nieuw document en selecteer Pagina layout op het tabblad Indeling of met de knoppen links onderaan:

Selecteer in het vervolgkeuzemenu Zoomniveau Een pagina:

Nu blijven de pagina's altijd in dezelfde positie wanneer u scrolt. Pagina's zijn nu frames voor onze animatie.

Als u de cellen in vierkante pixels wilt maken, selecteert u eerst alle (opdracht-A) en gaat u naar de Cellen> Formaat menu, op het tabblad Start. Daar wijzigt u de rijhoogte in 0,55 cm en de kolombreedte in 0,55 cm.

U kunt kleinere of grotere pixels gebruiken, maar deze pixelgrootte op Amerikaanse Letter-formaat pagina's geeft ons een resolutie van 31x40 px, wat geweldig is voor de eenvoudige animaties die we zullen maken. "31x40" is mild irritant en ons karakter zal meer gecentreerd zijn als het aantal horizontale pixels gelijk is, maar het proberen alle kolombreedten te wijzigen resulteert in gelijke delen even voor oneven getallen, dus om de resolutie te verlagen naar 30x40 moest ik verander de breedten van kolommen A, B en AC, AD tot 0,65 cm.

Alle cellen, geen getallen

Het canvas is klaar. We gaan een springman-animatie maken en deze zal "loopbaar" zijn, zodat we de duur van de animatie gemakkelijk kunnen verlengen.

Ons zeer eenvoudige karakter krijgt een 2x3 px-kop. U kunt het ontwerp van uw personage wijzigen, maar u wilt mogelijk naar een tekenapplicatie zoals Photoshop gaan, zodat u vrijer alternatieven kunt proberen voordat u de tijd neemt om het ontwerp opnieuw te maken in spreadsheetcellen.

Ik stel voor dat je de kop op kolommen O en P en rijen 21-23 plaatst. Selecteer die cellen:

Selecteer de cellen voor het eerste deel van de persoon: zijn hoofd.

Klik met de rechtermuisknop op de geselecteerde cellen en ga naar Cellen opmaken ... (of druk op Command-1) en ga dan naar Vullen tab en selecteer een donkere kleur. Je kunt een aangepaste kleur gebruiken, maar aangezien je dit vaak zult doen, kan het de voorkeur hebben om je te houden aan de themakleuren.

De romp van het personage is 4x6 px, zijn benen 6 px verticaal en zijn armen 4px tegenover elkaar.

U kunt geselecteerde cellen en blokken cellen vergroten door de Command-toets ingedrukt te houden.

We voegen een schaduw toe met behulp van de patroonoptie. Je kunt ook een lichtgrijs gebruiken voor de schaduw, maar ik hou van het retro-gevoel dat het patroon geeft. Patronen zijn hetzelfde Cellen opmaken> Opvullen tab, maar ze zijn in de Voorgrond opties.

Nu is frame 1 (van de 11) voltooid. Selecteer alle cellen van die pagina en kopieer ze, scroll vervolgens naar de tweede pagina, selecteer cel A1 en plak.

De veranderingen voor frame 2 zouden zijn dat de man zijn benen voor de sprong buigt door ze met 1px korter te maken, en ook zijn armen 1 px omlaag brengt bij de schouders en nog eens 1 px in het midden, zoals deze:

In frame 3 zullen we de man iets meer laten buigen, dus we knippen de benen kort voor een andere pixel. En we laten de armen iets zakken, zodat ze diagonaal zijn:

U kunt grote delen van de afbeelding verplaatsen door cellenblokken te kopiëren en te plakken in plaats van alle cellen handmatig te bewerken.

In frame 4 zullen zijn armen hetzelfde blijven, maar hij zal al in de lucht zijn, benen volledig uitgestrekt tot 6 px lang en het hele lichaam 1 px boven zijn schaduw, die gedurende de animatie op dezelfde plaats blijft.

Voor frame 5 strekken we zijn armen weer horizontaal uit. Je kunt frame 1 hier plakken, alleen moet hij hoger in de lucht zijn, 2 px boven laatste frame, wat 3 px boven zijn schaduw betekent. Als een leuk klein detail maak ik de schaduw zachter als hij verder van de grond gaat zonder de kleur te veranderen, maar door het patroon iets lichter te maken.

In frame 6 is hij nog 2 px hoger dan in frame 5 en zijn armen gaan iets hoger:

In frame 7 staat hij nog maar 1 pixel op, maar zijn armen stijgen een beetje meer op en ik heb zijn schaduw weer een iets lichter patroon gemaakt:

In frame 8 staat hij niet meer op, hij blijft in dezelfde positie als op de top van de sprong, alleen gaan zijn armen een pixel hoger om diagonalen te vormen:

In frame 9 begint hij terug naar beneden te gaan, gewoon op 1 px. Zijn schaduw is een beetje donkerder. Je zou frame 6 kunnen kopiëren en plakken, het enige verschil is dat we de beweging van de armen vertragen met een paar frames, dus zijn armen zullen nog steeds diagonalen zijn als in frame 8:

Frame 10 moet zijn als frame 5 maar met de armen in de positie van frame 7:

Frame 11 sluit de lus, hij is nog steeds in de lucht maar het volgende frame zou de eerste zijn die we maakten. De schaduw keert terug naar het originele patroon. Het is als frame 4, maar de armen zijn zoals ze waren in frame 6:

Verander Excel in een Animatie Viewer

Nu de animatie is voltooid, wilt u de cel rechtsonder selecteren vanaf pagina 11 en omhoog scrollen naar pagina 1 en shift ingedrukt houden. Selecteer de cel linksboven van die pagina om de hele animatie te kopiëren. Ga naar pagina 12 en selecteer de cel linksboven (A1) en plak. Plak opnieuw op pagina 23 en herhaal zo vaak als je wilt. Ik denk dat het 4 keer lussen doen de truc is.

Om het bestand af te ronden waar je naartoe wilt gaan Layout> Bekijken, en haal Kopjes weg, om te voorkomen dat de celnummers de pagina een beetje verplaatsen wanneer ze in vier cijfers gaan. U kunt Gridlines ook uitschakelen om de celranden niet te zien, het is schoner, maar het lijkt minder op een spreadsheet, dus het is aan u of u dit wilt in- of uitschakelen:

Pas vervolgens het formaat van het venster aan de paginaverhoudingen aan en geef de spreadsheet een slimme naam:

Zo slim.

U kunt ook enkele instructies of titel toevoegen aan de eerste pagina:

Gebruik je fantasie hier: deze pagina is het eerste dat iemand te zien krijgt wanneer ze naar je animatie kijken.

En het is klaar! Scrol gewoon van het begin van uw spreadsheet tot het einde om de animatie te zien, of bekijk de onderstaande video om hem in actie te zien:

Er is zoveel meer dat je zou kunnen doen

Als je klaar bent met de springer en nog steeds een ander boek wilt maken, kun je de "jumping poodle" proberen:

Blauw dradenkruis toegevoegd als richtlijnen.

Of maak elke gewenste animatie met behulp van deze technieken. En deel het - het komt immers niet vaak voor dat u een Excel-bestand alleen voor de lol verzendt. We zouden graag alle animaties zien die je in de comments hieronder maakt! Als u problemen ondervindt bij het animeren van uw spreadsheet, laat dan een reactie achter en we helpen u graag verder.