Annas verktygslåda #9: Animera i en mobil enhet

Det finns en mängd appar för animering i en mobil enhet. Det jag främst testat är iPad där det finns både appar med låsta grafiska mallar med färdiga animationer att välja mellan till appar där du ritar och animerar själv.

Videoscribe

Många har nog sett filmerna med en animerad hand som skriver ett budskap (oftast ihop med en speaker-röst). Denna variant av animation imiterar mycket av det vi producerar inom undervisningens värld: skriven text på en whiteboard och det kan vara därför den är relativt populär. Fördelen med att sköta all animering i en och samma app behöver du inte bry dig om ljusförhållanden och dylikt som kan ställa till den när du exempelvis filmar när du skriver på ett vanligt papper.

Ett exempel från Videoscribe

Procreate

Att skapa digitala animationer själv kräver ett bra program för att rita – antingen i dator eller i en mobil enhet. En av de appar jag använder just nu till både rita och animera i viss mån är appen Procreate. Den använder jag i kombination med en ritpenna för att få bättre precision och även skriva tydligare. Det kräver en del övning att konvertera sin handstil till en digital dito – ibland kan det vara att föredra att kombinera analogt text/illustration med det digitala men återigen – övning hjälper mycket!

I Procreate kan du animera det du ritat i en sk time-lapse-video. Dvs flödet när du ritar – suddar – ritar något annat – etc går att konvertera till en serie bilder (stop-motion är annat namn) som tillsammans skapar en känsla av rörelse. På detta sätt går det att t ex animera att flöde i ett flödesschema, kanske annotera på en bild och skapa en kort sekvens av det. Det går att kombinera fotografisk bild (pixelgrafik) med ritade bilder (vektorgrafik). Enda nackdelen med Procreate är att det finns lite för mycket verktyg, penslar och effekter att välja mellan, men efter ett tag hittar en sin egen verktygslåda (som även går att spara i appen ihop med din färgpalett).

Några exempel från Procreate:

I nästa avsnitt i denna verktygslåda kommer jag gå igenom två appar till inom animation i mobil enhet från DoInk – animation och green screen.

Annas verktygslåda #8 Skapa rörliga bilder i Keynote

Jag gillar Keynote, särskilt när det gäller att animera avsnitt i en presentation. I mitt exempel har animationen gjorts i Keynote, som sedan exporterats direkt som film. Jag behöver inte ta omvägen via skärminspelning som med Powerpoint. Dock bör det ännu en gång påpekas att jag sitter vid en iOSx-dator och därmed är övergångarna mellan Apple-utvecklade program av naturliga skäl smidigare än mellan Microsoft och Apple.

Fördelarna med Keynote är, enligt min erfarenhet:

1) form/bild-biblioteket har fler figurer, ikoner och bildelement att välja mellan.
2) Verktygslådan för animation är inte lika överbelamrad med extrafunktioner som lätt stökar till det. I animationsdelen väljer du mellan att bygga in, animera eller bygga ut ett objekt. Vill du jobba med formatering av andra slag (skuggor, spegling, ramar m.m.) så finns det i en annan flik.
3) Att det lätt går att exportera presentationen som en film.

Exempel på animation gjord i Keynote:

The two concepts of cooperation vs collaboration (in education)

Annars är det samma princip som det jag beskrev i mitt inlägg om Powerpoint: Fundera över vad och varför du ska skapa en rörlig bild. Börja med förändringar såsom färgbyte, transparens, storlek och animera utifrån en bana.

Lycka till!

Annas verktygslåda #7 Skapa rörliga bilder i Powerpoint

I det här avsnittet går jag igenom lite olika möjligheter att skapa rörelse i de bilder du använder. Det kan även gälla informationsdesign såsom pilar, ikoner, geometriska former, grafer m.m. En fördel i en digital presentation är just att det går att levandegöra ett exempel på ett annat sätt än det går att göra i en bok. Processchemat kan visas i de steg som det innebär, du behöver inte presentera all information i ditt diagram på en och samma gång. Även längre texter kan vinna på att presenteras successivt (om de nu inte kan bytas ut mot ett visuellt material).

Att använda visuella verktyg i ett lärande kan vara betydelsefullt för att stötta studenters lärande, men det är också viktigt att ha en pedagogisk tanke valen som görs. Ska det utgöra en del av en illustration, en gestaltning, en förklaring/instruktion av ett fysiskt objekt eller ska det beskriva ett skeende över tid.

För att skapa animationer har jag valt att använda två infallsvinklar: 1) Desktop-baserat, dvs vad går att göra i ditt vanliga presentationsprogram? 2) Vad går att göra i en mobil enhet?

Animationer i Keynote (iOSx) och Powerpoint (Windows)


Exempel på ett animerat process-schema i Powerpoint (för Mac)

De flesta som använt Powerpoint har nog noterat möjligheterna att skapa animerade övergångar, flygande rubriker och blinkande punktlistor. Det är lätt att hamna i en svårnavigerad gröt av rörelser som till slut står i vägen för innehållet. Det kan vara bra att börja med små experiment i sin kommunikation. Till att börja med kan en fundera över vilken typ av bilder, gärna enkla geometriska former som skulle vara användbara.

Den här bilden illustrerar två möjliga animationer, förändring i utseende samt rörelse. Objektet kan exempelvis byta färg, eller så går det att använda en sk ban-animation dvs du anger vilken bana objektet ska följa. I det här exemplet är det en linjär rörelse, men där går det att experimentera med olika typer av banor.

Den blå cirkeln blir gul, samt molnet har fått en bana att följa där jag i inställningarna kan ange bl a hastighet

Det går även att byta färg genom att laborera med transparens, men det brukar bli lite känsligt för de tillfällen så animationen ska visas via en projektor/duk eftersom färgerna då blir ännu mer urvattnade och du tappar en hel del tydlighet.

Storleksexempel

Ett annat exempel på lämplig förändring att animera är storlek. Minska/öka storleken på objektet, ställ det i relation till något annat objekt.

Distribution/exportera film

För användare av iOSx kan det vara problem med att exportera Powerpoint-animationen som en film (för distribution via exempelvis en lärplattform, YouTube eller dylikt), vilket jag i nuläget löser genom att göra en skärminspelning av animationen. Förhoppningsvis ska det gå bättre för dig med Windows-dator, skriv gärna en kommentar om du har erfarenhet av detta! Jag föredrar annars att arbeta med animationer i presentationsprogrammet Keynote som ingår i iOSx, men eftersom det är vanligare att vi får frågor kring Powerpoint har jag valt att börja med det.

I nästa avsnitt går jag igenom hur jag jobbar med animationer i Keynote samt i mobil enhet.