Comment entièrement personnaliser une animation à 360° de diamant ?

Grâce à la fonction Profil  d'animation à 360° HTML5, il est possible d'entièrement personnaliser une animation à 360° de diamant avec des boutons colorés, un zoom, des hyperliens, ainsi que déterminer ses paramètres de rotation et son format. Ces animations seront compatibles avec tous les médias et plateformes pour une visualisation sur PC, smartphones et tablettes, parfaitement responsive. Apprenez dans ce tutoriel comment définir un profil HTML parfait pour toutes vos animations à 360° de diamants.

Fourniture

Diamant

Outil

Logiciel PackshotCreator

Durée

2 minutes
  • 1. Création d'un profil HTML
    enregistrer une animation à 360° de diamant au format HTML

    Une fois que votre animation “face-up” ou à 360°  (brillance, feu, étincelle ou verticale) de diamant est terminée et prête à être exportée, nommez votre fichier. Ensuite, cliquez sur le bouton “Ajouter un nouveau type d’enregistrement” et sélectionnez HTML. Décidez de la taille et de la qualité d’image de votre animation. La taille idéale et recommandée pour le web est de 800px. Pour la qualité de l’image, sélectionnez “recommandé“.

    L’exportation de votre animation est maintenant paramétrée et votre profil HTML est prêt à être créé. Cliquez sur le bouton “paramètres” sous “profil HTML” et la fenêtre de l’interface de personnalisation apparaîtra.

  • 2. Paramètres de rotation
    paramètres de rotation de l

    Dans la première étape de la personnalisation, déterminez les paramètres de rotation de l’animation. Sous “type“, choisissez “stationnaire” afin que l’animation ne démarre que lorsque les visiteurs cliquent sur le bouton “play“. Ensuite, déterminez son sens de rotation en sélectionnant le sens des aiguilles d’une montre ou le sens inverse. Vous pouvez également augmenter ou diminuer la vitesse de rotation. La vitesse correcte pour une animation de 90 images est de 0,007 s/image.

    Avant de passer à l’étape suivante, vérifiez que la case “Rotation automatique” est désélectionnée et que la case “Rotation en zoom” est sélectionnée.

    Conseils : Utilisez le petit visuel à droite comme guide pour choisir une option de réglage. Vous pouvez également cliquer sur “Aperçu“.

  • 3. Ajouter un zoom
    ajouter un zoom à une animation de diamant

    Pour ajouter un zoom, allez dans “paramètres d’agrandissement” et sélectionnez la case “type“. Choisissez le type de zoom que vous souhaitez inclure dans votre animation de diamant, puis son grossissement.

    Le grossissement fonctionnera en fonction de la taille que vous avez choisie pour votre animation. Ainsi, si vous sélectionnez, par exemple, un zoom avec un grossissement x3, la taille des photos de l’animation doit être 3 fois plus petite que la taille originale des photos.

    Note : Dans ce tutoriel, aucun zoom n’a été inclus en raison du fait que le diamant a été photographié en mode QuickShot (taille de fichier plus petite)

  • 4. Boutons d'animation
    sélectionner les boutons d

    L’interactivité de votre animation est finalisée. Vous pouvez maintenant la personnaliser. Sous “boutons d’affichage“, choisissez les boutons que vous souhaitez inclure dans votre vue interactive de diamant. Sélectionnez “play/pause” et “plein écran“. Laissez-les en tant que “boutons séparés” et assurez-vous qu’ils sont sélectionnés à la fois pour le desktop et le mobile.

  • 5. Création d'hyperliens
    ajouter boutons réseaux sociaux sur animation 360 de diamant

    Vous pouvez également ajouter des boutons de réseaux sociaux à votre animation de diamant pour que les visiteurs puissent cliquer dessus et partager votre animation sur leur profil. Allez sur “Réseaux Sociaux” et sélectionnez toutes les plateformes que vous souhaitez inclure dans votre animation.

    Si vous préférez ajouter un lien personnalisé, par exemple une page spécifique de votre site web, sélectionnez la case “lien personnalisé” et insérez l’URL.

  • 6. Personnalisation de vos boutons d'animation
    choisir la couleur des boutons d

    Vous avez sélectionné les boutons qui apparaîtront sur votre animation. Maintenant, choisissez leur style et leur couleur en allant sur “style des boutons“. Ensuite, cliquez sur le carré de couleur et sélectionnez une couleur qui correspondra à votre site web, au logo de votre entreprise ou au diamant photographié. Ensuite, décidez où vous voulez les placer : à gauche, à droite ou au centre.

  • 7. Sélection du format de vos animations de produits
    sélection du format d

    Pour la dernière étape de personnalisation, choisissez le format des images de votre animation en cliquant sur “Format de l’image“. Si vous avez créé une animation détourée et que vous souhaitez conserver l’arrière-plan transparent, sélectionnez PNG. Sinon, laissez le format JPG.

  • 8. Sauvegarde de votre profil HTML
    comment enregistrer un profil HTML

    Le processus de personnalisation de votre animation 360 de diamant est maintenant terminé. Cliquez sur le bouton “enregistrer sous” et donnez un nom à votre profil d’animation, par exemple : animation_90_vues. Ensuite, cliquez sur OK et votre profil HTML est enregistré et sera stocké dans la bibliothèque du profil HTML.

    La prochaine fois que vous créerez une autre animation de diamant, il vous suffira de réappliquer ce profil, ce qui vous permettra de gagner du temps !

  • 9. Exportation de votre animation de diamant
    dossier généré par le logiciel d

    Votre animation de diamant est entièrement personnalisée et prête à être exportée. Retournez à l’interface d’exportation et sélectionnez le chemin d’enregistrement. Ensuite, cliquez sur le bouton “enregistrer“.

    Le logiciel compile automatiquement les 90 photos de votre diamant et un fichier au format HTML5 est alors créé. Envoyez ce fichier HTML5 vers un cloud de stockage où un lien sera généré pour que vous puissiez l’intégrer sur votre site web. Votre animation de diamant pourra être alors visualisée en ligne, sur tous les médias et supports disponible, sans ajout de plug-ins !

["4303"]

Comment créer une animation 360 de diamant ?

Ces animations seront compatibles avec tous les médias et plateformes. En savoir plus

Comment sauvegarder un fichier d'animation 360 de diamant ?

Première étape : cliquez sur le bouton "enregistrer sous" et donnez un nom à votre profil d'animationEn savoir plus