Tutorial

How to Add Video to Adobe Portfolio | Tutorial auf Deutsch

Melden

Hier ist ein ausführliches Tutorial, wie du Videos zu deinem Adobe Portfolio hinzufügst.

Adobe Portfolio ist ein hervorragendes Tool für Kreative, um ihre Arbeiten professionell zu präsentieren. Da statische Bilder oft nicht ausreichen, um die volle Wirkung eines Projekts zu zeigen, ist das Einbinden von Videos essenziell. In diesem Guide erfährst du Schritt für Schritt, wie das funktioniert.

Es gibt grundsätzlich zwei Wege, Videos hinzuzufügen: Einbetten (Embedding) von Plattformen wie Vimeo/YouTube oder der direkte Upload.

Schritt 1: Einloggen und Editor öffnen

  1. Gehe auf portfolio.adobe.com und logge dich mit deiner Adobe ID ein.
  2. Klicke auf „Website bearbeiten“, um in den Editor-Modus zu gelangen.
  3. Navigiere zu der Seite, auf der du das Video einfügen möchtest, oder erstelle eine neue Seite über das Plus-Symbol im Menü.

Schritt 2: Die Methode wählen

Methode A: Video einbetten (Empfohlen)

Dies ist die beste Methode für die Performance deiner Website. Wenn du Videos von YouTube, Vimeo oder Adobe Spark nutzt, lädt deine Seite schneller.

  1. Link kopieren: Gehe zu deinem Video auf YouTube oder Vimeo und kopiere die URL (oder den „Embed-Code“).
  2. In Adobe Portfolio: Bewege den Mauszeiger über den Bereich, in dem das Video erscheinen soll. Ein blaues Plus-Symbol (+) erscheint.
  3. Klicke auf das Plus und wähle die Option „Einbetten“ (Embed).
  4. Füge den Link oder den Code in das Fenster ein und klicke auf „Einbetten“.
  5. Dein Video wird nun automatisch in der Breite des Containers angezeigt.

Methode B: Direktes Hochladen (Native Video)

Adobe Portfolio erlaubt es dir auch, Videodateien (MP4, MOV etc.) direkt hochzuladen.

  1. Klicke auf das blaue Plus-Symbol (+) an der gewünschten Stelle.
  2. Wähle die Option „Video“.
  3. Wähle die Datei von deiner Festplatte aus (Beachte: Die Dateigröße ist begrenzt, meist bis zu 1 GB).
  4. Warte den Upload und die Verarbeitung ab. Adobe optimiert das Video automatisch für das Web.

Schritt 3: Layout und Feinschliff

Sobald das Video auf der Seite ist, kannst du es anpassen:

  • Abstände ändern: Klicke auf das Video und wähle das Stift-Symbol (Bearbeiten). Hier kannst du die Ränder (Margins) und die maximale Breite anpassen.
  • Beschriftung: Du kannst unter das Video eine Bildunterschrift (Caption) setzen, um das Projekt zu erklären.
  • Reihenfolge: Du kannst das Video per Drag-and-Drop über oder unter andere Elemente (Texte, Bilder) ziehen.

Schritt 4: Autoplay und Hintergrund-Videos (Optional)

Wenn du ein Video als Hintergrund oder als automatisch abspielendes Element nutzen möchtest:

  1. Gehe in den Bereich „Seiten-Header“ oder bearbeite einen spezifischen „Cover-Container“.
  2. Wähle bei den Hintergrundeinstellungen „Video“ aus.
  3. Wichtig: Autoplay-Videos werden in den meisten Browsern standardmäßig stummgeschaltet. Achte darauf, dass das Video auch ohne Ton funktioniert.

Schritt 5: Speichern und Veröffentlichen

Deine Änderungen werden im Editor oft automatisch zwischengespeichert, sind aber noch nicht live.

  1. Klicke in der unteren linken Ecke auf den blauen Button „Vorschau“, um zu sehen, wie das Video auf verschiedenen Geräten (Desktop, Tablet, Smartphone) wirkt.
  2. Wenn alles passt, klicke auf „Website aktualisieren“ (Update Live Site).

Profi-Tipps für Video in Adobe Portfolio:

  • Vimeo nutzen: Viele Profis nutzen Vimeo, da der Player in der kostenpflichtigen Version cleaner aussieht (keine Logos, keine vorgeschlagenen Videos am Ende).
  • Ladezeiten: Wenn du viele Videos direkt hochlädst, kann die Ladezeit deiner Seite leiden. Nutze für lange Showreels lieber die Einbetten-Funktion.
  • Vorschaubild: Wenn du ein Video einbettest, achte darauf, dass du auf YouTube/Vimeo ein ansprechendes „Thumbnail“ (Vorschaubild) eingestellt hast, da dies das erste ist, was deine Besucher sehen.

Fertig! Dein Portfolio ist nun dynamischer und professioneller.

0