Hintergründe, Rahmen und Abstand

Eine rohe Bildschirmaufnahme füllt das Bild von Rand zu Rand und liest sich wie ein abgefilmter Screenshot. Sie auf einem Hintergrund einzurücken, die Ecken zu runden und einen weichen Schatten zu setzen, dauert etwa vier Sekunden und ändert den Eindruck vollständig. Hier steht, was jeder Regler tut und wo er aufhört zu helfen.

Der Hintergrund ist eine Fläche, kein Bild

Die acht Hintergründe sind im Code gezeichnete Verläufe und Volltöne — helles Papier, dunkle Tinte, kühler Schiefer, warmer Sand, gedämpftes Moos, weiches Glut, ein schlichter Volltton und gar keiner für transparente Ausgabe. Sie sind bewusst leise: Aufgabe eines Hintergrunds ist es, die Aufnahme eingerückt und beleuchtet wirken zu lassen, nicht selbst angesehen zu werden. Ebenso bewusst gibt es kein violett-blaues Aurora, denn das ist das visuelle Klischee, das ein Produktvideo sofort altern lässt und wie jedes andere aussehen. Hell für helle Oberflächen, dunkel für dunkle — oder umgekehrt für Kontrast — und dann nicht weiter darüber nachdenken.

Abstand, Ecken und Schatten

Der Abstand ist, wie weit die Aufnahme vom Bildrand eingerückt ist, und er leistet von den dreien am meisten — etwa 5 % sind ein guter Standard, mehr für Hochformate, wo die zusätzliche Luft absichtsvoll wirkt, und null, wenn Sie randlos wollen. Runde Ecken suggerieren ein Fenster statt einer rohen Aufnahme. Der Schatten gibt der Aufnahme eine Position im Raum; der Standard liegt bei 85 % Stärke, Weichzeichnung und Versatz skalieren mit dem Bild, sodass er in jeder Auflösung proportional bleibt. Alle drei versagen in dieselbe Richtung: zu viel Abstand schrumpft die Oberfläche ins Unlesbare, zu viel Rundung frisst die Ecken der Oberfläche, zu viel Schatten liest sich wie ein Präsentationseffekt von vor zwanzig Jahren.

Fenster- und Browserrahmen

Drei Optionen: keiner, eine schlichte Fensterleiste mit drei Punkten und ein Browserrahmen mit Adressleiste. Die Fensterleiste passt zu allem, was keine Website ist — eine Desktop-Anwendung, ein Werkzeug, ein Panel. Der Browserrahmen passt, wenn es darauf ankommt, dass es eine Website ist, und die Adressleiste trägt **die URL, die Sie eintippen, und sonst nichts**. Sie bleibt bewusst standardmäßig leer: Eine plausibel aussehende URL zu drucken, die nicht die gezeigte ist, führt Zuschauer in die Irre, und das ist kein Standard, den wir ausliefern wollen. Die Leiste gibt es hell oder dunkel, passend zu Ihrer Oberfläche.

Was die Kamera tatsächlich bewegt

Wissenswert, weil es erklärt, warum komponierte Demos richtig wirken: Der Hintergrund bleibt fest, und die gerahmte Aufnahme ist das, was skaliert und schwenkt. Eine Zoomfahrt geht in den Bildschirm im Rahmen hinein, während die Fläche darunter bleibt, wo sie ist — genau wie eine Kamera, die sich einem Bildschirm auf einem Tisch nähert, statt dass die ganze Welt zoomt. Würde der Hintergrund mitskalieren, fühlte sich jeder Zoom wie ein billiger Diaübergang an. Derselbe Renderer zeichnet Vorschau und Exportdatei, was Sie beim Schneiden sehen, bekommt also auch der Encoder.