Symboliser les couches 3D

Votre animation 3D doit montrer au public des médias sociaux de quelle façon l’expansion du réseau ferroviaire de San Francisco permettra de répondre à la croissance prévue de logements et d’emplois en centre-ville. La vidéo doit transmettre de manière convaincante des informations clés concernant le projet, vous devez donc dans un premier temps, symboliser les données.

Ouvrir le paquetage de carte

Votre collègue de la commission d’aménagement a partagé les données de transport en commun sous forme de paquetage de carte, vous pouvez donc l’ajouter rapidement à votre projet ArcGIS Pro et vous mettre au travail.

  1. Connectez-vous à votre compte d’organisation ArcGIS.
    Remarque :

    Si vous ne disposez pas d’un compte d’organisation, consultez les options disponibles pour accéder aux logiciels.

  2. Sous New Project (Nouveau projet), cliquez sur Start without a template (Démarrer sans modèle).
  3. Dans Quick Access Toolbar (Barre d’outils Accès rapide), cliquez sur le bouton New (Nouveau).

    Bouton New project (Nouveau projet)

  4. Dans la fenêtre Create a New Project (Créer un projet), changez la valeur du champ Name (Nom) en SF Transit Extension (Extension des transports en commun de SF).
  5. Vérifiez que la case Create a new folder for this project (Créer un dossier pour ce projet) est cochée, et cliquez sur OK.
  6. Téléchargez le paquetage de carte TransitLineExtension et extrayez-le dans un emplacement facile d’accès, tel que votre dossier Documents.
  7. Dans l’onglet Insert (Insertion), cliquez sur Import Map (Importer une carte).

    Bouton Import Map (Importer une carte)

  8. Accédez à l’emplacement auquel vous avez enregistré le fichier TransitLineExtension.mpkx et double-cliquez sur le fichier pour l’ajouter au projet.

    Paquetage de carte importé

    Remarque :

    Si un message d’avertissement à propos de modifications de données s’affiche, cliquez sur OK pour l’ignorer et continuer.

    La scène contient déjà plusieurs couches, incluant des données de logement, de transport et de bassin piétonnier. La plupart des couches possèdent une version actuelle et une version future permettant de déterminer la ligne de transport la plus nécessaire.

  9. Enregistrez le projet.

Découper des données pour la visualisation

Vous allez tout d’abord découper les données pour réduire l’étendue visuelle de la scène. Puisque votre présentation se limite à San Francisco, vous allez découper la vue pour concentrer l’attention du public sur cette zone d’intérêt pendant la vidéo. Enlever les données superflues permettra également à votre carte de s’afficher plus vite et d’être exportée plus rapidement.

  1. Sur le ruban, dans l’onglet Map (Carte), cliquez sur Bookmarks (Géosignets) et sélectionnez CLIP (DÉCOUPER).

    Découper le géosignet d’aperçu

    Remarque :

    En 3D, la meilleure façon de visualiser comment découper la vue consiste à déplacer la caméra jusqu’à un point de vue perpendiculaire et orienté vers le nord. Vous pouvez également appuyer sur les touches P et N de votre clavier pour déplacer la caméra dans cette vue.

    Vous allez maintenant découper la vue et les couches en fonction de l’étendue de la vue.

  2. Dans la fenêtre Contents (Contenu), double-cliquez sur TransitLineExtension.

    La fenêtre Map Properties (Propriétés de la carte) s’ouvre.

  3. Dans la fenêtre Map Properties (Propriétés de la carte), cliquez sur l’onglet Clip Layers (Découper les couches).
  4. Cliquez sur No clipping (Aucun découpage) et sélectionnez Clip to a custom extent (Découper selon une étendue personnalisée). Pour Get extent from (Obtenir l’étendue à partir de), sélectionnez Current visible extent (Étendue visible courante).

    Découper les couches sur l’étendue

  5. Cliquez sur Apply (Appliquer).

    Les couches sont découpées en fonction de l’étendue actuelle de la carte. Ce découpage s’applique également au fond de carte ; vous allez donc définir un thème foncé pour l’arrière-plan du fond de carte.

  6. Dans la fenêtre Map Properties (Propriétés de la carte), cliquez sur l’onglet General (Général). Pour Background Color (Couleur d’arrière-plan), sélectionnez Gray 80% (Gris 80 %).

    Couleur gris 80%

  7. Cliquez sur OK.

    Le découpage et la couleur d’arrière-plan sont appliqués.

  8. Appuyez sur la touche V et faites glisser la scène pour l’incliner.

    Incliner la scène pour voir les changements en termes de découpage et de couleur d'arrière-plan.

    Votre zone de travail est à présent réduite et possède un arrière-plan qui ne distraira pas le public lorsque la caméra se déplacera.

Symboliser les lignes de transport en commun

Vous allez ensuite mettre à jour la symbologie des lignes de transport en commun. Elles sont actuellement drapées au sol sous forme de couche 2D. Pour obtenir un effet visuel plus intéressant, vous allez les représenter sous forme de tubes semi-enterrés. Pour donner à la couche une symbologie vectorielle 3D, vous allez la placer dans la catégorie des couches 3D.

  1. Dans la fenêtre Contents (Contenu), faites glisser la couche Transit Lines (Lignes de transport en commun) dans le groupe 3D Layers (Couches 3D).

    Couche Lignes de transport en commun dans le groupe Couches 3D

    Les lignes disparaissent. Elles sont maintenant affichées à une altitude nulle, ou au niveau de la mer, et se trouvent donc sous terre dans la zone montagneuse de San Francisco. Après avoir symbolisé la couche, vous souhaitez que les tubes soient au sol et qu’ils apparaissent dans leur taille réelle. Ces deux propriétés peuvent être définies pour l’ensemble de la couche.

  2. Dans la fenêtre Contents (Contenu), double-cliquez sur la couche Transit Lines (Lignes de transport en commun). Dans la fenêtre Layer Properties (Propriétés de la couche), cliquez sur l'onglet Elevation (Altitude).
  3. Pour Features are (Les entités sont), sélectionnez On the ground (Au sol).

    Option Les entités sont au sol

    Lorsque vous appliquez les modifications, la couche Lignes de transport en commun est tracée au sol, lequel est défini par la surface d’altitude actuelle, WorldElevation3D/Terrain3D. Avant de fermer la fenêtre Layer Properties (Propriétés de couche), vous allez définir les unités que vous souhaitez utiliser pour la couche.

  4. Dans la fenêtre Layer Properties (Propriétés de la couche), cliquez sur l’onglet Display (Affichage) et cochez la case Display 3D symbols in real-world units (Afficher les symboles 3D en unités réelles).

    Sélectionner les unités réelles.

  5. Cliquez sur OK pour appliquer la modification et fermer la fenêtre.
    Conseil :

    Une fois les entités linéaires tracées au sol, leurs sommets sont utilisés en tant que points de connexion sur la surface. Si votre ligne est longue et ne possède que quelques points, vous devrez peut-être la densifier, ou ajouter des sommets intermédiaires pour qu’elle corresponde davantage à la surface.

    Vous pouvez peut-être voir davantage de lignes rouges à présent, mais le symbole utilise encore les paramètres calculés par défaut, incluant un profil de ligne plate. Pour que ces lignes soient visibles depuis une plus grande distance et dans tous les angles de vue, vous allez les représenter par un grand tube.

  6. Dans la fenêtre Contents (Contenu), cliquez sur le symbole Transit Lines (Lignes de transport en commun).

    Cliquez sur le symbole d’une couche pour ouvrir la fenêtre Symbology (Symbologie) des propriétés de cette couche.

  7. Dans la fenêtre Symbology (Symbologie), cliquez sur l’onglet Properties (Propriétés). Cliquez sur l’onglet Couches.

    Onglet Couches

  8. Si nécessaire, développez la section Appearance (Apparence) et définissez la largeur sur 50 m.
  9. Pour le paramètre Profile (Profil), sélectionnez Tube. Cliquez sur Apply (Appliquer) et fermez la fenêtre Symbology (Symbologie).

    Symbole de tube

    Les tubes rouges sont désormais visibles dans l’ensemble de la scène. Si vous effectuez un zoom avant et arrière, les tubes conservent la même taille, tandis que la taille des arrêts des transports en commun semble augmenter et diminuer.

    Symbologie du tube

    Cet effet se produit parce que les entités ponctuelles continuent à utiliser une taille d’espace à l’écran, utilisant le même nombre de pixels plutôt qu’une distance 3D mesurable. Si la taille d’espace à l’écran s’avère souvent utile pour les symboles ponctuels puisque vous pouvez les voir quelle que soit la distance, vous voulez pour cette scène qu’ils soient liés visuellement aux lignes ferroviaires.

Symboliser les arrêts de transport en commun

Comme vous l’avez fait pour les lignes de transport en commun, vous allez à présent montrer les arrêts en unités réelles.

  1. Dans la fenêtre Contents (Contenu), double-cliquez sur la couche Transit Stops (Arrêts des transports en commun).
  2. Dans la fenêtre Layer Properties (Propriétés de la couche), cliquez sur l’onglet Display (Affichage) et cochez la case Display 3D symbols in real-world units (Afficher les symboles 3D en unités réelles). Cliquez sur OK.
  3. Le cas échéant, dans la fenêtre Contents (Contenu), développez la couche Transit Stops (Arrêts des transports en commun). Cliquez sur le symbole pour ouvrir la fenêtre Symbology (Symbologie)
  4. Si nécessaire, dans la fenêtre Symbology (Symbologie), cliquez sur l’onglet Properties (Propriétés), puis cliquez sur le bouton Symbol (Symbole).

    Bouton Symbols (Symboles)

    Le symbole est à présent beaucoup plus petit que le contour ; vous allez donc ajuster la taille du contour.

  5. Pour Size (Taille), saisissez 80 m et appuyez surEntrée.
  6. Cliquez sur l’onglet Layers (Couches), puis cliquez sur le symbole de contour de cercle. Pour Size (Taille), saisissez 80 m et appuyez sur Entrée. .

    Mettre le contour du symbole à jour

    À présent lorsque vous zoomez, la taille des arrêts des transports en commun est fixe, mais ces derniers sont à moitié couverts par le symbole de tube. Ceci est dû au fait que les points sont également tracés sur le sol. Vous pouvez les élever en utilisant un décalage cartographique vertical.

  7. Cliquez sur Apply (Appliquer).

    Symboles d’arrêts de transport en commun

  8. Dans la fenêtre Contents (Contenu), double-cliquez sur la couche Transit Stops (Arrêts des transports en commun) puis cliquez sur l’onglet Elevation (Altitude). Pour Cartographic Offset (Décalage cartographique), saisissez 25 mètres.

    Décalage cartographique de 25 mètres

  9. Cliquez sur OK.

    Décaler les arrêts de transport en commun

    Remarque :

    Le tube a un diamètre de 50 mètres, il vous suffit donc d’élever le symbole ponctuel de la moitié de cette distance.

    Les symboles de la couche Transit Stop (Arrêt de transport en commun) sont toujours orientés vers la caméra, même si vous inclinez la scène. Cet effet s'appelle le billboarding, et l’option par défaut est Full rotation (Rotation complète). Comme pour la taille d’espace à l’écran, ce paramètre par défaut des symboles ponctuels est utile puisqu’il garantit que ces derniers seront visibles quelle que soit la position de la caméra.

    Pour cette scène, cependant, il est préférable de les lier plus étroitement à leur emplacement physique, et pour ce faire vous allez utiliser Signpost rotation (Rotation de la signalisation). Il est intéressant de modifier la façon dont le symbole se déplace avec la caméra étant donné que ceci sera capturé dans la vidéo que vous allez créer ultérieurement.

  10. Si nécessaire, dans la fenêtre Contents (Contenu), cliquez sur le symbole Transit Stops (Arrêts des transports en commun) pour ouvrir la fenêtre Symbology (Symbologie).
  11. Dans la fenêtre Symbology (Symbologie), dans l’onglet Layers (Couches), développez le groupe Rotation. Pour Billboard, sélectionnez With signpost rotation (Avec rotation de la signalisation).

    Définissez la propriété Billboard (Tableau d’affichage).

  12. Répétez cette étape pour le symbole de contour. Pour Billboard, sélectionnez With signpost rotation (Avec rotation de la signalisation) et cliquez sur Apply (Appliquer).
  13. Faites pivoter la vue et observez la façon dont s'affichent les symboles avec l’effet billboard.
  14. Enregistrez le projet.

Symboliser les données des futurs transports en commun

Les couches Transit Stops - FUTURE (Arrêts de transport en commun - FUTUR) et Transit Lines - FUTURE (Lignes de transport en commun - FUTUR) ont déjà été créés pour vous à l’aide des mêmes propriétés de symbologie. Les futures lignes de transport en commun sont représentées dans une couleur différente, mais pour les distinguer encore davantage, vous allez remplacer le symbole de tube par un tiret.

  1. Dans la fenêtre Contents (Contenu), sélectionnez les couches Transit Stops - FUTURE (Arrêts des transports en commun - FUTUR) et Transit Lines - FUTURE (Lignes de transport en commun - FUTUR) pour les activer.
  2. Sur le ruban de l’onglet Map (Carte), cliquez sur Bookmarks (Géosignets) et sélectionnez FLY-THRU 3 (SURVOL 3).

    Futures lignes de transport en commun

    La proposition de ligne de transport est déjà représentée dans une couleur différente, mais sans transmettre l’idée que cette ligne n’existe pas encore. Vous allez ajouter un effet de tiret pour aider à transmettre cette information dans la vidéo.

  3. Dans la fenêtre Contents (Contenu), développez la couche Transit Lines - FUTURE (Lignes de transport en commun - FUTUR) et cliquez sur le symbole.
  4. Dans l’onglet Properties (Propriétés), cliquez sur l’onglet Layers (Couches) et développez le groupe Dash effect (Effet de tiret).
  5. Pour Dash type (Type de tiret), sélectionnez la première option de tiret (lignes équidistantes les plus espacées).

    Option de tiret

    Cette option définit un tiret de 5 mètres par 5 mètres pour la couche. Vous pouvez effectuer d’autres changements avant de les appliquer.

  6. Pour Dash template (Modèle de tiret), saisissez 100 25.

    Les tirets auront désormais une longueur de 100 mètres avec un espacement de 25 mètres entre eux.

  7. Développez Caps & Join (Terminaisons et jointures), définissez Cap type (Type de terminaison) sur Butt (Tronquée), puis cliquez sur Apply (Appliquer).

    Symbole de tube en utilisant des tirets

    La proposition de ligne ferroviaire est désormais différente des lignes existantes. Maintenant que vous avez terminé de symboliser les données de transport, vous allez vous attaquer à la création des autres aspects de la scène.

Ajouter des données relatives aux bâtiments

La scène est visuellement plus intéressante, mais il est difficile d’avoir une idée de l’échelle. Si la distance entre les arrêts de transport en commun semble très petite sur la carte, ils sont cependant bien espacés au sol. Pour mieux représenter l’échelle, vous allez ajouter des bâtiments à la scène pour servir d’éléments de référence afin d’aider le public à visualiser combien de personnes seront concernées par cette ligne ferroviaire.

  1. Sur le ruban, sous l’onglet Map (Carte), dans le groupe Layer (Couche), cliquez sur Add Data (Ajouter des données).

    Bouton Ajouter des données

  2. Dans la fenêtre Add Data (Ajouter des données), dans le volet de gauche, sous Portal (Portail), cliquez sur ArcGIS Online.

    Ajoutez des données depuis ArcGIS Online.

    Les options Portal (Portail) vous permettent de rechercher des données hébergées sur ArcGIS Online ou sur votre portail ArcGIS Enterprise. L’option ArcGIS Online vous permet de rechercher du contenu hébergé n’importe où sur le site, y compris dans ArcGIS Living Atlas, dans votre propre contenu, et dans le contenu public d’autres utilisateurs.

  3. Dans la barre de recherche, saisissez San Francisco 3D buildings (Bâtiments 3D de San Francisco) et appuyez sur Entrée.
  4. Sélectionnez la couche de scène San Francisco 3D buildings (Bâtiments 3D de San Francisco) et cliquez sur OK.

    Ajouter une couche de bâtiments

    Ces données ont été créées par PLW Modelworks, LLC à l’aide du modèle 3D de PLW Modelworks et sont hébergées dans ArcGIS Online.

    Remarque :

    Vous ne trouverez pas en ligne de contenu de bâtiment pour toutes les villes, il peut donc être nécessaire d’utiliser d'autres techniques comme l’extrusion d’emprises de bâtiments pour votre zone d’intérêt.

    Les bâtiments permettent d'obtenir une meilleure compréhension de l’échelle, mais ils ont aussi une texture (c’est-à-dire une imagerie de leur extérieur). Ceci ne convient pas avec l’apparence épurée du reste de la scène. Pour une meilleure cohérence avec le remplissage gris des données de support, vous allez modifier la symbologie de façon à représenter les bâtiments comme une extension du fond de carte. Vous allez également limiter la distance à laquelle les bâtiments sont visibles. La taille du jeu de données des bâtiments étant importante, limiter son étendue permet d’afficher l’ensemble de la scène plus rapidement

  5. Dans la fenêtre Contents (Contenu), cliquez sur la couche SanFrancisco_Bldgs pour la sélectionner.
  6. Sur le ruban, cliquez sur l’onglet Scene Layer (Couche de scène). Dans le groupe Visibility Range (Plage de visibilité), définissez Out Beyond (Zoom arrière au-delà) sur 5 000 ft (5 000 pieds).

    Définissez la propiété Out Beyond (Zoom arrière au-delà).

    La plage de visibilité détermine l'étendue à laquelle la couche est visible. Si vous effectuez un zoom arrière de plus de 5 000 pieds, la couche ne s'affiche pas.

  7. Dans la fenêtre Contents (Contenu), développez la couche SanFrancisco_Bldgs et cliquez sur le symbole.
  8. Dans la fenêtre Symbology (Symbologie), cliquez sur l’onglet Gallery (Bibliothèque) et sélectionnez le symbole White (use textures) with Edges [Blanc (utiliser des textures) avec tronçons].

    Symbole blanc avec tronçons

  9. Cliquez sur l’onglet Properties (Propriétés) puis sur Layers (Couches).
  10. Cliquez sur Material fill (Remplissage matériel) pour sélectionner la couche. Dans la section Appearance (Apparence), pour Material mode (Mode du matériau), cliquez sur le menu et sélectionnez Replace (Remplacer). Cliquez sur Apply (Appliquer).

    Remplacer la symbologie

    La scène conserve à présent la notion d’échelle humaine tout en adoptant une apparence plus sobre.

Mesurer l’impact des futurs transports en commun

Pour communiquer un autre aspect humain de la scène, vous allez ajouter deux couches supplémentaires montrant le nombre de personnes concernées par les lignes de transport en commun existantes et futures. Deux couches montrent les données projetées de logement pour chaque quartier et chaque station de transport en commun. Deux couches de bassin piétonnier montrent également les zones situées à 5, 10 et 15 minutes de marche de chaque arrêt.

  1. Dans la fenêtre Contents (Contenu), activez la couche Housing (by Neighborhood) [Logement (par quartier)].
  2. Étudiez la couche puis désactivez-la et activez Housing (by Transit Stop) [Logement (par arrêts des transports en commun)].

    La symbologie de cylindre extrudé a été utilisée pour ces deux couches. Elles utilisent un décalage vertical de 250 mètres, et par conséquent flottent au-dessus du sol sans interférer avec les bâtiments ou lignes ferroviaires tout en étant indiquant clairement la zone qu’elles représentent.

    Symbologie de la couche Logement

    Les couches de bassin piétonnier indiquent la proximité des arrêts des transports en commun des logements. Les polygones montrent des temps de marche de 5, 10 et 15 minutes.

  3. Sur le ruban, dans l’onglet Map (Carte), dans le groupe Navigate (Naviguer), cliquez sur Bookmarks (Géosignets). Cliquez sur le signet START (DÉBUT).

    La carte effectue un zoom arrière pour afficher l’ensemble de la ville de San Francisco.

  4. Dans la fenêtre Contents (Contenu), dans le groupe 2D Layers (Couches 2D), activez les deux couches Walksheds (Bassins piétonniers) et désactivez Housing (by Transit Stop) (Logement (par arrêts des transports en commun)).

    Couches de bassin piétonnier

    La couche Walksheds - NOW (Bassin piétonnier - PRÉSENT) est déjà symbolisée, indiquant en rose clair les zones à 5 minutes de marche et en violet foncé celles à 15 minutes de marche. La couche Walksheds - Future (Bassin piétonnier - FUTUR) n’est pas encore symbolisée, chacune des trois zones étant représentée en violet clair. Pour appliquer rapidement la même symbologie à la couche Walksheds - Future (Bassin piétonnier - FUTUR), vous allez importer la symbologie de la couche Walksheds - Now (Bassin piétonnier - PRÉSENT).

  5. Cliquez avec le bouton droit sur la couche Walksheds - FUTURE (Bassin piétonnier - FUTUR) puis cliquez sur Symbology (Symbologie).

    Vous avez au préalable cliqué sur le symbole de la couche pour ouvrir la fenêtre Symbology (Symbologie). Cette méthode ouvre la vue Primary symbology (Symbologie principale) au lieu d’accéder directement à Gallery (Bibliothèque).

  6. Dans la fenêtre Symbology (Symbologie), dans l’angle supérieur droit, cliquez sur le bouton des options, puis sur Import Symbology (Importer la symbologie).

    Importer la symbologie

    La fenêtre Geoprocessing (Géotraitement) s’ouvre et affiche l’outil Appliquer la symbologie d’une couche.

  7. Dans la fenêtre Geoprocessing (Géotraitement), pour Symbology Layer (Couche de symbologie), sélectionnez Walksheds - Now (Bassin piétonnier - PRÉSENT). Cliquez sur Run (Exécuter).

    Appliquer la symbologie d'une autre couche.

    La couche Walksheds - FUTURE (Bassins piétonniers - FUTUR) est symbolisée de la même façon que la couche Bassins piétonniers - PRÉSENT.

  8. Enregistrez le projet.

Vous avez terminé la création de votre scène. Vous avez symbolisé toutes les couches de données 3D nécessaires pour donner une image instructive et intéressante du futur réseau de transport de la ville. Vous allez ensuite commencer à créer l’animation.


Créer une animation

Vous avez déjà organisé l’ensemble des données. Vous pouvez à présent commencer à créer l’animation Vous allez commencer par choisir les scènes que vous souhaitez présenter à votre public pour illustrer au mieux votre récit. Vous allez ajouter des images-clés, ou des points fixes que vous souhaitez passer en revue avec la caméra pendant l’animation. Une fois toutes les images-clés créées et l’aspect visuel de l'animation décidé, vous allez ajouter un texte explicatif et des légendes, et pour finir, vous exporterez l’animation sous forme de vidéo que vous pourrez partager sur les médias sociaux de la ville pour les informer des mutations à venir en termes de transport.

Ajouter des images-clés

Vous allez tout d’abord commencer l’animation en ajoutant des images-clés. La chronologie de l'animation vous permet de créer et de gérer les images-clés qui définissent le déroulement de votre vidéo. La trajectoire de la caméra, les angles, la vitesse et la visibilité des couches sont tous décidés par les images-clés que vous choisissez. Ce qui signifie que vous pouvez créer toute une vidéo en définissant un ensemble d’états de vues importants par lesquels passer.

  1. Si ce n’est pas déjà fait, ouvrez votre projet SF Transit Extension (Extension des transports en commun de SF).
  2. Sur le ruban, cliquez sur l'onglet Vue. Dans le groupe Animation (Animation), cliquez sur Add (Ajouter).

    Ajouter une animation

    La fenêtre Animation Timeline (Chronologie de l’animation) s’ouvre au bas de la vue de carte. Un zoom peut déjà avoir été effectué sur le géosignet START (DÉBUT), mais pour vous en assurer, vous allez de nouveau choisir le géosignet.

  3. Sur le ruban, cliquez sur l’onglet Map (Carte) et accédez au géosignet START (DÉMARRER).
  4. Activez et désactivez les couches afin que les seules couches visibles soient les suivantes :
    • Transit Stops (Arrêts des transports en commun)
    • Transit Lines (Lignes de transport en commun)
    • Light Gray Reference
    • Base gris clair
    Remarque :

    Pour activer ou désactiver rapidement toutes les couches, appuyez sur la touche Ctrl et cliquez sur une couche.

  5. Dans le volet Animation Timeline (Chronologie de l'animation), cliquez sur Create first keyframe (Créer la première image-clé).

    Créer la première image-clé

    Vous souhaitez fournir une vue d'ensemble pour la première section de la vidéo. La caméra restera fixe pendant que vous ferez défiler les couches importantes. Ceci permettra de faire voir au public les chargements dans la scène sans créer de distraction liée aux mouvements de caméra.

  6. Dans la fenêtre Contents (Contenu), activez la couche Walksheds - NOW (Bassin piétonnier - PRÉSENT).
  7. Dans la fenêtre Animation Timeline (Chronologie de l’animation), dans Keyframe Gallery (Bibliothèque d’images-clés), cliquez sur le bouton Append next keyframe (Ajouter l’image-clé suivante) pour ajouter une deuxième image-clé.

    Ajouter une image-clé

    L’intervalle par défaut entre les images-clés est de 3 secondes, votre vidéo a donc désormais une durée de 3 secondes. Vous pouvez voir des informations plus détaillées sur votre animation dans l’onglet du ruban contextuel. L’image-clé par défaut ajoute du temps, et la durée totale de l’animation peut être vue et modifiée sur le ruban Animation. Vous allez tout d’abord créer la totalité des images-clés, et vous ajusterez la durée par la suite.

    Vous devez activer l’ensemble des couches pertinentes, suivant un ordre spécifique, et déplacer la caméra dans la scène afin de mettre en valeur les informations clés. Souvenez-vous que votre récit montre le nombre de personnes bénéficiant des infrastructures ferroviaires actuelles, et quel sera leur nombre après la mise en place de la nouvelle ligne.

  8. Activez la couche Housing (by Neighborhood) [Logement (par quartier)] et ajoutez une troisième image-clé.
  9. Activez les couches Transit Stops - FUTURE (Arrêts des transports en commun - FUTUR) et Transit Lines - FUTURE (Lignes de transport en commun - FUTUR). Ajoutez une quatrième image-clé.
  10. Activez la couche Walksheds - FUTURE (Bassin piétonnier - FUTUR) et ajoutez une cinquième image-clé.

    Galerie d'images-clés

    Les cinq premières images-clés utilisent toutes le même point de vue élevé afin de fournir une vue d'ensemble des changements. Elles montrent, respectivement, le système ferroviaire actuel, les usagers qui en bénéficient, la croissance prévue de logements pour ces usagers, la proposition de futur système ferroviaire, et l’amélioration en termes de couverture pour les usagers.

    Ce sont les informations principales de la vidéo, mais la vidéo n’établit pas de lien personnel avec les personnes qui y vivent. L’affichage est trop abstrait et trop distant pour avoir une vraie résonance auprès des habitants. Le reste de l’animation essaiera d’établir un lien plus humain et plus personnel avec le public.

  11. Enregistrez le projet.

Utiliser un effet de fondu

Maintenant que vous avez donné une vue d'ensemble de la ville, vous allez zoomer sur les différentes rues et arrêts. Une fois le zoom effectué, les données de bâtiments s’affineront passant de l’échelle du quartier au niveau des arrêts de transport en commun pour présenter les informations de logement. Pour créer l’effet de fondu, vous allez devoir changer la visibilité en plusieurs étapes avant que la couche ne s’estompe. Si vous activez la couche sans la rendre au préalable transparente, vous créerez un effet de flash qui risque de distraire le public.

  1. Dans la fenêtre Animation Timeline (Chronologie de l’animation), double-cliquez sur la quatrième image-clé.

    Double-cliquez sur une image-clé pour effectuer un zoom sur cette vue et activer et désactiver les couches correspondantes.

  2. Dans la fenêtre Contents (Contenu), cliquez sur la couche Housing (by Transit Stop) [Logement (par arrêts des transports en commun)] pour la sélectionner.
    Remarque :

    N’activez pas la couche.

  3. Sur le ruban, dans l’onglet Feature Layer (Couche d’entités), dans le groupe Effects (Effets), définissez Transparency (Transparence) sur 100%.

    Rendre la couche transparente

  4. Dans la fenêtre Animation Timeline (Chronologie de l'animation), cliquez sur Update (Mettre à jour).

    Mettre à jour l’image-clé

  5. Double-cliquez sur la cinquième image-clé et procédez de la même façon pour définir la transparence de la couche Housing (by Transit Stop) [Logement (par arrêts des transports en commun)] sur 100 %.
  6. Dans la fenêtre Contents (Contenu), activez la couche Housing (by Transit Stop) [Logement (par arrêts des transports en commun)] et mettez à jour l’image-clé.

    À présent que vous avez établi la transparence de la couche, vous allez la rendre visible. Dans le même temps, vous allez désactiver la couche Housing (by Neighborhood) [Logement (par quartier)]. Ce processus itératif est nécessaire pour que l’image-clé ne capture pas la couche comme étant visible, la faisant clignoter.

  7. Dans la fenêtre Contents (Contenu), vérifiez que la couche Housing (by Transit Stop) [Logement (par arrêts des transports en commun)] est sélectionnée. Dans l’onglet Feature Layer (Couche d’entités), définissez Transparency (Transparence) sur 0%.

    Activer/désactiver la visibilité d’une couche

    À cette étape intermédiaire, les deux couches de logement sont visibles. Pendant l’animation, ces deux couches seront visibles brièvement jusqu’à ce que vous désactiviez les données du quartier.

  8. Sélectionnez la couche Housing (by Neighborhood) [Logement (par quartier)] et définissez Transparency (Transparence) sur 100 %. Ajoutez une sixième image-clé.

    Vue de l’image-clé 6

    Entre la cinquième et la sixième image-clé, la couche Housing (by Neighborhood) [Logement (par quartier)] s’estompe et la couche Housing (by Transit Stop) [Logement (par arrêts des transports en commun)] apparaît.

    Ensuite, vous allez déplacer la caméra dans la scène pour réduire l’altitude et plonger davantage le public dans le contenu.

  9. Sur le ruban, cliquez sur l’onglet Map (Carte) et accédez au géosignet FLY-THRU 1 (SURVOL 1).
  10. Dans la fenêtre Animation Timeline (Chronologie de l’animation), ajoutez une septième image-clé.

    Ajouter l’image-clé 7

  11. Ajouter une huitième image-clé pour le géosignet FLY-THRU 2 (SURVOL 2).
  12. Ajouter une neuvième image-clé pour le géosignet FLY-THRU 3 (SURVOL 3).
  13. Ajouter une dixième image-clé pour le géosignet START (DÉPART).

    Images-clés 1 à 10

    Vous pouvez à présent afficher un aperçu de l’ensemble de l’animation. Elle dure 27 secondes.

  14. Sur le ruban, dans l’onglet Animation, dans le groupe Playback (Lecture), cliquez sur le bouton Reset (Réinitialiser), puis sur Play (Lecture).

    Boutons Reset (Réinitialiser) et Play (Lecture) dans l’onglet Animation

    Le contenu s’affiche désormais dans le bon ordre, et le survol déplace la caméra plus près du sol le long de la proposition de ligne ferroviaire est-ouest dans la partie nord de la vue. Ne vous en faites pas si la couche de bâtiments n’apparaît toujours pas : il est possible que le visionnage en temps réel ne permette pas de tout afficher, mais l’export sous forme de fichier vidéo permettra de gérer le temps de rendu de chaque image.

Ajouter des superpositions

À présent que la scène d’animation est terminée, vous allez ajouter des informations expliquant à quoi correspond le contenu. Vous utiliserez des superpositions pour ajouter un titre, un texte d’explication, et des images de légende. Par défaut, les superpositions sont ajoutées aux images-clés sélectionnées, il est donc essentiel de sélectionner les images-clés appropriées avant d’insérer un texte ou une imagerie superposé.

  1. Dans la fenêtre Animation Timeline (Chronologie de l’animation), cliquez sur la première image-clé, appuyez sur la touche Shift (Maj), puis cliquez sur la dixième image-clé.

    Toutes les images-clés sont sélectionnées.

  2. Sur le ruban, depuis l’onglet Animation, dans le groupe Overlay (Superposition), développez la bibliothèque Add Overlay (Ajouter une superposition) puis cliquez sur Outline Title (Titre de contour).

    Ajouter un texte de titre de contour

    Une zone de texte est ajoutée en haut de la carte.

  3. Dans la zone de texte, saisissez San Francisco Rail Lines (Réseau ferroviaire de San Francisco). Cliquez sur le bouton de fermeture pour cesser de mettre à jour le texte.

    Arrêter la mise à jour du titre

  4. Depuis l'onglet Animation, dans le groupe Overlay (Superposition), définissez la Taille de texte sur 36 .

    La taille de texte pour les titres est modifiée pour toutes les diapositives.

    Titre mis à jour

  5. Dans la fenêtre Animation Timeline (Chronologie de l’animation), sélectionnez la deuxième image-clé.

    Vous allez ensuite ajouter des légendes expliquant à quoi correspond la symbologie sur chaque image-clé. Les images de légende ont été empaquetées avec le projet de carte et se trouvent dans la structure de dossier par défaut.

  6. Sur le ruban, dans la bibliothèque Add Overlay (Ajouter une superposition), cliquez sur Image. Accédez au dossier Packages (Paquetages) dans votre dossier ArcGIS par défaut et ouvrez le paquetage TransitLineExtension. Double-cliquez sur commondata, ouvrez userdata et sélectionnez Legend1.png.

    Ajouter une première légende

  7. Cliquez sur Open (Ouvrir).
  8. Sur le ruban, depuis l'onglet Animation, dans le groupe Edit (Mise à jour), cliquez sur Properties (Propriétés).

    Ouvrir la fenêtre Propriétés

    La fenêtre Animation Properties (Propriétés de l’animation) s’ouvre.

  9. Dans la fenêtre Animation Properties (Propriétés de l’animation), cliquez sur l’onglet Overlays (Superpositions) et sélectionnez l’élément Legend1.png. Dans la section Position, sélectionnez l’option dans l’angle supérieur droit.

    Choisir le positionnement des éléments

    La légende se déplace dans l’angle supérieur droit du cadre. Vous devez encore ajouter plusieurs éléments de légende.

  10. Dans la fenêtre Animation Timeline (Chronologie de l’animation), sélectionnez la troisième image-clé.
  11. Sur le ruban, ajoutez une autre image superposée et sélectionnez Legend2.png.
  12. Dans la fenêtre Animation Properties (Propriétés de l’animation), sélectionnez l’élément Legend2 et déplacez-le en haut à droite du cadre.
  13. Dans la fenêtre Animation Timeline (Chronologie de l’animation), sélectionnez les quatrième et cinquième images-clés.
  14. Ajoutez une autre image superposée et sélectionnez Legend3.png. Utilisez la fenêtre Animation Properties (Propriétés de l’animation) pour la placer dans l’angle supérieur droit du cadre.
  15. Ajoutez Legend4.png aux sixième et septième images-clés et placez-la dans l’angle supérieur droit du cadre.
  16. Dans la fenêtre Animation Timeline (Chronologie de l’animation), double-cliquez sur la septième image-clé pour zoomer sur ce point dans l’animation.

    Image-clé 7

    La majorité des informations d’arrière-plan est à présent en place. Le dernier élément que vous allez ajouter est le texte expliquant l’ensemble du message d’animation.

  17. Dans la fenêtre Animation Timeline (Chronologie de l’animation), double-cliquez sur la première image-clé pour zoomer sur le début de l’animation.
  18. Cliquez sur Hold (Pause).

    Ajouter une pause d’image-clé

    L’option Pause ajoute deux secondes de plan fixe au début de l’animation. Au lieu de déplacer la caméra directement dès le début de l’animation, celle-ci restera fixe pendant deux secondes pour permettre au public de voir l’image-clé.

  19. Sélectionnez les trois premières images-clés.
  20. Sur le ruban, dans le groupe Overlay (Superposition), ajoutez une superposition Paragraph (Paragraphe). Ajoutez les trois lignes de texte suivantes au paragraphe :
    • Sur la ligne 1, saisissez A city relies on public transportation (Une ville utilise les transports publics).
    • Sur la ligne 2, saisissez to move people between their (pour permettre aux personnes).
    • Sur la ligne 3, saisissez d’aller au travail et de rentrer chez elles.
  21. Lorsque vous avez terminé, cliquez sur le bouton Fermer pour terminer la mise à jour du texte.

    Superposition de paragraphe

  22. Dans la fenêtre Animation Timeline (Chronologie de l’animation), double-cliquez sur la quatrième image-clé.
  23. Ajoutez une autre superposition de Paragraph (Paragraphe) et saisissez le texte suivant : Particulièrement lorsque la ville se développe.
  24. Cliquez sur le bouton Fermer et sélectionnez les cinquième, sixième et septième images-clés.
  25. Ajoutez une superposition Paragraph (Paragraphe) avec le texte suivant :
    • Sur la ligne 1, saisissez The City of San Francisco wants to (La ville de San Francisco désire).
    • Sur la ligne 2, saisissez extend the current rail line (prolonger la ligne ferroviaire actuelle).
    • Sur la ligne 3, saisissez pour soutenir sa croissance.
  26. Cliquez sur le bouton de fermeture pour fermer l’éditeur de texte superposé et sélectionnez la dixième image-clé.
  27. Ajoutez une superposition Paragraph (Paragraphe) avec le texte suivant :
    • Sur la ligne 1, saisissez Learn more at.
    • Sur la ligne 2, saisissez www.sfmta.com.

    L’animation est terminée. Avant d’exporter le produit final, vous allez générer un aperçu de l'animation pour vous assurer que le texte que vous avez ajouté s’affiche assez longtemps pour être lu. La vidéo doit être courte, pour que les personnes la regardent en entier, mais pas trop rapide pour que l’information puisse être assimilée.

  28. Sur le ruban, dans le groupe Playback (Lecture), cliquez sur Reset (Réinitialiser), puis sur Play (Lecture).

    Votre impression peut être différente, mais si la durée permet de lire le texte, elle ne permet pas d’assimiler les visuels cartographiques qui changent derrière le texte, en particulier lorsque la proposition de réseau ferroviaire s’affiche.

  29. Dans la fenêtre Animation Timeline (Chronologie de l’animation), double-cliquez sur la cinquième image-clé.
  30. Dans la fenêtre Animation Properties (Propriétés de l’animation), cliquez sur l’onglet Keyframe (Image-clé) et définissez Length (Durée) sur 2 secondes.

    Durée de l’image-clé

  31. Dans la fenêtre Animation Timeline (Chronologie de l’animation), sélectionnez la sixième image-clé.
  32. Dans la fenêtre Animation Properties (Propriétés de l’animation), définissez Length (Durée) sur 5 secondes. Cliquez sur l’onglet Overlays (Superpositions) et sélectionnez l’élément The City of San Francisco (La ville de San Francisco).
  33. Au-dessus de Position, définissez Start Key (Touche de début) sur 6 et vérifiez que End Key (Touche de fin) est définie sur 7.

    Définir la touche de début

    En changeant le timing, vous avez créé une fenêtre d’une durée de 2 secondes pendant laquelle aucun texte n’est affiché et où apparaît la proposition de réseau ferroviaire. Vous avez également vérifié qu’il reste suffisamment de temps après cette fenêtre pour que les gens puissent lire le texte superposé. Effectuez un nouvel aperçu de l’animation.

  34. Sur le ruban, cliquez sur Reset (Réinitialiser) puis sur Play (Lecture).
  35. Enregistrez le projet.

Exporter la vidéo

Lorsque vous serez satisfait du résultat de l’animation, vous allez l’exporter pour la partager. Plusieurs pré-réglages simplifient ce processus.

  1. Sur le ruban, depuis l'onglet Animation, dans le groupe Export (Exporter), cliquez sur Movie (Film).

    La fenêtre Export Movie (Exporter le film) s’affiche. Dans la fenêtre, vous pouvez choisir une option de pré-réglage pour les spécifications du fichier vidéo.

  2. Sous Movie Export Presets (Valeurs prédéfinies d’exportation des films), sélectionnez YouTube.

    Les préréglages pour YouTube créent un fichier vidéo .mp4 de qualité moyenne dont la résolution est 1280x620. Si vous choisissez d’autres pré-réglages, la taille de l'affichage s'ajustera aux proportions sélectionnées.

  3. Pour File Name (Nom de fichier), sélectionnez le dossier de projet ou un autre disque local et cliquez sur Export (Exporter).
    Remarque :

    L’exportation de la vidéo peut prendre plusieurs minutes, selon la puissance de votre ordinateur et la vitesse de connexion. L’export de la séquence d'images où la transparence de la couche est modifiée prend un peu plus de temps. Vous pouvez examiner le résultat final au lieu d’attendre.

    Exporter la vidéo

  4. Une fois l’export terminé, dans la partie inférieure de la fenêtre Export Movie (Exporter le film), cliquez sur Play (Lecture).

Vous pouvez à présent télécharger la vidéo sur une plateforme telle que YouTube ou Twitter, ou l’héberger sur une page web, et partager le lien.

Vous trouverez d’autres didacticiels dans la bibliothèque des didacticiels.