Wie kann eine 360° Animation von Diamanten vollständig individuell angepasst werden?

Mit der Funktion HTML-Profil können Sie die 360° Animation Ihrer Diamanten mit farbigen Schaltflächen, Zoom und Hyperlinks vollständig anpassen sowie die Rotationsparameter und die Formate bestimmen. Diese Animationen sind mit allen Geräten kompatibel und können auf PC, Smartphones und Tablets gelesen werden. In diesem Tutorial erfahren Sie, wie Sie ein perfektes HTML-Profil für alle Ansichten Ihrer 360​° Diamantenanimation anlegen können.

Liefern

Diamanten

Werkzeug

PackshotCreatorsoftware

Dauer

2 Minuten
  • 1. Erstellen eines HTML-Profils
    Speichern einer Diamantenanimation im HTML-Format

    Nachdem die Face-up– bzw. die 360° Diamantenansicht (Brillanz, Feuer, Glitzern oder vertikal) fertiggestellt und für den Export bereit ist, geben Sie Ihrer Datei einen Namen. Klicken Sie dann auf “Neuen Speichertyp hinzufügen” und wählen Sie “HTML” aus und nestimmen Sie die Größe und die Bildqualität Ihrer Animation. Die ideale und empfohlene Größe für das Internet liegt bei 800px. Wählen Sie für die Bildqualität die Option “empfohlen” aus.

    Jetzt sind die Exportoptionen Ihrer Animation eingestellt und Ihr HTML-Profil kann erstellt werden. Klicken Sie unter “HTML-Profil” auf die Schaltfläche “Einstellungen”, damit das Fenster mit der Anpassungsoberfläche angezeigt wird.

  • 2. Spin-Einstellungen
    Animation-Spin-Einstellungen für die HTML-Profilfunktion

    Passen Sie im ersten Schritt die Rotationsparameter der Animation an. Wählen Sie unter “Typ” die Option “stationär” aus, so dass die Animation nur dann gestartet wird, wenn die Besucher auf die Schaltfläche “abspielen” klicken. Bestimmen Sie anschließend die Richtung, indem Sie die Option im oder gegen den Uhrzeigersinn auswählen. Sie können außerdem die Geschwindigkeit erhöhen oder verringern. Die optimale Geschwindigkeit für Animationen mit 90 Bildern beträgt 0,007s pro Bild.
    Bevor Sie zum nächsten Schritt übergehen, vergewissern Sie sich, dass das Kästchen “automatisch drehen” deaktiviert und “beim Zoomen drehen” ausgewählt ist.

     

    Tipps: Verwenden Sie das kleine Bild rechts als Richtlinie, wenn Sie eine Einstellungsoption auswählen. Sie können auch auf “Vorschau” klicken.

  • 3. Hinzufügen von Zoom
    Hinzufügen eines Zooms zu einer Diamantenanimation

    Um eine Zoom-Schaltfläche hinzuzufügen, gehen Sie zu “Vergrößerungseinstellungen” und klicken Sie auf das Feld “Typ”. Wählen Sie die Art des Zooms aus, die Sie in Ihre Diamantenanimation einfügen möchten und bestimmen Sie anschliessend den Vergrößerungsfaktor.

    Die Vergrößerung hängt von der Größe ab, die Sie für Ihre Animation ausgewählt haben. Wenn Sie sich beispielsweise für einen Zoom mit einer 3-fachen Vergrößerung entscheiden sollten, muss die Größe der Fotos für die Animation dreimal kleiner sein als die Originalgröße der Bilder.

     

    Hinweis: In diesem Tutorial wurde kein Zoom verwendet, da der Diamant im QuickShot-Modus aufgenommen wurde (kleinere Dateigröße).

  • 4. Schaltflächen für Animation
    Auswahl der in der Software verfügbaren Animationsschaltflächen

    Die Einstellungen Ihrer Animation sind alle vorbereitet. Jetzt können Sie diese individuell anpassen. Wählen Sie unter “Schaltflächen anzeigen” die Schaltflächen aus, die Sie in Ihre interaktive Diamantenansicht aufnehmen möchten. Wählen Sie die Felder “Bezahlung/Pause” und “Vollbild” aus. Belassen Sie sie als “separate Schaltflächen” und stellen Sie sicher, dass Sie mit beiden Geräte also auch das Mobiltelefon kompatibel sind.

  • 5. Erstellen von Hyperlinks
    Hinzufügen von Social-Media-Buttons zu einer Diamantenanimation

    Sie können Ihrer Diamantenanimation auch Social-Media-Schaltflächen hinzufügen, damit Besucher die interaktive Ansicht in ihren eigenen Social-Media-Profilen teilen können. Gehen Sie zu “Social Media” und wählen Sie alle Plattformen aus, auf denen Ihre Diamanten erscheinen sollen.

    Wenn Sie lieber einen benutzerdefinierten Link hinzufügen möchten, z. B. eine bestimmte Seite Ihrer Website, wählen Sie das Feld “benutzerdefinierter Link” und fügen Sie die URL ein.

  • 6. Personalisierung Ihrer Animationsschaltflächen
    Auswahl der Farbe der Animationsschaltflächen

    Sie haben bereits die Schaltflächen ausgewählt, die in Ihrer Diamantenanimation angezeigt werden sollen. Bestimmen Sie nun den Stil und die Farbe der Schaltflächen unter “Buttons Style”. Klicken Sie auf das Farbquadrat und wählen Sie eine Farbe, die zu Ihrer Website, Ihrem Firmenlogo oder Ihrem fotografierten Diamanten passt. Entscheiden Sie anschliessend, wo diese platziert werden sollen: links, rechts oder in der Mitte.

  • 7. Auswählen des Formats Ihrer Produktanimationen
    Auswahl des Bildformats für eine Animation eines Diamanten

    Passen Sie im letzten Schritt die Formate Ihrer Animation an, indem Sie auf “Bildformat” klicken. Wenn Sie eine Animation mit Hintergrundentfernung erstellt haben und den transparenten Hintergrund beibehalten möchten, wählen Sie PNG als Format. Andernfalls belassen Sie das Format als JPG.

  • 8. Speichern Ihres HTML-Profils
    Wie man ein HTML-Profil speichert

    Der Animationsprozess Ihres Diamanten wurde nun angepasst und abgeschlossen. Klicken Sie auf “Speichern unter” und geben Sie Ihrem Animationsprofil einen Namen, zum Beispiel: diamant_animation. Klicken Sie dann auf “OK” und Ihr HTML-Profil wird in der Bibliothek der HTML-Profile abgespeichert.

    Wenn Sie zu einem späteren Zeitpunkt erneut eine Animation Ihrer Diamanten erstellen möchten, wenden Sie einfach das gespeicherte Profil wieder an. Auf diese Weise überspringen Sie den gesamten Personalisierungsprozess und sparen viel Zeit.

  • 9. Exportieren Ihrer Diamantenanimation
    Von der Software erzeugter Ordner einer fertigen Diamantenanimation im HTML-Format

    Die Animation Ihres Diamanten ist vollständig angepasst und bereit für den Export. Gehen Sie zurück zur Export-Oberfläche und wählen Sie den Ort aus, an dem Sie sie speichern möchten und klicken Sie auf “Speichern”.

    Die Software stellt automatisch die 90 Bilder Ihres Diamanten zusammen und erstellt eine Datei im HTML5-Format. Senden Sie diese HTML5-Datei an eine Cloud, wo ein Link generiert wird, den Sie anschliessend auf Ihrer Website integrieren können. Die Animation Ihres Diamanten kann dann online auf allen Geräten angezeigt werden, ohne dass ein Plug-in hinzugefügt werden muss!