Alle Artikel

Vom Screen-Recording zum filmreifen App-Preview in fünf Minuten

Verwandle eine simple Bildschirmaufnahme in ein filmreifes 3D-App-Preview – direkt im Browser, ohne Installation. Schritt für Schritt in fünf Minuten.

Ein cinematisches App-Preview sieht nach einer Woche Arbeit aus: ein Gerät, das durch ein ausgeleuchtetes Studio gleitet, eine langsame Kamerafahrt, deine UI gestochen scharf auf dem Display. Das Geheimnis: Alles, was du dafür brauchst, hast du schon — deine App und einen Browser. Kein After Effects, keine 3D-Software, keine Plugins, nichts zu installieren.

Mockpose macht aus einem einzigen Screenshot oder Screen-Recording ein cinematisches 3D-Device-Mockup — ein animiertes App-Preview-Video oder pixelgenaue App Store-Screenshots, komplett im Browser. In diesem Tutorial gehen wir in sechs Schritten von der rohen Aufnahme zum exportierten MP4. Plane fünf Minuten ein.

Schritt 1: Nimm deine App auf

Alles beginnt mit dem Material, denn darauf baut der Rest auf. Auf dem iPhone reicht die eingebaute Bildschirmaufnahme aus dem Kontrollzentrum. Du arbeitest lieber am Schreibtisch? Dann nimm den Simulator aus Xcode auf, oder zeichne mit QuickTime auf dem Mac ein beliebiges Fenster auf.

Eine saubere Aufnahme von 15 bis 30 Sekunden mit einem einzigen Flow genügt völlig. Ein Preview, das eine Sache gut zeigt, schlägt jede hektische Tour durch sämtliche Features.

Bevor du auf Aufnahme drückst, lohnen sich drei Dinge:

  • Blende sensible Daten aus — nutze einen Demo-Account und aktiviere „Nicht stören“, damit keine Benachrichtigung in die Aufnahme platzt.
  • Geh den Flow einmal zur Probe durch. Ruhige, bewusste Taps wirken vor der Kamera souverän — Zögern nicht.
  • Anfang und Ende sind egal, die schneidest du gleich weg.

Schritt 2: Öffne Mockpose im Browser

Das ist wirklich der ganze Schritt. Mockpose läuft komplett im Browser: nichts herunterzuladen, nichts einzurichten — ausprobieren kannst du es sogar ohne Anmeldung. Editor öffnen, und du stehst in einem 3D-Studio.

Schritt 3: Wähl ein Template — oder starte bei null

Der schnellste Weg führt über ein Template. Mehr als 100 stehen bereit: Geräte-Grids, Reihen, Spiralen, Hero-Moves, die auf ein einzelnes Telefon zufahren. Nimm eines, das zu deiner Geschichte passt — ruhig und produktfokussiert oder mutig und dynamisch — und deine Szene ist bereits animiert.

Du willst volle Kontrolle? Dann starte mit einer leeren Szene und einem einzelnen Gerät und bau alles selbst auf.

Schritt 4: Zieh deine Aufnahme auf das Display

Zieh dein Recording auf den Bildschirm des Geräts. Es wird zu einem Clip, den du direkt auf der Timeline zuschneidest: Schneide auf die beste Stelle, ergänze eine Blende — und alles bleibt exakt synchron zum Shot, auch wenn die Kamera fährt. Ist deine Aufnahme zu lang geraten, behältst du hier nur die zehn Sekunden, die zählen.

Profi-Tipp: Schneide großzügig. Die stärksten Previews kommen in den ersten zwei Sekunden zur Sache.

Schritt 5: Mach die Szene zu deiner

Jetzt der schöne Teil. Wähl einen Hintergrund aus über 100 animierten Szenen und 30 Verläufen, justiere das Licht, bis das Gerät natürlich in der Szene sitzt, und verfeinere die Kamerafahrt — oder bearbeite die Keyframes direkt auf der Timeline, wenn du etwas Eigenes willst.

Eine Faustregel: Nimm Tempo raus. Eine langsamere Kamerafahrt wirkt fast immer hochwertiger als eine schnelle. Wenn du tiefer einsteigen willst, haben wir einen ganzen Guide über cinematische Kamerafahrten geschrieben.

Schritt 6: Exportieren

Starte den Export und wähl dein Format: MP4 bis 4K mit 60 fps oder pixelgenaue Standbilder für deinen Store-Eintrag. Alles wird lokal in deinem Browser kodiert — dein Material muss deinen Rechner nie verlassen, und es gibt keine Renderwarteschlange.

Die Wiedergabe ist deterministisch: Was du in der Vorschau gesehen hast, ist exakt das, was exportiert wird, Frame für Frame. Die Preview-Längen des App Store werden exakt eingehalten — ein 30-Sekunden-Preview ist genau 30 Sekunden lang, jedes Mal.

Im kostenlosen Plan bekommst du den vollen Editor und Exporte bis 720p mit einem kleinen Wasserzeichen; Premium schaltet 4K, Exporte ohne Wasserzeichen und mehr frei.


Das war's: von der Aufnahme zum cinematischen Preview in fünf Minuten und einem Browser-Tab. Wenn du einen Launch planst, zeigt unser Guide zu App-Preview-Videos, was in diese 30 Sekunden gehört. Bereit, es mit deiner eigenen App auszuprobieren? Öffne Mockpose und zieh dein Recording hinein.