Jump to content

Parasol Webseite Casefilm erstellen: Difference between revisions

From Parasol
mNo edit summary
Tag: visualeditor
Tag: visualeditor
 
(7 intermediate revisions by the same user not shown)
Line 7: Line 7:
Heißt, was zu Beginn ein still stehendes Bild ist, wird zum animierten Thumbnail, wenn man den Cursor drüber hält.
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
*Kai Obenhaus
*Daniel Solbach


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


*Sebastian Krätzer
* Parasol Webseite:
** Still: '''1280x720'''
** Film: '''640 x''' '''360; 25 FPS; .WEBM; .OGV; .mp4'''
 
* Film/Animation Webseite:
** Still: '''1280x720'''
** Film: '''1280x720; 25 FPS; .WEBM; .mp4'''


*Yasmine Abou El Seoud
=== '''Schritt 1:''' Im Anfang war der Film ===
*Kai Obenhaus
*Benjamin Bleile
*Daniel Solbach
=== Schritt 1: Im Anfang war der Film ===


* Ein*e Parasoler*in benötigt ein animiertes Thumbnail für einen Case.
* Ein*e Parasoler*in benötigt ein animiertes Thumbnail für einen Case.
Line 22: Line 28:




=== Schritt 2: Vorbereitung der Server-Ordner-Struktur© ===
=== '''Schritt 2:''' Vorbereitung der Server-Ordner-Struktur© ===


* Hier bitte den Ordner Anlegen für INPUT und OUTPUT:
* Hier bitte den Ordner Anlegen für INPUT und OUTPUT:
Line 35: Line 41:




=== Schritt 3: Vorbereitung des Premiere Projektes ===
=== '''Schritt 3:''' Vorbereitung des Premiere Projektes ===


Hier liegt das Premiere Projekt:
Hier liegt das Premiere Projekt:
Line 44: Line 50:
* Dupliziert das neueste Premiere Projekt, fügt euer Kürzel ein und öffnet das Projekt
* Dupliziert das neueste Premiere Projekt, fügt euer Kürzel ein und öffnet das Projekt


=== Schritt 4: Ablauf in Premiere ===
=== '''Schritt 4:''' Ablauf in Premiere ===
<blockquote>''"No multiple sequences, no lame rescaling, and completely Gluten-Free!!"''</blockquote>
<blockquote>''"No multiple sequences, no lame rescaling, and completely Gluten-Free!!"''</blockquote>
* Dupliziert einen Case Ordner aus dem -VORLAGEN Ordner und verschiebt ihn in den Cases Ordner
* Dupliziert einen Case Ordner aus dem -VORLAGEN Ordner und verschiebt ihn in den Cases Ordner
Line 63: Line 69:




=== Schritt 5: Media Encoder Vorkehrungen ===
=== '''Schritt 5:''' Media Encoder Vorkehrungen ===
==== OGV und WEBM Plugins installieren ====
==== OGV und WEBM Plugins installieren ====
<blockquote><nowiki>https://drive.google.com/drive/folders/1D-SUUPVbGJfIfsXffTqZhtVzdRBUqSwW</nowiki></blockquote>
#[https://drive.google.com/drive/folders/1D-SUUPVbGJfIfsXffTqZhtVzdRBUqSwW Download]
#'''WebM_Premiere_v1.1.0.msi''' ausführen und die Schritte der Installation befolgen
#'''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:<blockquote>(C:\Program Files\Adobe\Adobe Media Encoder CC 20XX\Plug-Ins\Common)</blockquote>
#'''Theora Plug-In''' in den Media Encoder Plug-Ins Ordner verschieben:<blockquote>(C:\Program Files\Adobe\Adobe Media Encoder CC 20XX\Plug-Ins\Common)</blockquote>


==== Export Presets: ====
==== Export Presets: ====
Hier liegen sie:<blockquote><nowiki>https://drive.google.com/drive/folders/1D-SUUPVbGJfIfsXffTqZhtVzdRBUqSwW</nowiki></blockquote>...und hier speichert ihr hier hin:<blockquote>C:\Users\Name\Documents\Adobe\Adobe Media Encoder\1X.0\Presets</blockquote>
Hier liegen sie:<blockquote>[https://drive.google.com/drive/folders/1D-SUUPVbGJfIfsXffTqZhtVzdRBUqSwW Download]</blockquote>...und hier speichert ihr sie hin:<blockquote>C:\Users\Name\Documents\Adobe\Adobe Media Encoder\1X.0\Presets</blockquote>
[[File:Casefilm Vorgabe Export.png|thumb|"Vorgabenamen an Dateinamen anhängen"]]


==== Automatische Namensnennung: ====
==== Automatische Namensnennung: ====
Line 80: Line 87:




=== Schritt 6: Exportieren ===
=== '''Schritt 6:''' Exportieren ===


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


=== Schritt 7: Abspeichern ===
=== '''Schritt 7:''' Abspeichern und raus mit dem Ding ===


* Speichert eure Videos in die Unterordner im OUTPUT Ordner:
* Speichert eure Videos in die Unterordner im OUTPUT Ordner:
Line 91: Line 98:
** Die 360p Files in den Parasol 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
* 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
* Ladet diese Ordner Struktur zusätzlich in den [https://drive.google.com/drive/folders/0ABtS-CNPHAswUk9PVA Final_Projects/ProjektXY Drive]


<blockquote><nowiki>https://drive.google.com/drive/folders/0ABtS-CNPHAswUk9PVA</nowiki></blockquote><blockquote>'''Zum Schluss bei 180 Grad Umluft das Thumbnail nur noch etwas schmoren, bis es letztendlich auf der Seite eingepflegt wird.'''
<blockquote></blockquote>'''Zum Schluss bei 180 Grad Umluft das Thumbnail nur noch etwas schmoren, bis es letztendlich auf der Seite eingepflegt wird.'''


'''Voilà!'''</blockquote>
'''Voilà!'''

Latest revision as of 15:09, 6 March 2023

Was ist ein Casefilm Thumbnail?

[edit]

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:

[edit]
  • Sebastian Krätzer
  • Kai Obenhaus
  • Daniel Solbach

Technisches BlaBla:

[edit]
  • 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

[edit]
  • 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©

[edit]
  • 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

[edit]

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

[edit]

"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

[edit]
  • 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

[edit]

OGV und WEBM Plugins installieren

[edit]
  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:

[edit]

Hier liegen sie:

Download

...und hier speichert ihr sie hin:

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

Error creating thumbnail: File missing
"Vorgabenamen an Dateinamen anhängen"

Automatische Namensnennung:

[edit]
  • 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

[edit]
  • 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

[edit]
  • 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à!