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.

Verktygslådan #6: Digitalt berättande – en workshop från IKT-studion

Under hösten har vi arbetat med ett koncept med olika typer av grupper, både studenter, anställda och externa deltagare (från utbildningsväsendet/forskning) och här kommer en grundläggande presentation av vad del 1 i denna workshop innebär. Den följs helst även upp av en workshop med fokus på att använda den digitala berättelse som skapas i att sedan bearbeta det med hjälp av presentationsteknik, augmented reality-tänk och kollaborativ reflektion med hjälp av digitala verktyg. Till detta kommer även ett inspel om Creative commons och Wikipedia.

I slutet av presentationen finns listor över de appar vi använder i dessa workshops.

Annas verktygslåda #5 Redigera bilder och göra collage

Bilder – för illustration, gestaltning, beskrivning, förklara…det är en viktig del av vårt sätt att kommunicera. Ofta är kanske inte originalbilden den absolut bästa för det sammanhang den ska figurera i och då behövs någon typ av app för redigering av bilder. I detta inlägg presenterar jag Pixlr (finns som app och som verktyg i din webbläsare).

Redigera bilder och göra collage i Pixlr

Ett användbart bildredigeringsprogram är ett som ger dig möjlighet att beskära, förbättra, omforma storlek och att göra tillägg i form av text och anteckningar (annotering). Pixlr är den app jag använder mest när jag rör mig mellan olika enheter, den funkar i min iPad, i min android-telefon – men finns även som online-programvara i din webbläsare: Pixlr Express.

Utöver verktygen för att beskära (crop), omforma (resize) m.m. så finns det ett antal funktioner som jag gärna använder själv. Dels finns möjlighet att göra collage, dels finns det ett antal grafiska element i form av stickers som går att använda på lite olika sätt.

I vanlig ordning finns även en hel uppsjö av filter och stilelement såsom ramar och där är det nog mest en fråga om vilket syfte ens bild ska uppfylla. Ska det vara dokumentärt eller gestalta en känsla?

Några exempel gjorda i Pixlr:

Collage med filter, stickers och vit ram
IMG_0301

Ett collage i “vykortsstil”, med viss justering av färger, tillagd ram och grafiska element såsom pratbubbla och text

IMG_0302

En laboration med filter, färger och stickers. En selfie med en selfie.
IMG_0303

Alla bilderna är tagna antingen med min iPad eller med min Google Nexus-telefon.

Fördelar med Pixlr
+ Lätt att komma igång
+ Det finns ett bra grundutbud av t ex stickers som även kan vara användbara i skapandet av lärmaterial (inte bara nyckelpigor och enhörningar)
+ Finns för både mobil enhet och desktop

Nackdelar med Pixlr
– Övergången mellan appen och Pixlr Express är inte helt klockren, det kräver lite mer arbete att sätta sig in i funktioner för t ex lagerhantering
– Saknar en del verktyg för t ex att skapa egna geometriska former i gratisversionen av appen


För dig som vill jobba lite mer med bildredigering kan jag rekommendera:

* Gimp (desktop, program)
AnnaMinecraftPodden

Annas verktygslåda #4 Rita och spela in din skärm i en mobil enhet

Dags för presentation av appar med lite mer produktionsfokus. Det som kan behövas vid produktion av material av multimodal karaktär (bild, ljud, video) är bland annat appar som går att använda till följande:

Vad vill jag kunna göra?

* Annotering på bilder, i pdf-material, kartor
* Rita figurer och symboler (pilar, diagram, piktogram)
* Skriva
* Redigera bilder (beskära, räta upp, förbättra, montera, göra collage, förstärka)
* Gestalta ett innehåll med bildval, en viss stil, färger och former

I min verktygslåda har jag ett antal appar för detta och en del funktioner finns i flera appar så det är ofta en smaksak och fråga om hur du bäst lägger upp din produktionsrutin.

Rita och spela in din skärm: Sketches från Tayasui

Sketches är en app där du kan rita, det finns ett stort utbud av verktyg (penslar/pennor) redan i den app som är gratis. En av fördelarna med appen är också att du kan spela in det du ritar med en inbyggd skärminspelningsfunktion. I videon ovan visar jag möjligheten att t ex göra anteckningar på en fotografisk bild. Det jag dock har märkt är att det är knepigt att skriva tydligt i ett enda konstant flöde (vid inspelning) och trots att jag använder en Stylus/touchpenna behövs en del övning för att hitta rätt typ av verktyg i den välfyllda verktygslådan som appen erbjuder.

Appen finns för både iOSx och Android (Google Play), men i de exempel som tas upp här har jag använt en iPad Mini.

Mer information från utvecklaren Tayasui.

Exempel ur appen Sketches (Klicka på respektive bild för större bild):

I följande exempel har jag testat att rita på fotografiska bilder

IMG_0280

IMG_0268

Portable Network Graphics-bild-ECDF62535F2D-1

 

 

 

 

 

 

 

 

 

 

Exemplen som visas är baserade på idéer om att koppla det du ritar till en fotografisk bild. T ex att skapa diagram och symboler tillsammans med relevant bild. Den sista bilden är ett försök att illustrera hur en stads utveckling skett över tid. I det här fallet Oskarshamn (tidigare Döderhultsvik).

Det går givetvis även att använda sig av en helt blank canvas.

Fördelar med Sketches:
+ Bra grundfunktioner i gratisversionen
+ Många olika verktyg, ger utrymme för både annotering och mer konstnärliga uttryck
+ Inbyggd funktion för skärminspelning direkt i appen

Nackdelar:
– Kräver viss övning för att komma igång
– Saknar bra textfunktion i gratisversionen av appen, för tydliga textrutor arbetar jag vidare i annan app (exempelvis Pixlr)

Andra alternativ till denna app:
Adobe Sketch (Ska utforskas ytterligare, den finns för både iOSx och Android/Google Play)
Ritplatta (Drawingpad)

Lycka till!

 

AnnaMinecraftPodden