Gör en interaktiv turistguide med designprogrammet Canva

Starta med detta exempel: PDF med klickbara länkar:

stop1kyrkaninteraktivpdf-5Ladda ner

Du behöver

  • En dator eller surfplatta (här med Windows 10)
  • En mapp i datorn med bilder och knappar
  • Canva nerladdat på datorn. Om inte: registrera dig.
  • Aktivera Microsoft Paint och Skärmklippsverktyget i Windows. Skaffa Paint.

Varför ett ritningsprogram?

I Canva kan man inte på arbetsytan lägga in linjer och rutor. Det gör man i ett ritningsprogram. Här med Microsoft Paint, som finns med i Windows tillbehör.

Klicka till

Att lägga in bilder i en större bild går i både ritningsprogrammet och i Canva. I senare fallet med klickbara länkar, som här knapparna. Samma gäller för text och siffror.

Skärmklippsverktyget

Verktyget från Windows Tillbehör fungerar inte alltid. Spara då hela sidan med tangenten PrintScreen och snitta ut klippet i MS Paint. Eller tryck Windowstangenten + Shift + S. (Starta om datorn ifall klippminnet är fullt).

Steg för steg:

Öppna Canvaprogrammet

  • Klicka Arkiv. Eller klicka på +symbolen.
  • Öppna arbetsyta från ”Skapa ny design”
  • Anpassa storleken på arbetsytan. Lämpligen efter storleken på bilden du lägger in.

Ladda upp bild för arbetsytan

  • Klicka Uppladdning och Ladda upp filer
  • Välj bild, helst från en mapp där alla aktuella bilder/knappar är samlade.
  • Spara bilden i Canvas arkiv. Drag in bilden till arbetsytan.

Hämta knapparna

  • Upprepa rutinen som ovan.
  • Knapparna dupliceras och parkeras på arbetsytan

Lägg in länkar

  • Sätt markören på aktuell knapp. Klicka på länksymbolen.
  • Hämta länken för aktuell webbsida och klistra in den

Kan även sparas som .png och vidare till .jpeg men då fungerar inte länkarna.

  • Sätt markören på bilden som täcker arbetsytan
  • Klicka på Dela och välj filtyp Standard PDF
  • Ladda ned

Se resultatet som PDF

stop1kyrkaninteraktivpdf-6

”Ken Burns effect” Zooma bilder för video med PhotoFilmStrip

Framgången  för filmerna Ken Burns The Civil wars bygger på bildspel och bra berättare. Programmet för att med panorering ge bilden filmkänsla heter PhotoFilmStrip. Det finns ett antal sådana gratisprogram, några dessutom mer avancerade. PhotoFilmStrip är en molntjänst som är enkel att använda och är därför en bra start. Se presentation och laddning. Där kan appen laddas ner för att organisera verksamheten. Användarnamn, e-postadress och lösen registreras. Basversionen är gratis.

Exempel:

https://youtube.com/watch?v=AiMD-BJSZTw%3Ffeature%3Dplayer_embedded

Detta behövs för att producera en bildspelsvideo, till exempel på Youtube:

1. En ljudfil, mp3. Notera tiden för varje bild som ska visas.

2. Alternativt en mp3 musikfil.

3. Svit med bilder. Lämpligen .jpeg. Spara gärna bilder och ljudfiler i separat mapp. (tankning med URL-adress direkt från nätet fungerar inte).

Gör så här:

1. Öppna PhotoFilmStrip. Klicka på +symbolen för nytt projekt. Döp projektnamnet och välj format, lämpligen 4:3.

2. Om mp3-fil för musik/tal behövs: a) markera i Total length och Audio file. b) Bläddra aktuell mp3-fil i datormappen. c) notera tid i ljudfilen för bildväxling.

3. I redigeringsformuläret: klicka gröna +symbolen för att lägga in bilderna från mappen i datorn (ordningen går att ändra i efterhand).

4. a)  klicka på bild i remsan. b) ange tid för visning (ev med stöd av ljudfilen). b) välj zoom/panorering från menyn mellan de stora rutorna.

5. Klicka i vänsterrutan. För alternativ ”Adjust position directly”: dra i kanterna/hörnen för att anapassa storleken.

6. Samma rutin i högerrutan. Zoom/panorering sker mellan formen på dessa rutor.

7. Skriv ev. Text för visning av aktuell bild i bildspelet.

8. Klicka Tools och Render.  I formulär Configure: Välj i första hand VCD/PAL/MPEG4.

9. Spara bildspelsvideon och ev textfil (.srt) i en datormapp.

10. Välj ”Ladda upp” i Youtube, bläddra/klicka bildspelsvideon. Välj även publicering: Offentlig/Olistat (endst via länk, ej sökbart)/Privat. Se manual

11. Ev textfil .srt läggs på separat.