Comment créer vos animations à 360° de chaussures en 9 étapes et automatiser le process ?

Dans ce tutoriel, nos experts détaillent, étape par étape, la création d’une animation à 360° de chaussures. Utilisez cet assemblage animé de 24 à 1024 photographies pour présenter des baskets, bottes ou encore chaussures de ville à 360° sur un site web e-commerce. Ce visuel animé et interactif permet à vos visiteurs d’observer le produit sous chaque angle, chaque détail. Ils obtiennent ainsi le maximum d’informations. Une seule chaussure suffit pour réaliser une animation à 360°.

Fourniture

Un escarpin en daim

Outil

Studio photo 360 PackshotCreator R3 Mark II
Canon EOS 800D
Canon EF-S 18-135 mm
Trépied

Durée

4 minutes
  • 1. A vos marques : nettoyez votre chaussure
    Comment nettoyer une chaussre avant de créer une animation à 360°

    Selon la matière de la chaussure, servez-vous d’un chiffon ou d’une brosse pour éliminer toute trace de poussière (lire notre tutoriel sur le nettoyage des différentes matières de chaussures). Sur l’escarpin en daim, nous avons utilisé un aérosol dépoussiérant. Certains modèles de chaussures en cuir ou tissus souples nécessitent un rembourrage papier pour garder leurs formes lors du shooting en studio.

  • 2. Positionnez-la dans votre studio photo (0’30 minute)
    Comment positionner une chaussure pour une animation à 360°

    Placez l’escarpin de profil dans le studio, au centre du plateau tournant.

    • Utilisez le repère situé au centre du plateau
    • Déclenchez depuis le logiciel le laser de positionnement du studio
    • Utilisez les 9 différents repères présents sur votre écran de visualisation
    • Créez une image fantôme, une fois votre chaussure parfaitement centrée. La position exacte de l’escarpin est mémorisée par le logiciel sur un profil blue_suede_women_shoes_360. (Photo ci-contre)
    • Sur un escarpin à talon fin utilisez une petite pointe de pate à fixer pour empêcher tout mouvement lors de la rotation du plateau
  • 3. Configurez l’appareil photo (0’15 secondes)
    Réglages appareil photo Canon animation 360 de chaussure

    Réglez les ISO sur une valeur comprise entre 200 et 400, l’ouverture sur 11 pour obtenir des photos entièrement nettes et la vitesse à 1/15 (sur ce modèle de studio avec 9 sources d’éclairage).

  • 4. Prêts ? Choisissez la mise en lumière idéale sur votre escarpin (1 minute)
    Eclairage LED photographie de chaussures à 360° tutoriel

    Ajustez l’intensité de chacune des sources d’éclairage LED du studio : avant, arrière, colonnes ou encore rétro-éclairage du plateau tournant. Pour aller plus loin au sujet de l’éclairage de vos chaussures en studio, découvrez le tutoriel.

  • 5. Enregistrez votre configuration d’appareil photo et d’éclairage sur le même profil
    Réglages appareil photo animation 360 chaussures

    Nommez et mémorisez tous ces réglages d’appareil photo et de configuration d’éclairage sur un profil qui pourra être réutilisé ultérieurement.

  • 6. Avant de quitter les startings blocks (0’10 minute)
    personnalisation animation 360 html5 chaussures

    Choisissez le sens de rotation, la vitesse, le nombre d’images qui composeront l’animation à 360. Il est possible d’en réaliser jusqu’à 1024. Pour un site web e-commerce, par exemple, spécialisé dans la chaussure, 24 photos sont largement suffisantes !

  • 7. Partez ! L’animation à 360° de chaussure est lancée (1’15 seconde)
    Plateau tournant rotation 360 photographie

    Toujours depuis le logiciel, cliquez sur Snap. Le plateau commence une rotation à 360°. Pendant cette rotation, le logiciel calcule automatiquement les angles et l’appareil photographie votre chaussure 24 fois.

  • 8. Personnalisez votre animation à 360° (1 minute en moyenne)
    Comment personnaliser une animation 360°

    Ajoutez un zoom pour que vos visiteurs voient les moindres détails de vos chaussures, des annotations pour de la communication interne et personnalisez le design et les couleurs des boutons (play, pause et zoom et partage sur les réseaux sociaux). Accordez l’animation au graphisme de votre site web e-commerce. Enregistrez aussi cette touche personnelle sur le profil dédié.

  • 9. La touche finale : l’assemblage automatique et le fichier HTML5 (0’15 minute)
    assemblage automatique fichier HTML5

    Maintenant, le logiciel assemble automatiquement les 24 photographies de l’escarpin. Un fichier au format HTML5 est ensuite généré. Vous enverrez alors le fichier HTML5 sur un cloud de stockage, d’où un lien d’intégration sera généré. Il vous suffira de copier/ coller ce lien sur votre site web pour que l’animation s’affiche en ligne. Découvrez notre tuto sur l’intégration d’une animation à 360°.