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 === | ||
| 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 ==== | ||