Scènes et blocs infinis

Une scène est un canevas infini et déplaçable qui contient de nombreux plans de travail, appelés blocs. C'est le type de partie à utiliser lorsque vous souhaitez voir une campagne entière, un ensemble de variantes de taille ou un petit système de design sur une seule surface plutôt que de naviguer entre des pages distinctes.

Un bloc ici est un plan de travail, pas le masque d'écrêtage que vous obtenez avec les outils de sélection ou les outils plume. Les deux fonctionnalités partagent le mot "bloc", mais elles sont sans lien : un bloc de scène contient un design, un bloc de sélection masque une partie d'une image.

Aperçu rapide

1. Ajoutez une partie infinie depuis les onglets de page, ou passez la partie actuelle entre simple et infini depuis le rail de commandes.
2. Dessinez un bloc avec l'outil Bloc, ou ajoutez-en un à partir d'un modèle ou d'un design sauvegardé.
3. Déplacez et zoomez pour disposer les blocs ; sélectionnez plusieurs blocs pour les aligner, distribuer ou grouper.
4. Transformez un élément partagé en composant lié pour que tous les blocs restent synchronisés.
5. Téléchargez un bloc en PNG, ou sélectionnez-en plusieurs pour télécharger un PNG chacun.

Référence détaillée

Créer une scène

Une scène peut démarrer de deux manières : ajoutez une partie Infinie depuis le menu d'ajout de partie ("+") sur les onglets de page, ou basculez l'interrupteur Simple / Infini dans le panneau de modèles du rail de commandes. L'interrupteur ne définit que le mode ; la page de scène réelle est créée de manière différée la première fois que vous ajoutez un bloc ou déposez un modèle en mode Infini, donc l'activer ne génère jamais de page vide par lui-même. Une scène fraîche commence avec un bloc fictif, qui est remplacé automatiquement la première fois que vous ajoutez du contenu réel, de sorte que votre premier modèle atterrit comme le seul bloc au lieu de se trouver à côté d'un vide.

Préréglages de bloc

L'outil Bloc et le générateur de variantes responsives ci-dessous utilisent les cinq mêmes tailles :

Préréglage	Taille (px)
Carré	1080 x 1080
Portrait	1080 x 1350
Story	1080 x 1920
Paysage	1920 x 1080
A4	595 x 842

Ajouter et modifier des blocs

Action	Comment faire
Dessiner un bloc	Choisissez l'outil Bloc et faites glisser ; un court glissement dépose un bloc carré par défaut
Utiliser une taille prédéfinie	Ouvrez le menu déroulant de l'outil Bloc pour les cinq tailles ci-dessus
Ajouter depuis un modèle	Déposez un design de modèle ; il atterrit comme un nouveau bloc à côté des autres
Ajouter un design sauvegardé	Placez l'un de vos designs sauvegardés en tant que bloc de la même manière
Redimensionner	Sélectionnez le bloc et entrez une largeur et une hauteur exactes (20 à 20 000 px), ou choisissez un rapport : 1:1, 16:9, 9:16, 4:3 ou 3:4
Dupliquer	Place une copie juste à droite de l'original, en tuilage dans la première colonne libre, avec un suffixe "copie" sur son nom
Recolorer	Choisissez une couleur de fond depuis la rangée d'échantillons, choisissez une couleur personnalisée, ou rendez-le transparent
Renommer	Cliquez sur l'étiquette de nom du bloc et tapez un nouveau nom
Étiqueter	Ouvrez le sélecteur d'étiquettes depuis la barre contextuelle du bloc pour ajouter ou supprimer des étiquettes de projet
Supprimer	Sélectionnez le bloc et supprimez-le, comme n'importe quel objet

Le redimensionnement d'un bloc garde son coin supérieur gauche fixe et ne remet pas à l'échelle le contenu déjà à l'intérieur.

Modifier à l'intérieur d'un bloc

Un bloc se comporte normalement comme un objet unique : un simple clic sélectionne tout le plan de travail, et le glisser le déplace (ainsi que tout ce qu'il contient) comme une unité. Pour modifier le contenu, double-cliquez sur le bloc pour y entrer. Ses objets deviennent sélectionnables individuellement, son fond se transforme en arrière-plan verrouillé, et les autres blocs s'assombrissent pour que vous puissiez vous concentrer. Appuyez sur Échap, ou double-cliquez sur l'arrière-plan ou un espace vide, pour en sortir ; les objets se regroupent dans le bloc et la scène est sauvegardée. Les nouveaux textes, images et formes que vous ajoutez tombent dans le bloc actif, décrit dans la section Barre d'outils et navigation ci-dessous.

Travailler avec plusieurs blocs à la fois

Sélectionnez par zone ou en maintenant Maj pour sélectionner plusieurs blocs ; la sélection se réduit automatiquement aux seuls blocs. Une barre de sélection multiple vous donne la couleur de fond, la taille exacte, grouper ou dissocier, aligner, et le téléchargement par bloc. L'alignement fonctionne sur six bords (gauche, centre, droite, haut, milieu, bas), et la distribution espacée uniformément les blocs le long d'une ligne ou d'une colonne tout en maintenant un petit écart entre eux. Les blocs groupés se déplacent ensemble, et sélectionner n'importe quel membre d'un groupe sélectionne tout le groupe.

Performance et blocs en veille

Une scène contient jusqu'à 200 blocs par défaut ; en ajouter davantage affiche un avis de limite. Pour garder quelques centaines de blocs fluides lors du déplacement et du zoom, les blocs qui défilent bien en dehors de la zone d'affichage visible se réduisent en une vignette légère mise en cache (limitée à environ 400 px sur son bord le plus long) et se réveillent en objets entièrement modifiables dès que vous faites défiler près d'eux. Le réveil utilise un petit halo autour de la zone d'affichage, donc un bloc est généralement réveillé juste avant de défiler dans la vue, et la vérification s'exécute une fraction de seconde après qu'un déplacement ou zoom se soit stabilisé, plutôt qu'à chaque image du geste. La mise en veille et le réveil n'ajoutent jamais d'étapes d'annulation.

Filtrer les blocs par étiquette

Une fois que votre projet a des étiquettes, une barre de filtre vous permet d'activer/désactiver des pastilles d'étiquettes pour réduire les blocs mis en évidence, basculer entre correspondre à toutes les étiquettes ou n'importe quelle étiquette, inverser la correspondance et effacer le filtre en un clic. Une action de regroupement organise les blocs correspondants en blocs ordonnés, et vous pouvez sauvegarder un filtre en tant que vue nommée pour y revenir plus tard.

Composants liés

Transformez un élément sélectionné en composant lié, et il est cloné dans chaque autre bloc à la même position relative. La modification du remplissage, du contour, de la taille, du texte, de la police ou de l'ombre d'une instance met à jour immédiatement toutes les autres instances, tandis que chaque instance conserve sa propre position. Ainsi, un en-tête ou un bouton partagé reste visuellement cohérent mais peut toujours être correctement positionné dans un bloc de forme différente. Lier à nouveau après avoir ajouté de nouveaux blocs étend la synchronisation à ceux-ci également.

Variantes responsives

Générez un ensemble complet de copies aux tailles de plateforme à partir d'un seul bloc en une seule étape, en utilisant les cinq mêmes tailles listées ci-dessus. Chaque variante est placée sous le bloc source avec son contenu cloné et mis à l'échelle proportionnellement, prête pour des ajustements spécifiques à la plateforme, afin qu'une seule mise en page devienne un ensemble assorti de blocs correctement dimensionnés.

Appliquer une marque

Avec un kit de marque actif, appliquez ses couleurs et sa police à un seul bloc ou à tous les blocs de la scène en une fois, y compris ceux qui sont en veille. Les arrière-plans des blocs prennent la couleur de fond de la marque, le texte passe à la police et à la couleur de texte de la marque, et les autres formes prennent la couleur primaire de la marque. Voir Vue d'ensemble de la marque.

Exporter des blocs

L'action Télécharger sur la barre de bloc rend le bloc sélectionné (fond et contenu) en PNG et le télécharge. Avec plusieurs blocs sélectionnés, il télécharge un PNG par bloc plutôt qu'une seule archive. Pour obtenir plusieurs blocs en un seul ZIP, sélectionnez-les dans le navigateur d'œuvres et utilisez son export en masse tenant compte des parties à la place. Voir Exporter une page pour les options d'exportation générales.

Barre d'outils et navigation

La barre d'outils flottante contient Sélectionner/Déplacer, un outil Main pour le déplacement, Bloc, Image, Texte, les outils plume, Formes, et un menu "plus" pour les notes autocollantes, l'ajout d'un modèle, une grille et un aimant intelligent. En survolant Sélectionner, Bloc ou le bouton plume, un petit menu déroulant de variantes et de tailles s'ouvre ; Formes et "plus" s'ouvrent au clic. Faites défiler pour zoomer vers le pointeur entre 5% et 800%, maintenez Espace ou faites glisser avec le bouton central de la souris pour vous déplacer, et appuyez sur Échap pour quitter l'outil en cours, fermer un menu déroulant ou effacer la sélection. Dessiner un bloc vous ramène à Sélectionner ensuite ; maintenez Alt en terminant le glissement pour garder l'outil Bloc armé et en dessiner plusieurs à la suite.

Un nouvel objet (une forme, une image, du texte, une icône, un code QR, etc.) rejoint automatiquement le bloc actif et atterrit centré dans celui-ci. Le bloc actif est celui que vous avez sélectionné, celui dans lequel vous êtes en train de modifier, ou, lorsque rien n'est sélectionné, le bloc le plus proche du centre de votre vue. Les notes autocollantes du menu "plus" sont l'exception : elles flottent toujours librement au niveau de la scène et ne sont jamais absorbées dans un bloc.

Pas à pas

Disposer une scène comme un moodboard ou un flux multi-écrans

1. Ajoutez une partie Infinie depuis le menu "+" des onglets de page, ou basculez le rail de commandes sur Infini.
2. Appuyez sur F pour l'outil Bloc. Faites glisser chaque plan de travail, ou survolez le bouton Bloc et choisissez une taille prédéfinie (Carré, Portrait, Story, Paysage, ou A4). Un clic rapide sans glisser dépose un bloc par défaut de 1080 x 1080.
3. Remplissez chaque bloc : avec un bloc sélectionné (ou après un double-clic pour y entrer), ajoutez du texte avec T, des images avec I, et des formes avec R. Chaque nouvel objet se centre dans le bloc actif.
4. Appuyez sur V pour revenir à Sélectionner, sélectionnez plusieurs blocs par zone, et utilisez la barre multi-blocs pour les aligner en rangées ou colonnes ordonnées et distribuer l'espacement uniformément.

Dessiner un nouveau bloc et lui donner un nom

1. Appuyez sur F, puis faites glisser sur le canevas vide pour créer un plan de travail à la taille souhaitée ; un aperçu en pointillés suit votre curseur.
2. Relâchez pour créer le bloc. L'outil revient à Sélectionner pour que vous puissiez le repositionner immédiatement (maintenez Alt en relâchant si vous voulez continuer à dessiner d'autres blocs).
3. Chaque bloc porte une étiquette de nom juste au-dessus. Cliquez sur l'étiquette dans la barre contextuelle du bloc, tapez un nouveau nom et appuyez sur Entrée. L'étiquette sur le canevas se met à jour en conséquence.

Se déplacer et zoomer dans une grande scène sans perdre le fil

1. Faites défiler pour zoomer vers le pointeur (5% à 800%). Maintenez Espace et faites glisser, passez à l'outil Main avec H, ou faites glisser avec le bouton central de la souris pour vous déplacer depuis n'importe où.
2. Les étiquettes de nom des blocs se déplacent au-dessus de chaque plan de travail pendant que vous bougez, et se tronquent à la largeur du bloc lorsque vous dézoomez, afin que vous puissiez toujours lire où vous êtes.
3. Pour regrouper une scène tentaculaire, étiquetez les blocs, ouvrez la barre de filtre d'étiquettes et utilisez son action Regrouper pour organiser les blocs en blocs ordonnés regroupés par leur première étiquette.

Utiliser un bloc tout seul

1. Cliquez une fois sur un bloc pour sélectionner tout le plan de travail ; ne double-cliquez pas, cela vous ferait entrer à l'intérieur.
2. Sur la barre contextuelle du bloc, choisissez Télécharger pour rendre ce bloc en PNG.
3. Pour réutiliser le design du bloc ailleurs, sauvegardez un élément à l'intérieur dans Mes formes, ou générez des copies aux tailles de plateforme avec les variantes responsives. Pour un lot de blocs en un seul ZIP, sélectionnez-les dans le navigateur d'œuvres et utilisez son export en masse.

Tâches courantes

• Un design, toutes les tailles de plateforme : sélectionnez un bloc terminé et générez des variantes responsives. Vous obtenez une copie dans chacune des autres tailles prédéfinies, placée sous la source avec son contenu mis à l'échelle pour s'adapter, prête pour des ajustements spécifiques à la plateforme.
• Garder un en-tête ou un bouton partagé synchronisé : sélectionnez l'élément et liez-le en tant que composant. Une copie liée tombe dans chaque autre bloc au même endroit relatif, et la modification du remplissage, du texte, de la police, de la taille ou de l'ombre d'une instance les met tous à jour tandis que chacun conserve sa position.
• Appliquer une marque en une seule action : avec un kit de marque actif, recolorer un seul bloc ou toute la scène en une fois, même les blocs en veille. Voir Vue d'ensemble de la marque.
• Grouper les blocs qui vont ensemble : sélection multiple et choisissez Grouper. Les blocs groupés se déplacent ensemble, et cliquer sur l'un quelconque sélectionne tout le groupe ; choisissez Dissocier pour les libérer.
• Recolorer le fond d'un bloc : ouvrez les échantillons de fond sur la barre de bloc, choisissez une couleur prédéfinie ou personnalisée, ou rendez-le transparent pour laisser apparaître l'arrière-plan en pointillés.

Dépannage

Les blocs semblent flous ou basse résolution lorsqu'on dézoome

Les blocs qui défilent bien hors écran sont remplacés par une vignette mise en cache (environ 400 px sur le bord long) pour maintenir la fluidité du déplacement, et ce proxy peut sembler légèrement flou. Revenez vers le bloc en défilant et il se réveille en version pleine résolution et modifiable. Les exportations sont toujours rendues en pleine résolution, quel que soit l'état de veille d'un bloc.

Un nouvel objet a atterri dans le mauvais bloc. Les nouveaux objets vont au bloc actif : le bloc sélectionné, celui dans lequel vous modifiez, ou celui le plus proche du centre de la vue. Sélectionnez d'abord le bloc de destination, puis ajoutez l'objet, ou faites glisser un objet libre sur un bloc et déposez-le pour l'absorber.

Vous ne pouvez pas cliquer sur un élément à l'intérieur d'un bloc. Un simple clic sélectionne tout le bloc comme une unité. Double-cliquez sur le bloc pour entrer à l'intérieur, puis cliquez sur l'élément, et appuyez sur Échap pour en ressortir.

Le redimensionnement d'un bloc n'a pas remis à l'échelle son contenu. C'est intentionnel : un redimensionnement garde le coin supérieur gauche fixe et laisse le contenu là où il est. Pour mettre à l'échelle une mise en page dans une forme différente, utilisez plutôt les variantes responsives que le redimensionnement.

Une note autocollante ne s'attachera pas à un bloc. Les notes autocollantes vivent toujours libres au niveau de la scène par conception, donc elles ne déforment jamais un bloc. Utilisez le texte (outil T) pour le contenu qui doit appartenir à un bloc.

L'alignement semble avoir caché des blocs. Ce n'est pas le cas : aligner un bord qui ferait se chevaucher les blocs les réordonne en une ligne ou colonne avec un petit espace, de sorte que chaque bloc reste visible.

Raccourcis clavier

Raccourci	Action
V	Sélectionner / Déplacer
H	Main (déplacement)
F	Bloc
I	Image
T	Texte
P	Plume de Bézier
Maj + P	Plume à main levée
L	Outil Ligne
R	Formes
Échap	Quitter l'outil en cours, fermer un menu déroulant ou effacer la sélection

Astuces

Un clic sélectionne, un double-clic modifie

Cliquez une fois sur un bloc pour déplacer ou redimensionner tout le plan de travail comme une unité. Double-cliquez pour entrer à l'intérieur et modifier son contenu ; les autres blocs s'assombrissent pour que vous puissiez vous concentrer. Échap permet de ressortir.

Ne confondez pas les deux "blocs"

Les blocs d'une scène sont des plans de travail dans lesquels vous concevez. Le bloc que vous obtenez avec les outils de sélection ou les outils plume est un masque d'écrêtage autour d'une partie d'une image. Voir Outils de sélection.

Rubriques connexes

• Pages pour le type de partie plus simple à canevas unique
• Présentations et Tableaux blancs pour les autres types de parties libres
• Outils de sélection pour l'autre type de bloc
• Mes formes pour sauvegarder et réutiliser un design
• Vue d'ensemble de la marque pour configurer les couleurs et polices à appliquer