Parasol Webseite Casefilm erstellen
Ultimatives Website Casefilm Thumbnail Erstellung Rezept
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
Ein Mitarbeiter benötigt ein Animiertes Thumbnail für einen Case.
Dieser liefert euch den zu verschiedenen 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.
Der Clip soll zwischen 8 und 10 Sekunden lang sein
Bestmöglich auf Text Supers verzichten, außer es ist ein wichtiger bestandteil des Filmes
(s. hier) https://parasol-island.com/content/uploads/2020/08/Cobra_11_Website_Casefilm_v001_seK_Featured-Video_WebM.webm)
Letterboxen durch Crop-Ins umgehen
-Exportiert den ersten Frame: Kürzel_Name_Still.jpg
-------------------------------------------------------------
Schritt 5 Media Encoder Vorkehrungen
Ihr benötigt die OGV und WEBM Plugins zum ausspielen der Thumbnails.
Windows: https://drive.google.com/drive/folders/1D-SUUPVbGJfIfsXffTqZhtVzdRBUqSwW
- WebM_Premiere_v1.1.0.msi ausführen und die Schritte der Installation befolgen
- 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:
https://drive.google.com/drive/folders/1D-SUUPVbGJfIfsXffTqZhtVzdRBUqSwW
Speicherort der Presets:
C:\Users\Name\Documents\Adobe\Adobe Media Encoder\1X.0\Presets
-> Bevor man die Files in den Media Encoder lädt, aktiviert man "Vorgabenamen an Dateinamen anhängen" in den Mediaencoder Voreinstellungen:
-------------------------------------------------------------
Schritt 6 Exportieren
Und fügt die Sequenz einzeln in den Media Encoder
Benennt die Media Encoder Presets um.
- Dein Kürzel
-Version
Und zieht alle Presets auf dem in der Queue befindenden Clip.
Schritt 7 Abspeichern
-Die 720p Files in den Animation_Film Ordner verschieben
-Die 360p Files in den Parasol Ordner verschieben
-Still in den Unterordner 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
Und bei 180 Grad umluft muss das Thumbnail nur noch etwas schmoren, bis es letztendlich von dem Kollegen auf der Seite eingepflegt wird.
1. Vorbereitung
Um einen Loop für einen Case auf unserer Webseite zu erstellen, baucht man ein Video mit der Auflösung 500 x 350. Dazu am besten in Premiere eine neue Sequenz anlegen. Es sollte zwischen 8 und 12 Sekunden lang und nicht größer als 1MB groß sein. Für den besten Mouseover Effekt muss das Still (Featured Image) exakt der erste Frame aus dem featured Video sein in einer Auflösung von 1000x700 Pixel.
File:Bildschirmfoto 2017-10-16 um 11.11.15.png
2. Plug-Ins Laden
Windows: https://drive.google.com/drive/folders/1D-SUUPVbGJfIfsXffTqZhtVzdRBUqSwW
- WebM_Premiere_v1.1.0.msi ausführen und die Schritte der Installation befolgen
- Theora Plug-In in den Plug-Ins Ordner verschieben (C:\Program Files\Adobe\Adobe Media Encoder CC 20XX\Plug-Ins\Common)
Mac: Installer für WebM und Theora ausführen
3. Presets
Mac: Jetzt müssen die Presets ( https://drive.google.com/drive/folders/0B9fVZbz6VHEdaFRqV1FsU2c3eTA?usp=sharing ) in den Media Encoder geladen werden. Sie kommen in diesen Ordner: /Library/Application Support/Adobe/Common/Plug-ins/7.0/MediaCore
Windows: Jetzt müssen die Presets (https://drive.google.com/drive/folders/1D-SUUPVbGJfIfsXffTqZhtVzdRBUqSwW) in den Media Encoder geladen werden. Sie kommen in diesen Ordner: C:\Users\Name\Documents\Adobe\Adobe Media Encoder\1X.0\Presets
File:Bildschirmfoto 2017-10-16 um 10.32.26.png
4. Media Encoder
Jetzt den Media Encoder öffnen und die Presets in den Vorgabenbrowser laden:
Error creating thumbnail: File missing
5. Nun den eben aus Premiere Exportierten Film hochladen:
File:Bildschirmfoto 2017-10-16 um 10.36.18.png
6. Ausgaben
Da es sich um 3 Verschiedene Presets handelt, müssen 2 weitere Ausgaben hinzugefügt werden:
File:Bildschirmfoto 2017-10-16 um 11.18.50.png
7. Abschluss
Auf dieser werden jetzt per Drag and Drop die Presets gezogen und der Vorgang kann gestartet werden:
8. Wenn die Kodierungen abgeschlossen sind, können diese an die Person geschickt werden, die den Case auf der Webseite einpflegt.