Parasol Webseite Casefilm erstellen

Was ist ein Casefilm Thumbnail?

Auf unserer Parasol Website und auf der Film/Animation Webseite nutzen wir animierte Thumbnails, um so auf die einzelnen Cases zu kommen. Diese sind mit dem sogenannten “Mouseover Effekt” etabliert.

Heißt, was zu Beginn ein still stehendes Bild ist, wird zum animierten Thumbnail, wenn man den Cursor drüber hält.

Folgende Parasoler*innen sind zuständig für die Erstellung der Thumbnails:

• Sebastian Krätzer

• Yasmine Abou El Seoud
• Kai Obenhaus
• Benjamin Bleile
• Daniel Solbach

Technisches BlaBla:

Parasol Webseite:

Still: 1280x720

Film: 640 x 360; 25 FPS; .WEBM; .OGV; .mp4

Film/Animation Webseite:

Still: 1280x720

Film: 1280x720; 25 FPS; .WEBM; .mp4

Schritt 1: Im Anfang war der Film

• Ein*e Parasoler*in benötigt ein animiertes Thumbnail für einen Case.
• Diese*r liefert euch den zu verschneidenden Film (bestmöglich eine cleane Version) und eventuell den Start-Still, mit dem das Thumbnail anfangen soll.

Schritt 2: Vorbereitung der Server-Ordner-Struktur©

• Hier bitte den Ordner Anlegen für INPUT und OUTPUT:

X:\Projects\PSL_ANM_Showreels_Cases_Website_Pflege\PS16A10_Edits\PS16A10_Website_Casefilm\PS20A10_Website_Casefilm

Der zu verschneidende Clip muss unter INPUT abgelegt werden, damit beim Abschluss eines Projektes, die Bearbeitung der Thumbnails immer noch möglich ist.

Schritt 3: Vorbereitung des Premiere Projektes

Hier liegt das Premiere Projekt:

X:\Projects\PSL_ANM_Showreels_Cases_Website_Pflege\PS16A10_Edits\PS16A10_Website_Casefilm\PS20A10_Website_Casefilm_CutFiles

• Dupliziert das neueste Premiere Projekt, fügt euer Kürzel ein und öffnet das Projekt

Schritt 4: Ablauf in Premiere

"No multiple sequences, no lame rescaling, and completely Gluten-Free!!"

• Dupliziert einen Case Ordner aus dem -VORLAGEN Ordner und verschiebt ihn in den Cases Ordner
• Benennt den Ordner und die Sequenz um
• Fügt den Clip unter INPUT ein und zieht euch den Clip in die SEQUENZ

Es müssen keine weiteren Sequenzen erstellt werden!

• Und schon könnt ihr mit dem Schneiden beginnen.
• Exportiert den ersten Frame aus der Sequenz:
  • Name: Kürzel_Name_Still.jpg

Gestaltung der Thumbnails

• Der Clip sollte zwischen 8 und 10 Sekunden lang sein
• bestmöglich auf Text Supers verzichten, außer es ist ein wichtiger Bestandteil des Filmes (z.B: hier)
• Letterboxen durch Crop-in's umgehen

Schritt 5: Media Encoder Vorkehrungen

OGV und WEBM Plugins installieren

1. Download
2. WebM_Premiere_v1.1.0.msi ausführen und die Schritte der Installation befolgen
3. Theora Plug-In in den Media Encoder Plug-Ins Ordner verschieben:

   (C:\Program Files\Adobe\Adobe Media Encoder CC 20XX\Plug-Ins\Common)

Export Presets:

Hier liegen sie:

Download

...und hier speichert ihr sie hin:

C:\Users\Name\Documents\Adobe\Adobe Media Encoder\1X.0\Presets

Automatische Namensnennung:

• Bennent das Preset um und füg dein Kürzel statt dem "SeK" ein

• Unter den Media Encoder Voreinstellungen: macht einen Haken neben: "Vorgabenamen an Dateinamen anhängen"

Schritt 6: Exportieren

• Fügt die Sequenz einzeln in den Media Encoder
• Zieht alle Presets via Drag and Drop auf den in der Queue befindenden Clip.

Schritt 7: Abspeichern und raus mit dem Ding

• Speichert eure Videos in die Unterordner im OUTPUT Ordner:
  • Die 720p Files in den Animation_Film Ordner verschieben
  • Die 360p Files in den Parasol Ordner verschieben
• Das Still legt ihr neben den Anm/Film btw. Parasol Ordner ab, da die 720p Stills sowohl für Parasol als auch für Animation/Film genutzt werden
• Ladet diese Ordner Struktur zusätzlich in den Final_Projects/ProjektXY Drive

Zum Schluss bei 180 Grad Umluft das Thumbnail nur noch etwas schmoren, bis es letztendlich auf der Seite eingepflegt wird.

Voilà!