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 allez 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 allez l’ajouter à un projet ArcGIS Pro.
- Démarrez ArcGIS Pro. Si vous y êtes invité, connectez-vous via votre compte d’organisation ArcGIS sous licence.
Remarque :
Si vous n’avez pas accès à ArcGIS Pro ou ne disposez pas d’un compte d’organisation ArcGIS, consultez les options disponibles pour accéder aux logiciels.
- Sous New Project (Nouveau projet), cliquez sur Start without a template (Démarrer sans modèle).
- Sur Quick Access Toolbar (Barre d’outils Accès rapide), cliquez sur le bouton New Project (Nouveau projet).
- Dans la fenêtre New Project (Nouveau projet), pour le champ Name (Nom), saisissez San Francisco Transit Extension (Extension des transports en commun de San Francisco).
- Assurez-vous que Create a folder for this local project (Créer un dossier pour ce projet local) est sélectionné. Cliquez sur OK.
- Téléchargez le paquetage de cartes Transit Line Extension.
- Sous l’onglet Insert (Insérer), dans le groupe Project (Projet), cliquez sur Import Map (Importer une carte).
- Accédez à l’emplacement auquel vous avez téléchargé le fichier TransitLineExtension.mpkx et double-cliquez dessus.
Le paquetage de cartes est ajouté au projet.
Remarque :
Si un message d’avertissement à propos de modifications de données s’affiche, cliquez sur OK.
La scène contient plusieurs couches, incluant des couches de 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.
- Dans Quick Access Toolbar (Barre d’outils Accès rapide), cliquez sur le bouton Save Project (Enregistrer 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.
- Sur le ruban, dans l’onglet Map (Carte), cliquez sur Bookmarks (Géosignets) et sélectionnez CLIP (DÉCOUPER).
La scène se déplace vers une vue perpendiculaire face au nord. Cet angle constitue la meilleure façon de visualiser comment une vue sera découpée.
Remarque :
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.
- Dans la fenêtre Contents (Contenu), double-cliquez sur TransitLineExtension.
- Dans la fenêtre Map Properties (Propriétés de la carte), cliquez sur l’onglet Clip Layers (Découper les couches).
- 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), cliquez sur Current visible extent (Étendue visible actuelle).
Remarque :
Les coordonnées dans la section Selected extent (Étendue sélectionnée) peuvent être légèrement différentes de celles de l’exemple en fonction de la taille et de la résolution de votre fenêtre.
- 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.
- 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 %).
- Cliquez sur OK.
Le découpage et la couleur d’arrière-plan sont appliqués.
- Appuyez sur la touche V et faites glisser la scène pour l’incliner.
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 le groupe 3D Layers (Couches 3D).
- Dans la fenêtre Contents (Contenu), faites glisser la couche Transit Lines (Lignes de transport en commun) dans le groupe 3D Layers (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.
- 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).
- Pour Features are (Les entités sont), sélectionnez On the ground (Au sol).
Lorsque vous appliquez les modifications, la couche Transit Lines (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.
- Dans la fenêtre Layer Properties (Propriétés de la couche), cliquez sur l’onglet Display (Affichage). Sous Display symbols in scene (Symboles d’affichage dans la scène), cliquez sur Real-world units (Unités réelles).
- Cliquez sur OK.
Les modifications sont appliquées. 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.
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.
- Dans la fenêtre Contents (Contenu), cliquez sur le symbole Transit Lines (Lignes de transport en commun).
La fenêtre Symbology (Symbologie) apparaît.
- Dans la fenêtre Symbology (Symbologie), cliquez sur Properties (Propriétés). Cliquez sur l’onglet Couches.
- Définissez Width (Largeur) sur 50 m. Pour le paramètre Profile (Profil), sélectionnez Tube.
- Cliquez sur Apply (Appliquer). Fermez la fenêtre Symbology (Symbologie).
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.
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 pour les lignes de transport en commun, vous allez montrer les arrêts des transports en commun en unités réelles.
- Dans la fenêtre Contents (Contenu), double-cliquez sur la couche Transit Stops (Arrêts des transports en commun).
- Dans la fenêtre Layer Properties (Propriétés de la couche), cliquez sur l’onglet Display (Affichage). Sous Display symbols in scene (Symboles d’affichage dans la scène), cliquez sur Real-world units (Unités réelles).
- Cliquez sur OK.
Le symbole est à présent beaucoup plus petit ; vous allez donc en ajuster la taille.
- Dans la fenêtre Contents (Contenu), développez la couche Transit Stops et cliquez sur son symbole.
- Dans la fenêtre Symbology (Symbologie), sous Properties (Propriétés), cliquez sur l’onglet Symbol (Symbole).
- Pour Size (Taille), saisissez 80 m et appuyez sur Entrée.
Vous allez également vérifier la taille du contour et l’ajuster si nécessaire.
- Cliquez sur l’onglet Couches. Cliquez sur le symbole de contour de cercle.
- Vérifiez que le paramètre Size (Taille) est défini sur 80 m.
- Cliquez sur Apply (Appliquer). Effectuez des zooms avant et arrière pour voir les nouveaux symboles.
À 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, car les points sont également dessinés au sol. Vous allez les élever en utilisant un décalage cartographique vertical. Le tube a un diamètre de 50 mètres, mais seulement la moitié apparaît au-dessus du sol. Il vous suffit donc de décaler le symbole ponctuel de la moitié de cette distance.
- Dans la fenêtre Contents (Contenu), double-cliquez sur la couche Transit Stops (Arrêts des transports en commun).
- Dans la fenêtre Layer Properties (Propriétés de la couche), cliquez sur l’onglet Elevation (Altitude). Pour Cartographic Offset (Décalage cartographique), saisissez 25 et vérifiez que l’option Vertical units (Unités verticales) est définie sur Meters (Mètres).
- Cliquez sur OK.
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.
- Dans la fenêtre Contents (Contenu), cliquez sur le symbole Transit Stops (Arrêts des transports en commun).
- 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).
- Cliquez sur le symbole de train
- Pour Billboard (Panneau d’affichage), sélectionnez With signpost rotation (Avec rotation de la signalisation). Cliquez sur Apply (Appliquer).
Désormais, lorsque vous faites pivoter la vue, un effet se produit, car les symboles pivotent pour s’adapter.
- Enregistrez le projet.
Symboliser les données des futurs transports en commun
Les couches Transit Stops - FUTURE et Transit Lines - FUTURE ont déjà été symbolisées pour vous à l’aide des mêmes propriétés de symbole. 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.
- 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.
- Sur le ruban de l’onglet Map (Carte), cliquez sur Bookmarks (Géosignets) et sélectionnez FLY-THRU 3 (SURVOL 3).
La proposition de ligne de transport est 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.
- Dans la fenêtre Contents (Contenu), développez la couche Transit Lines - FUTURE (Lignes de transport en commun - FUTUR) et cliquez sur le symbole.
- Dans la fenêtre Symbology (Symbologie), dans l’onglet Properties (Propriétés), cliquez sur l’onglet Layers (Couches). Développez le groupe Dash effect (Effet de tiret).
- Pour Dash type (Type de tiret), sélectionnez la première option de tiret (lignes équidistantes les plus espacées).
Cette option définit un tiret de 5 mètres par 5 mètres pour la couche.
- 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.
- Développez Caps & Join (Terminaisons et jointures). Définissez Cap type (Type de terminaison) sur Butt (Tronquée).
- Cliquez sur Apply (Appliquer).
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.
- Sur le ruban, sous l’onglet Map (Carte), dans le groupe Layer (Couche), cliquez sur le bouton Add Data (Ajouter des données).
- Dans la fenêtre Add Data (Ajouter des données), sous Portal (Portail), cliquez sur 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.
- Dans la barre de recherche, saisissez San Francisco 3D buildings (Bâtiments 3D de San Francisco) et appuyez sur Entrée.
- Cliquez sur la couche de scène San Francisco 3D buildings.
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 :
Toutes les villes ne disposent pas d’un service de contenu de bâtiment en ligne, 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.
- Cliquez sur OK.
Les bâtiments sont ajoutés à la scène. Ils 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 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 à ce que les bâtiments aient un aspect similaire au 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 la scène plus rapidement.
- Si nécessaire, dans la fenêtre Contents (Contenu), cliquez sur la couche SanFrancisco_Bldgs pour la sélectionner.
- Sur le ruban, cliquez sur l’onglet Scene Layer (Couche de scène). Dans le groupe Visibility Range (Plage de visibilité), définissez Farthest Distance (Distance maximale) sur 5 000 ft (5 000 pieds).
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.
- Dans la fenêtre Contents (Contenu), développez la couche SanFrancisco_Bldgs et cliquez sur le symbole.
- Dans la fenêtre Symbologie, cliquez sur Gallery (Bibliothèque). Cliquez sur le symbole White (use textures) with EdgesBlanc ( (utiliser des textures) avec tronçons).
- Cliquez sur Properties (Propriétés) et sur l’onglet Layers (Couches).
- Sélectionnez la couche Material fill. Sous Appearance (Apparence), pour Material mode (Mode du matériau), sélectionnez Replace (Remplacer).
- Cliquez sur Apply (Appliquer).
La scène conserve à présent la notion d’échelle humaine tout en adoptant une apparence plus thématique.
Mesurer l’impact des futurs transports en commun
Pour communiquer un autre aspect humain de la scène, vous allez inclure 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.
- Dans la fenêtre Contents (Contenu), activez la couche Housing (by Neighborhood) [Logement (par quartier)].
- Explorez la couche. Désactivez-la et activez Housing (by Transit Stop).
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.
Vous allez ensuite explorer les couches de bassin piétonnier, qui indiquent la proximité des arrêts des transports en commun des logements.
- Sur le ruban, cliquez sur l’onglet Map (Carte). Dans le groupe Navigate (Parcourir), cliquez sur Bookmarks (Géosignets), puis choisissez le géosignet START (DÉMARRER).
La carte effectue un zoom arrière pour afficher l’ensemble de la ville de San Francisco.
- Dans la fenêtre Contents (Contenu), dans le groupe 2D Layers (Couches 2D), activez les deux couches Walksheds. Désactivez Housing (by Transit Stop).
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).
- 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 à la bibliothèque.
- Dans la fenêtre Symbology (Symbologie), dans l’angle supérieur droit, cliquez sur le bouton des options et sélectionnez Import Symbology (Importer la symbologie).
La fenêtre Geoprocessing (Géotraitement) s’ouvre et affiche l’outil Apply Symbology From Layer (Appliquer la symbologie d’une couche).
- Pour Symbology Layer (Couche de symbologie), sélectionnez Walksheds - Now (Bassin piétonnier - PRÉSENT).
- Cliquez sur Run (Exécuter).
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.
- 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 du futur réseau de transport de la ville. Créez maintenant l’animation.
Créer une animation
Pour 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 réseaux sociaux de la ville pour informer les followers des mutations à venir en termes de transport.
Ajouter des images-clés
Commencez par ajouter des images-clés. 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. Vous pouvez créer toute une vidéo en définissant un ensemble d’états de vues importants par lesquels passer.
- Sur le ruban, cliquez sur l’onglet View (Vue). Dans le groupe Animation (Animation), cliquez sur Add (Ajouter).
La fenêtre Animation Timeline (Chronologie de l’animation) s’affiche. 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.
- Sur le ruban, cliquez sur l’onglet Map (Carte). Cliquez sur Bookmarks (Géosignets) et accédez au géosignet START (DÉMARRER).
- Activez et désactivez les couches afin que les seules couches activées soient les suivantes :
- Transit Stops (Arrêts des transports en commun)
- SanFrancisco_Bldgs
- Transit Lines (Lignes de transport en commun)
- Light Gray Reference
- Base gris clair
- WorldElevation3D/Terrain3D
Remarque :
Pour activer ou désactiver rapidement toutes les couches, appuyez sur la touche Ctrl et cliquez sur une couche.
- Dans le volet Animation Timeline (Chronologie de l’animation), cliquez sur Create first keyframe (Créer la première image-clé).
Vous souhaitez fournir une vue d’ensemble pour la première section de la vidéo. Conservez la caméra au même emplacement pendant que vous parcourez 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.
- Dans la fenêtre Contents (Contenu), activez la couche Walksheds - NOW (Bassin piétonnier - PRÉSENT).
- Dans la fenêtre Animation Timeline (Chronologie de l’animation), dans Keyframe Gallery (Galerie d’images-clés), cliquez sur le bouton Append next keyframe (Ajouter l’image-clé suivante).
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.
- Activez la couche Housing (by Neighborhood) [Logement (par quartier)] et ajoutez une troisième image-clé.
- 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é.
- Activez la couche Walksheds - FUTURE (Bassin piétonnier - FUTUR) et ajoutez une cinquième image-clé.
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.
- 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.
- 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.
- 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.
- Sur le ruban, cliquez sur l’onglet Feature Layer (Couche d’entités). Dans le groupe Effects (Effets), définissez Transparency (Transparence) sur 100 %.
- Dans la fenêtre Animation Timeline (Chronologie de l’animation), cliquez sur Update (Mettre à jour).
- Double-cliquez sur la cinquième image-clé. Attribuez à la couche Housing (by Transit Stop) (Logement [par arrêts des transports en commun]) une transparence de 100 %.
- Dans la fenêtre Contents (Contenu), activez la couche Housing (by Transit Stop) (Logement [par arrêts des transports en commun]). 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.
- 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 %.
La couche est à présent visible.
![Couche Housing (by Transit Stop) (Logement [par arrêts des transports en commun]) sur la scène](GUID-C86BE2D0-D2DE-4ABD-AB05-8669128939FB-web.png "Couche Housing (by Transit Stop) (Logement [par arrêts des transports en commun]) sur la scène")
Pendant l’animation, ces deux couches seront visibles brièvement jusqu’à ce que vous désactiviez les données du quartier.
- Sélectionnez la couche Housing (by Neighborhood) (Logement [par quartier]) et définissez Transparency (Transparence) sur 100 %. Ajoutez une sixième image-clé.
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.
- Sur le ruban, cliquez sur l’onglet Map (Carte). Cliquez sur Bookmarks (Géosignets) et accédez au géosignet FLY-THRU 1 (SURVOL 1).
- Dans la fenêtre Animation Timeline (Chronologie de l’animation), ajoutez une septième image-clé.
- Accédez au géosignet FLY-THRU 2 (SURVOL 2) et ajoutez une huitième image-clé.
- Accédez au géosignet FLY-THRU 3 (SURVOL 3) et ajoutez une neuvième image-clé.
- Accédez au géosignet START (DÉMARRER) et ajoutez une dixième image-clé.
Vous pouvez à présent afficher un aperçu de l’ensemble de l’animation. Elle dure 27 secondes.
- Sur le ruban, cliquez sur l’onglet Animation. Dans le groupe Playback (Lecture), cliquez sur le bouton Reset (Réinitialiser).
L’animation reprend au début.
- Cliquez sur Play (Lecture).
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é.
- 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.
- Sur le ruban, depuis l’onglet Animation, dans le groupe Overlay (Superposition), développez la bibliothèque puis sélectionnez Outline Title (Titre de contour).
Une zone de texte est ajoutée en haut de la carte.
- Dans la zone de texte, saisissez San Francisco Rail Lines (Réseau ferroviaire de San Francisco). Cliquez sur le bouton Close on-screen editing and commit changes (Fermez la session de mise à jour à l’écran et validez les modifications) pour finir de modifier le texte.
- 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.
Vous allez ensuite ajouter des légendes expliquant à quoi correspond la symbologie sur chaque image-clé.
- Téléchargez le dossier compressé Transit_Line_Legends. Extrayez le dossier dans un emplacement facile à mémoriser, par exemple, le dossier Documents.
- Dans ArcGIS Pro, dans la fenêtre Animation Timeline (Chronologie de l’animation), sélectionnez la deuxième image-clé.
- Sur le ruban, dans la bibliothèque Overlay (Superposition), cliquez sur Image. Accédez au dossier Transit_Line_Legends extrait.
- Sélectionnez Legend1.png.
- Cliquez sur Open (Ouvrir).
- Sur le ruban, depuis l’onglet Animation, dans le groupe Edit (Mise à jour), cliquez sur Properties (Propriétés).
La fenêtre Animation Properties (Propriétés de l’animation) s’ouvre.
- Dans la fenêtre Animation Properties (Propriétés de l’animation), cliquez sur l’onglet Overlays (Superpositions) et vérifiez que l’élément Legend1.png est sélectionné. Dans la section Position, sélectionnez l’option dans l’angle supérieur droit.
La légende se déplace dans l’angle supérieur droit du cadre. Vous devez encore ajouter plusieurs éléments de légende.
- Dans la fenêtre Animation Timeline (Chronologie de l’animation), sélectionnez la troisième image-clé.
- Sur le ruban, dans la bibliothèque Overlay (Superposition), cliquez sur Image. Sélectionnez Legend2.png.
- Dans la fenêtre Animation Properties (Propriétés de l’animation), sélectionnez l’élément Legend2 et placez-le dans l’angle supérieur droit de l’image.
- Dans la fenêtre Animation Timeline (Chronologie de l’animation), sélectionnez les quatrième et cinquième images-clés.
- 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.
- Sélectionnez les sixième et septième images-clés. Ajoutez Legend4.png et placez-la dans l’angle supérieur droit de l’image.
- Dans la fenêtre Animation Timeline (Chronologie de l’animation), double-cliquez sur la septième image-clé pour accéder à ce point dans l’animation.
Ajouter un texte
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.
- Dans la fenêtre Animation Timeline (Chronologie de l’animation), double-cliquez sur la première image-clé pour accéder au début de l’animation.
- Cliquez sur Hold (Pause).
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é.
- Sélectionnez les trois premières images-clés.
- 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.
- Cliquez sur le bouton Close on-screen editing and commit changes (Fermez la session de mise à jour à l’écran et validez les modifications) pour finir de modifier le texte.
- Dans la fenêtre Animation Timeline (Chronologie de l’animation), double-cliquez sur la quatrième image-clé.
- Ajoutez une autre superposition de Paragraph (Paragraphe) et saisissez le texte suivant : Particulièrement lorsque la ville se développe. Cliquez sur le bouton Close on-screen editing and commit changes (Fermez la session de mise à jour à l’écran et validez les modifications).
- Sélectionnez les cinquième, sixième et septième images-clés.
- 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.
- Cliquez sur le bouton Close on-screen editing and commit changes (Fermez la session de mise à jour à l’écran et validez les modifications).
- Sélectionnez la dixième image-clé. 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.
- Cliquez sur le bouton Close on-screen editing and commit changes (Fermez la session de mise à jour à l’écran et validez les modifications).
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.
- Sur le ruban, dans le groupe Playback (Lecture), cliquez sur Reset (Réinitialiser). Cliquez 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.
- Dans la fenêtre Animation Timeline (Chronologie de l’animation), double-cliquez sur la cinquième image-clé.
- 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.
- Dans la fenêtre Animation Timeline (Chronologie de l’animation), sélectionnez la sixième image-clé.
- 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).
- 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.
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é. Vous avez voir un nouvel aperçu de l’animation.
- Sur le ruban, cliquez sur Reset (Réinitialiser) puis sur Play (Lecture).
- 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.
- 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 cette fenêtre, vous pouvez choisir une option de pré-réglage pour les spécifications du fichier vidéo.
- 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.
- 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.
- Une fois l’export terminé, dans la partie inférieure de la fenêtre Export Movie (Exporter le film), cliquez sur Play the video (Lire la vidéo).
Dans ce didacticiel, vous avez créé une animation représentant le développement des transports publics à San Francisco. Vous avez d’abord symbolisé les couches 3D afin de les rendre lisibles. Vous avez ensuite créé une animation avec des images-clés, un effet de fondu, un texte explicatif et des légendes. Enfin, vous avez exporté la vidéo. Vous pouvez à présent télécharger la vidéo sur une plateforme telle que YouTube, ou l’héberger sur une page Web et partager le lien.
Vous trouverez d’autres didacticiels dans la bibliothèque des didacticiels.
