Jump to content

Parasol Webseite Casefilm erstellen

From Parasol

Was ist ein Casefilm Thumbnail?

Auf unserer Parasol Website und auf der Film/Animation Website nutzen wir animierte Thumbnails, um auf unsere Detaillierten 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 während man den Cursor drüber hält.


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

  • Sebastian Krätzer
  • Yasmine Abou El Seoud
  • Kai Obenhaus
  • Benjamin Bleile
  • Daniel Solbach

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

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

  • 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

Ihr benötigt die OGV und WEBM Plugins zum ausspielen der Thumbnails - (Windows Only)

https://drive.google.com/drive/folders/1D-SUUPVbGJfIfsXffTqZhtVzdRBUqSwW

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

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

Und ihr benötigt die Export Presets:

https://drive.google.com/drive/folders/1D-SUUPVbGJfIfsXffTqZhtVzdRBUqSwW

Die Speichert ihr hier hin (Media Encoder vorher schließen):

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

Benennt die Presets um:

Füge deinen Kürzel statt dem "SeK" ein

Aktiviert noch schnell die automatische Namensnennung:

  • 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 dem in der Queue befindenden Clip.

Schritt 7 Abspeichern

  • Speichert eure Video 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 Ani/Film Parasol Ordner ab, da die 720p Stills sowohl für Parasol als auch für Animation/Film genutzt werden
  • Diese Ordner Struktur zusätzlich in den Final_Projects/ProjektXY Folder laden

https://drive.google.com/drive/folders/0ABtS-CNPHAswUk9PVA

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

Und schon hat man ein Schmackhaften Augenschmaus.