Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
howto:design-artefakte [2024/11/13 03:26] – [after effects] jwacalex | howto:design-artefakte [2025/05/31 20:08] (current) – sophie | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== Design-Artefakte ====== | ====== Design-Artefakte ====== | ||
+ | |||
+ | ===== Deadline ===== | ||
+ | |||
+ | Alles hier genannte muss 2 Wochen vor Beginn des ersten Vortrags bereitstehen und dem VOC übergeben sein. | ||
+ | Ausnahme: Intros von Vorträgen deren Titel sich in dieser Zeit nochmal geändert haben. | ||
+ | Ist 2 Wochen vor dem ersten Vortrag nichts eingegangen wird das VOC benötigte Artefakte selbst erstellen und selbst erstelltes verwenden. | ||
+ | |||
===== Lizenz ===== | ===== Lizenz ===== | ||
Die Designartefakte müssen unter der selben Lizenz wie die Veranstaltungsinhalte stehen. Bei Audio ist sicherzustellen, | Die Designartefakte müssen unter der selben Lizenz wie die Veranstaltungsinhalte stehen. Bei Audio ist sicherzustellen, | ||
Line 11: | Line 18: | ||
| StreamLogo | | StreamLogo | ||
| ComposeBackground | | ComposeBackground | ||
- | | Intro | Introvideo mit Daten über den Vortrag | + | | Intro | Introvideo mit Daten über den Vortrag |
| Outro | Abspannvideo mit Infos über Konferenz | | Outro | Abspannvideo mit Infos über Konferenz | ||
| Lowerthird | Einblendungen im Video | Pixelgrafik mit Transparenz | | Lowerthird | Einblendungen im Video | Pixelgrafik mit Transparenz | ||
Line 20: | Line 27: | ||
===== Styleguide ===== | ===== Styleguide ===== | ||
Der Styleguide wird für die Streamingwesbeite und die Grundeinstellungen im Infobeamer benötigt. Wir brauchen neben den Farben auch die Fonts und sofern vorhanden, CSS-Datein und Beispielbilder. Bitte keine Fonts die Kostenpflichtig sind. | Der Styleguide wird für die Streamingwesbeite und die Grundeinstellungen im Infobeamer benötigt. Wir brauchen neben den Farben auch die Fonts und sofern vorhanden, CSS-Datein und Beispielbilder. Bitte keine Fonts die Kostenpflichtig sind. | ||
+ | |||
==== Streamingwebseite ==== | ==== Streamingwebseite ==== | ||
Line 27: | Line 35: | ||
* einfach einen PR eröffnen wenn fertig | * einfach einen PR eröffnen wenn fertig | ||
* vielfältige CSS Anpassungen und Custom HTML möglich | * vielfältige CSS Anpassungen und Custom HTML möglich | ||
+ | |||
===== Pauseloop ===== | ===== Pauseloop ===== | ||
+ | |||
==== Video ==== | ==== Video ==== | ||
Seamless loopendes Video, das als Endlosschleife zwischen Vorträgen in der Pause in den Livestream geschickt wird. | Seamless loopendes Video, das als Endlosschleife zwischen Vorträgen in der Pause in den Livestream geschickt wird. | ||
* Videoformat: | * Videoformat: | ||
* Audioformat: | * Audioformat: | ||
+ | |||
==== Audio ==== | ==== Audio ==== | ||
Musik, die in Pausen in den Livestream eingespielt wird. | Musik, die in Pausen in den Livestream eingespielt wird. | ||
* Audioformat: | * Audioformat: | ||
+ | |||
===== Streamlogo ===== | ===== Streamlogo ===== | ||
Line 43: | Line 55: | ||
* kann individuell pro Raum sein | * kann individuell pro Raum sein | ||
* kann zusätzlich auch für den Slides-Only-Stream individuell sein | * kann zusätzlich auch für den Slides-Only-Stream individuell sein | ||
+ | |||
===== ComposeBackground | ===== ComposeBackground | ||
Line 52: | Line 65: | ||
* grün ist wo der hintergrund durchkommt, blau/rot sind die drübergelegten Kamerabilder/ | * grün ist wo der hintergrund durchkommt, blau/rot sind die drübergelegten Kamerabilder/ | ||
* individuell pro Raum | * individuell pro Raum | ||
+ | |||
==== Side by Side ==== | ==== Side by Side ==== | ||
- | {{:howto:sidebyside.png? | + | {{:howto:side-by-side.svg? |
==== Lecture Mode ==== | ==== Lecture Mode ==== | ||
- | {{:howto:lecturemode.png? | + | {{:howto:lecture.svg? |
Line 73: | Line 87: | ||
* Achtung! schedule.xml ändert sich während der Veranstaltung regelmäßig, | * Achtung! schedule.xml ändert sich während der Veranstaltung regelmäßig, | ||
* Software: https:// | * Software: https:// | ||
+ | |||
==== Designquellen ==== | ==== Designquellen ==== | ||
Line 81: | Line 96: | ||
* einfach | * einfach | ||
* kann überall laufen um auf abruf neue intros zu generieren | * kann überall laufen um auf abruf neue intros zu generieren | ||
+ | |||
=== svg === | === svg === | ||
Line 86: | Line 102: | ||
* gibt im intro/outro generator funktionen für einfache 2D-Animationen | * gibt im intro/outro generator funktionen für einfache 2D-Animationen | ||
* kann überall laufen um auf abruf neue intros zu generieren | * kann überall laufen um auf abruf neue intros zu generieren | ||
+ | |||
=== blender === | === blender === | ||
Line 91: | Line 108: | ||
* lange Renderdauer | * lange Renderdauer | ||
* braucht GPU und Hardware, die nicht immer aufm Event vorhanden ist | * braucht GPU und Hardware, die nicht immer aufm Event vorhanden ist | ||
+ | * auf kurze Renderzeiten achten. Wenige Minuten pro Intro sind akzeptabel, mehrere Stunden pro Intro nicht. | ||
+ | |||
=== apple motion === | === apple motion === | ||
- | Generierte Intros mit Apple Motion sind möglich. Hierzu ist ein Mac mit installiertem *Apple Motion* und *Apple Compressor* notwendig. Zusätzlich ist `ffmpeg` notwendig, dies kann im Zweifel über homebrew installiert werden. | + | Generierte Intros mit Apple Motion sind möglich. Hierzu ist ein Mac mit installiertem *Apple Motion* und *Apple Compressor* notwendig. Zusätzlich ist `ffmpeg` notwendig, dies kann im Zweifel über homebrew installiert werden. Danach können mittels des intro-outro-generators automatisiert intros generiert werden. Eine Automatisierung für sonstige Inhalte (Bauchbinden, |
- | Danach können mittels des intro-outro-generators automatisiert intros generiert werden. Eine Automatisierung für sonstige Inhalte (Bauchbinden, | ||
- | == after effects == | + | === after effects |
* MacOS und Windows only | * MacOS und Windows only | ||
* Status der Automatisierung unklar | * Status der Automatisierung unklar | ||
Line 109: | Line 127: | ||
* alternativ aus einem statischen png ein Video machen | * alternativ aus einem statischen png ein Video machen | ||
* Video/ | * Video/ | ||
+ | |||
===== Lowerthird ===== | ===== Lowerthird ===== | ||
Line 115: | Line 134: | ||
* Dateinamen: siehe https:// | * Dateinamen: siehe https:// | ||
- | ===== Infobeamer ===== | ||
+ | ===== Infobeamer ===== | ||
Zwischen Vorträgen wird im Vortragssaal eine Dauerschleife über info-beamer angezeigt. Üblicherweise enthält diese Dauerschleife Informationen zum nächsten Vortrag in diesem Raum, zu anderen Vorträgen im Event und eine Auswahl an Fediverse-Content, | Zwischen Vorträgen wird im Vortragssaal eine Dauerschleife über info-beamer angezeigt. Üblicherweise enthält diese Dauerschleife Informationen zum nächsten Vortrag in diesem Raum, zu anderen Vorträgen im Event und eine Auswahl an Fediverse-Content, | ||
Line 122: | Line 141: | ||
Wenn gewünscht (und genug Hardware vorhanden), können wir auch andere Bildschirme im Gebäude bespielen. Wir benötigen dafür einen HDMI-Eingang und eine Stromversorgung (Steckdose, evtl. reicht auch USB). | Wenn gewünscht (und genug Hardware vorhanden), können wir auch andere Bildschirme im Gebäude bespielen. Wir benötigen dafür einen HDMI-Eingang und eine Stromversorgung (Steckdose, evtl. reicht auch USB). | ||
+ | |||
==== Mögliche Designelemente ==== | ==== Mögliche Designelemente ==== |