Viele Web-Tools und Programme lassen sich auch für andere Dinge nutzen, als sie ursprünglich vorgesehen waren. Anhand von Beispielen, die ich anlässlich des MAZ Multimediatag 2017 vorgestellt habe, zeige ich hier drei Möglichkeiten:
Das funktioniert auch mit einem animierten Bild, das heisst, man kann auf diese Art auch tonlose Videosequenzen verstecken.
- Bilder hinter einer Warnung verstecken
- Video-Teaser mit bewegten Bildern
- Teaser für Social Media mit PowerPoint
Bilder hinter einer Warnung verstecken
Es gibt viele Gründe, warum man ein Bild beim Aufrufen einer Webseite nicht direkt anzeigen möchte, zum Beispiel weil es besonders schreckliche Bilder (graphic and potentially disturbing images) sind oder wenn das Bild etwas verrät, das der User unter Umständen gar nicht sehen will (spoiler).
So sieht es aus:
So wird es gemacht:
- Grösse des Bildes ermitteln, das verdeckt werden soll.
- In einem Bildbearbeitungsprogramm (z.B. Adobe Photoshop) ein neues Bild erstellen (Datei->Neu, Benutzerdefiniert), das die gleichen Dimensionen hat.
- Hintergrundfarbe wählen und gewünschten Text eingeben.
- Beide Bilder in die Dropbox oder auf einen Server laden
- Das Web-Tool Juxtapose von Knigtlab im Browser öffnen
- Die Links zu den Bilder (oder zur Dropbox) eingeben, zuerst das Bild zum verdecken (A), dann das zu verdeckende Bild (B).
- Bei Options (C) die "Slider start position" auf 95 Prozent stellen
- Nach einem Klick auf "Publish" kann der Einbettungscode abgerufen werden. Dieser wird kopiert und auf der eigenen Website in der Code-Ansicht eingefügt.
Das funktioniert auch mit einem animierten Bild, das heisst, man kann auf diese Art auch tonlose Videosequenzen verstecken.
Video-Teaser mit bewegten Bildern
Wenn wir in einem Artikel an der selben Stelle mehrere Videos einbetten möchten, müssen wir in der Regel eines nach dem anderen einbetten. Schöner ist es, wenn der Leser einen Teaserblock vor sich hat, bei dem er bereits einen ersten Einblick in das Video erhält.
So sieht es aus:
So wird es gemach:
- Lade die Videos auf Deinen YouTube-Kanal
- Erstelle auf https://makeagif.com/youtube-to-gif eine kurze Videosequenz, indem Du die Webadresse (URL) des YouTube-Videos kopierst und in das dafür vorgesehene Feld einfügst.
- Wähle im Video eine Startzeit (A), die Dauer kannst Du bei 5 Sekunden lassen (B). Klicke auf "Create Gif" (C).
- Klicke auf das Pfeilsymbol, um die Datei auf den Computer herunterzuladen.
- Surfe zum Tool https://www.genial.ly und melde Dich an. Klicke auf "Create", um ein neues "Genially" zu machen.
- Wähle im Menü das Symbol für Bilder (A) und ziehe das erstellte animierte Gif aus dem Dateiexplorer (B) auf das "Drag & Drop"-Feld. Sobald das Bild hochgeladen ist, wird es angezeigt (C) und kann von dort auf die Arbeitsfläche gezogen werden.
- Gehe auf den YouTube-Kanal und wähle unterhalb des Videos, aus dem das Gif generiert wurde, "Teilen" und dann "Einbetten" und klicke auf "Kopieren".
- Wechsle zurück auf Genial.ly, klicke auf das eingefügte Gif und dann auf das Handsymbol.
- Wähle als Darstellungsform "Window" (A) und wechsle in die Code-Ansicht (B). Füge den Code ein (C) und klicke auf "Save" (D).
- Wiederhole die Schritte 2 - 9 für alle Videos, die Du anteasern möchtest.
- Klicke in Genial.ly auf "Share" (A), dann auf das Code-Symbol (B) und kopiere den Code (C) in die Zwischenablage.
- Füge den Code an der passenden Stelle in Dein CMS oder Blog ein (in der Codeansicht).
Bemerkung: Wenn Dich das "MakeAGif"-Logo stört, kannst Du das Gif auch mit https://ezgif.com/ erstellen. Dort musst Du aber die Datei direkt von Deiner Festplatte hochladen, da diese Tool keine YouTube-Videos umwandeln kann.
Teaser für Social Media mit PowerPoint
Teaser mit Bewegtbild erhöhen die Aufmerksamkeit auf Social Media-Kanälen. Wenn nur Fotografien und Text zur Verfügung stehen, kann man daraus mit PowerPoint einfach eine Bild-Text-Animation machen - viel schneller, als in einem Videoschnittprogramm. Wer einmal eine gute Vorlage eingerichtet hat, kann daraus jederzeit in wenigen Minuten einen neuen Teaser machen.
So sieht es aus:
So wird es gemacht:
- Öffne eine leere Präsentation in PowerPoint
- Lade das erste Bild in die Präsentation und wähle die Bildgrösse so, dass die Folie ausgefüllt wird, indem Du die obere rechte Ecke nach oben und die untere linke Ecke nach unten ziehst.
- Klicke auf "Einfügen" (A) und Formen und wähle dann die Form "Rechteck". Ziehe das Rechteck über dem Bild dort auf, wo Du den Text eingeben möchtest (B). Klicke bei den "Formoptionen" auf das Giesskannensymbol (C), wähle eine passende Hintergrundfarbe (D) und stelle bei Bedarf die Transparenz ein (D).
- Klicke in die aufgezogene Form und gib den gewünschten Text ein.
- Klicke auf den Reiter "Animation" (A) und wähle die Animation "Vergrössern" (B).
- Wähle bei den Effekt-Optionen bei "Start" den Eintrag "Mit Vorherigem" (A) und stelle die Anzeigedauer auf 5 Sekunden (B).
- Die fertige Folie kann jetzt mit einem Rechtsklick auf die Vorschau und der Auswahl "Folie duplizieren" beliebig oft kopiert werden.
- Um die Bilder auf den Folien zu ändern, kopiert man am einfachsten das auf der Webseite publizierte Bild, klickt in der Folie mit der rechten Maustaste auf das vorhandene Bild und wählt im Kontextmenü "Bild ändern" gefolgt aus "Aus Zwischenablage...".
- Danach wird jeweils der Text angepasst.
- Jetzt kann die PowerPoint-Präsentation via den Reiter "Datei" mit einem Klick auf "Exportieren" (A) gefolgt von "Video erstellen" (B) und noch einmal "Video erstellen" (C) exportiert werden.
- Das fertige Video kann jetzt auf sozialen Netzwerken wie Facebook, Twitter oder Instagram veröffentlicht werden.
Kommentare
Kommentar veröffentlichen