Code auf Folien ist meistens ein Screenshot. Das sieht ordentlich aus und kann sich nicht bewegen: Du zeigst das fertige Ergebnis, oder du zeigst drei Bilder nacheinander und hoffst, dass die Leute den Unterschied von selbst finden.
Keynote kann mehr. Zauberei interpoliert zwischen zwei Folien, und wenn der Code echter Text ist statt eines Bildes, animiert Keynote die einzelnen Wörter — eine Zeile rutscht nach unten und macht Platz, ein Wert ändert sich, ein ganzer Block erscheint, während alles ringsum nachrückt.
Das sind zwei Folien und ein Übergang. Kein After Effects, keine Videospur.
Warum ein Screenshot das nicht kann
Zauberei funktioniert, indem Keynote die Objekte zweier aufeinanderfolgender Folien einander zuordnet und dazwischen animiert. Ein Bild ist ein Objekt. Keynote kann es bewegen, skalieren, ausblenden — aber nicht hineingreifen und die vierte Zeile animieren, denn für Keynote gibt es keine vierte Zeile.
Text ist etwas anderes. Ein Textfeld enthält Wörter, und Zauberei kann sie einzeln zuordnen.
Die ganze Technik hängt also daran, farbigen Code als Text nach Keynote zu bekommen. Ihn abzutippen und von Hand einzufärben ist eine Qual. Aus dem Editor kopieren verliert die Hervorhebung, weil Editoren reinen Text in die Zwischenablage legen.
Farbigen Code als Text herausbekommen
Codeshot exportiert zweierlei. PNG ist das fertig gesetzte Bild — Hintergrund, Fensterrahmen, Schatten. RTF ist allein der Code als farbiger Text.
Stell Format auf RTF und drücke RTF kopieren. Im RTF steckt kein Hintergrund, und das mit Absicht — die Folie bringt ihren eigenen mit, und ein zweiter dahinter wäre nur im Weg.
Ein Detail lohnt sich zu wissen, weil genau daran eingesetzter Code sonst regelmäßig scheitert: RTF benennt Schriften über ihren Namen, und die monospace Systemschrift trägt einen privaten Namen, den andere Apps nicht auflösen können. Wenn sie ihn nicht auflösen, setzen sie etwas Proportionales ein, und die Spaltenausrichtung, die Code erst als Code lesbar macht, bricht zusammen. Codeshot tauscht auf dem Weg nach draußen Menlo ein, damit das nicht passiert. Hast du selbst eine Schrift gewählt, ist deren Name ohnehin öffentlich und geht unverändert durch.
Die zwei Folien bauen
In eine Folie einsetzen. Befehl-V. Die Farben kommen mit. Skaliere das Textfeld ruhig, aber tippe nichts neu — Zauberei ordnet über die Wörter selbst zu.
Die Folie duplizieren. Wähle sie in der Navigation aus und drücke Befehl-D. Jetzt hast du zwei identische Folien.
Eine davon bearbeiten. Füge auf der zweiten Folie die Zeilen hinzu, die noch fehlten — oder, oft einfacher, setze den fertigen Schnipsel ein und lösche auf der ersten Folie so lange Zeilen, bis sie den früheren Stand zeigt. Alles, was du unangetastet lässt, ist das, was Zauberei animiert; alles, was du hinzufügst oder entfernst, blendet sie ein oder aus.
Rückwärts zu arbeiten ist vorzuziehen. Zauberei ordnet über die Wörter selbst zu, also müssen Zeilen, die stehen bleiben sollen, auf beiden Folien identisch sein. Aus einem Duplikat zu löschen garantiert das; eine Zeile von Hand nachzutippen ist der Weg zu einem Wort, das still nicht zugeordnet wird und springt, statt zu wandern.
Die Reihenfolge zählt: Der Übergang gehört zu der Folie, die du verlässt — bau also zuerst den Vorher-Zustand.
Die eine Einstellung, an der alles hängt
Wähle die erste Folie aus, öffne die Seitenleiste Animieren und füge Zauberei hinzu.
Stell dann den Abgleich von der Vorgabe auf Wortweise um.
An dieser Einstellung hängt der ganze Effekt. Bleibt sie unberührt, behandelt Zauberei das Textfeld als ein einziges Objekt und blendet es über — du bekommst ein Verwischen zwischen zwei Zuständen statt Code, der sich bewegt. Wortweise sagt Keynote, es soll die Wörter beider Folien einander zuordnen und einzeln animieren, und genau das lässt Zeilen gleiten und Werte an Ort und Stelle wechseln.
Eine Dauer von etwa 1,5 bis 2 Sekunden liest sich bei Code gut. Schneller, und niemand kann verfolgen, welche Zeile sich bewegt hat — was ja der ganze Zweck der Übung ist.
Kein Ziel: Ausblenden sollte angehakt bleiben. Das lässt neue Zeilen erscheinen und entfernte verschwinden, statt sie aufpoppen zu lassen.
Eine Abfolge bauen
Drei Folien, zwei Mal Zauberei, und du führst ein Publikum Schritt für Schritt durch ein Refactoring: die naive Fassung, die herausgezogene Funktion, die endgültige Form. Jeder Übergang trägt die unveränderten Zeilen hinüber, damit das Auge an dem hängen bleibt, was sich wirklich geändert hat.
Halte die Schritte klein. Zwei, drei Zeilen Unterschied pro Übergang sind reichlich — eine Folie, die ihren halben Inhalt austauscht, animiert sich zu Rauschen.
Wann ein Bild besser ist
Nicht jede Code-Folie will das.
Ändert sich der Code nie, ist ein PNG einfacher, schärfer und bringt Fensterrahmen und Hintergrund mit, die es gestaltet aussehen lassen. Exportiere mit 2× und gut. Der ganze Ablauf beschreibt diesen Weg.
Nimm RTF und Zauberei, wenn die Veränderung der Punkt ist — wenn du ein Diff zeigst, etwas aufbaust oder erklärst, warum aus einer Fassung die nächste wurde.
Über Keynote hinaus
Dasselbe RTF geht in Pages, Word und alles andere, was formatierten Text annimmt. Es ist farbiger, markierbarer, durchsuchbarer Text statt eines Bildes — was auch heißt, dass er für einen Screenreader lesbar bleibt und dass jemand eine Zeile aus deinem Dokument kopieren und ausführen kann.