Affinity Designer utilise des grilles isométriques et axonométriques hautement personnalisables, parfaites pour la conception d’UI/de jeux, le modélisme numérique, les maquettes ou les dessins auquel ce style se prête bien.
Dessin et grille isométriques.
À propos des grilles isométriques et axonométriques
Les grilles isométriques et autres sont, par nature, des projections parallèles. Cela signifie que les lignes de grille ne convergent jamais vers un point de fuite, contrairement aux projections perspective. Les projections perspective ne sont pas prises en charge dans Affinity.
Affinity Designer permet de configurer différents types de grille de diverses façons :
Isométrique (avec plans) : Configuration facile depuis la sous-fenêtre Isométrique.
Trimétrique à gauche et isométrique (avec plans) : comme préréglages du Gestionnaire de grille et d’axe.
Dimétrique, trimétrique, oblique, triangulaire : depuis l’option Type de grille de l’onglet Avancé du Gestionnaire de grille et d’axe.
Pour les grilles axonométriques, vous pouvez passer d’un plan à un autre de façon à appliquer tour à tour des transformations sur les plans de face, supérieurs et de côté.
Plans de face, de côté et supérieurs de grille isométrique, affichant l’objet sélectionné et transformé pour s’adapter au plan.
Après avoir configuré une grille, vous pouvez tracer des formes géométriques, un texte artistique et des dégradés directement sur le plan actif et transformer de façon sélective des courbes, des formes fermées et des images insérées sur le plan de votre choix, à l’aide de l’outil Déplacer.
À propos des commandes de magnétisme
Les grilles expriment tout leur potentiel lorsqu’elles sont combinées à un magnétisme. Les poignées d’un objet et les nœuds de courbe s’alignent précisément sur les lignes et intersections de lignes d’une grille.
Les grilles peuvent utiliser l’unité de votre choix, indiquée lorsque vous activez les règles.
Parcourir les cadres de sélection
Lorsque vous tracez des courbes sur un plan, vous pouvez utiliser le paramètre Parcourir les cadres de sélection de la barre d’outils contextuelle de l’outil Déplacer. Son option « Limites planaires » transforme le cadre de sélection de la courbe (et non l’objet) en celui du plan actif, vous permettant de positionner/accrocher plus facilement la courbe à la grille. Une fois les limites planaires définies, le cadre planaire change lorsque vous adaptez la courbe à un autre plan.
Cadre de sélection (pas l’objet) transformé en « limites planaires ».
Pour une modification hors plan, choisissez un paramètre Parcourir les cadres de sélection « Cadre de base » ou « Limites normales ».
Pour créer une grille isométrique :
Dans le menu Affichage, sélectionnez Isométrique dans les options du Studio pour afficher la sous-fenêtre Isométrique.
Cliquez sur Modifier la grille.
Dans la zone de dialogue Grille et axe de magnétisme affichée, cochez Afficher la grille.
Pour passer d’un plan de grille à un autre :
Appliquez l’une des méthodes suivantes :
Dans la sous-fenêtre Isométrique, cliquez sur Avant, Côté ou Haut.
Appuyez sur l’apostrophe (’) pour parcourir les plans.
Pour définir l’espacement de la grille :
Dans la zone de dialogue Grille et axe de magnétisme, définissez les valeurs d’espacement et de divisions.
Pour définir le magnétisme de la grille :
Dans la barre d’outils, sélectionnez Magnétisme.
Sélectionnez un préréglage, p. ex. Tracé de courbe, en vous assurant que l’option Accrocher à la grille est également cochée.
Vous avez ainsi la garantie que les objets seront précisément ajustés aux lignes de la grille.
Pour dessiner des formes géométriques directement sur la grille :
Dans la sous-fenêtre Isométrique, activez Modifier dans le plan.
Après avoir sélectionné un outil de forme, tracez une forme de votre choix. Vous pouvez accrocher votre forme à la grille dès sa création lors du déplacement d’une intersection de grille ou du repositionnement et/ou redimensionnement de la forme.
Pour adapter des objets bidimensionnels à un plan :
Sélectionnez une courbe, une forme fermée, un texte artistique ou une image.
Dans la sous-fenêtre Isométrique, choisissez le plan (Avant, Côté, Haut) sur lequel vous voulez envoyer l’objet.
Dans la même sous-fenêtre, sélectionnez Adapter au plan.
Pour transformer un objet sur la grille :
Sélectionnez l’objet dans le plan, puis procédez comme suit :
Dans la sous-fenêtre Isométrique, vérifiez que le plan actif adéquat est défini (il doit s’agir du même plan que celui sur lequel l’objet a initialement été dessiné), puis utilisez les options de rotation de retournement à 180° et de rotation à 90° de la sous-fenêtre.
Pour faire pivoter l’objet sur la page, faites glisser sa poignée de rotation dans le sens horaire ou antihoraire. Appuyez sur la pour une rotation par incréments de 15°.
Pour modifier les autres paramètres de grille isométrique :
Dans la sous-fenêtre Isométrique, sélectionnez Paramètres de la grille. Ici, vous pouvez :
Activer l’origine de la grille (poignées de modification d’axe) ;
Ajouter des angles de grille intermédiaires pour le magnétisme et la contrainte ;
Ajouter un axe perpendiculaire au plan actif pour le magnétisme ou la contrainte ;
Définir la couleur et la transparence de la grille.
Grilles avancées
Le Gestionnaire de grille et d’axe est idéal pour disposer des grilles axonométriques avancées ainsi que des grilles fixes bidimensionnelles et des grilles isométriques.
Au lieu de la grille isométrique habituelle configurée depuis la sous-fenêtre Isométrique, vous pouvez sélectionner des préréglages (dimétrique, triangulaire, p. ex.) dans le Gestionnaire ; vous pouvez même créer des grilles axonométriques personnalisées, avec des options d’activation de plans, de taille de grille, de proportions et d’angles personnalisés, pour une utilisation plus avancée.
Si vous ne voulez pas vous limiter aux préréglages tels qu’isométrique, vous pouvez personnaliser la grille à votre gré.
Origine de la grille
L’origine de la grille est le point d’intersection des axes et l’angle du plan logique. L’origine s’affiche sous la forme de poignées d’axe (en rouge, vert et bleu) qui peuvent être prolongées ou repositionnées sur la page.
Pour la plupart des grilles axonométriques, les poignées d’axe restent verrouillées les unes par rapport aux autres, mais peuvent être étendues à la même longueur simultanément pour définir l’espacement de la grille.
Pour définir l’origine, faites glisser son origine (angle supérieur gauche de la page) par son point d’intersection et positionnez-le sur la page. Lorsque vous passez d’un plan à un autre, les poignées du plan actif deviennent plus épaisses.
Vous pouvez accrocher l’origine de la grille à un objet sur un plan et également à une origine de grille fixe.
Configurer un axe supplémentaire
Vous pouvez ajouter à votre grille des angles ainsi qu’axe supplémentaire qui vous proposera de nouvelles options de magnétisme et de contrainte pour les bords d’objet, les angles et les nœuds de courbe.
Angles intermédiaires — ajoute des angles supplémentaires entre les axes, qui peuvent être accrochés ou contraints.
Divisions intermédiaires — divise l’angle entre les axes par un nombre défini (défini sur 4 par divisions de 22,5° pour l’origami).
Axe perpendiculaire du plan — crée un autre axe perpendiculaire à tout plan actif sur des grilles axonométriques. L’option Créer un plan doit être activée.
Axe horizontal — ajoute un axe horizontal supplémentaire pour la contrainte ou le magnétisme.
Axe vertical — ajoute un axe vertical supplémentaire pour la contrainte ou le magnétisme.
Comprendre les couleurs d’axe et de magnétisme
Les couleurs suivantes sont susceptibles de s’afficher pour indiquer les différents axes de magnétisme ou de contrainte :
Ligne rouge : Premier axe (axe X sur grille carrée basique)
Ligne verte : Deuxième axe (axe Y sur grille carrée basique)
Ligne bleue : Troisième axe (axe Z ; grilles axonométriques)
Nœud jaune : Point d’intersection
Nœud violet : magnétisme de construction
Nœud orange : angles intermédiaires
Pour définir votre grille avancée :
Dans le menu Affichage, sélectionnez Gestionnaire de grille et d’axe.
Appliquez l’une des méthodes suivantes :
Sélectionnez un préréglage de perspective Parallèle dans le menu local Préréglages.
Cliquez sur Avancé, sélectionnez une grille dans le menu local Type de grille, puis modifiez ses paramètres dans la zone de dialogue.
Pour afficher et positionner l’origine de la grille :
Dans le Gestionnaire de grille et d’axe, cochez Afficher les poignées de modification d’axe. Par défaut, l’origine de la grille s’affiche dans l’angle supérieur gauche de votre page.
Avec n’importe quel outil, faites glisser l’intersection de l’origine de grille vers un point de votre page, p. ex. un angle de forme géométrique.
Pour définir l’espacement de la grille :
Sur la page, faites glisser vers l’extérieur ou l’intérieur l’extrémité des poignées de modification d’axe rouges, vertes ou bleues afin de redimensionner la grille. Si un objet est accroché, vous pouvez adapter la taille de la grille à l’objet.
Grilles personnalisées en mode Cube
Le mode Cube du Gestionnaire de grille et d’axe offre une approche naturelle de la configuration d’une grille axonométrique. Vous pouvez modifier l’élévation, l’orientation et le roulis du cube, ce qui repositionne automatiquement votre grille sur la page.
Modifier l’élévation (A), l’orientation (B) et le roulis (C) en mode Cube de grille.
Avantages du cube de grille
Approche visuelle de la configuration de grille planaire
Contrôle naturel d’un axe de grille correctement tronqué sur une échelle fixe
Point d’élévation contrôlable, avec commande séparée de l’orientation horizontale et du roulis
Réglage rapide du cube pour un axe complémentaire avec direction haut commune
Prolonge le système de magnétisme/contrainte existant
Pour configurer une grille axonométrique en mode Cube :
Dans le menu Affichage, sélectionnez Gestionnaire de grille et d’axe.
Réglez le Mode sur « Cube ».
Définissez l’échelle du cube, qui correspond à la taille du bord du cube et à toute valeur de division pour tous les axes.
Modifiez l’élévation (E) en faisant glisser le marqueur bleue du curseur vertical, en regard du cube (ou saisissez une valeur E spécifique), en utilisant au besoin les points de magnétisme disponibles.
Sur le cube, réglez l’orientation du cube (O) en faisant glisser vers la gauche ou la droite (ou saisissez une valeur O). L’angle et les longueurs des axes de grille résultent de l’orientation du cube.
Sur la bague de réglage externe du cube, faites glisser le marqueur bleu pour régler le paramètre Roulis (R).
Grilles personnalisées
Pour les grilles personnalisées, la longueur et la direction de n’importe quelle poignée de modification d’axe de l’origine de la grille peuvent être réglées par rapport aux autres poignées, ou indépendamment de celles-ci.
Pour créer une grille personnalisée :
Dans le Gestionnaire de grille et d’axe, sélectionnez un type de grille : Deux axes personnalisés ou Trois axes personnalisés.
Activez Uniforme pour conserver le même espacement de grille sur les différents axes.
Activez Créer un plan pour activer et configurer l’axe haut.
Activez Proportions fixes pour configurer les proportions entre les différents axes. Désactivez cette option pour conserver les mêmes proportions pour le deuxième axe et l’axe supérieur.
Appliquez l’une des méthodes suivantes :
Configurez les paramètres Espacement, Division et Angle pour le premier et le deuxième axe, ainsi que pour l’axe supérieur.
Après avoir activé l’outil Déplacer, faites glisser une poignée de modification d’axe de l’origine de grille vers l’intérieur ou l’extérieur pour modifier son angle.
Lorsque vous tracez des courbes sur un plan, vous pouvez utiliser le paramètre Parcourir les cadres de sélection de la barre d’outils contextuelle de l’outil Déplacer. Son option « Limites planaires » transforme le cadre de sélection de la courbe (et non l’objet) en celui du plan actif, vous permettant de positionner/accrocher plus facilement la courbe à la grille. Une fois les limites planaires définies, le cadre planaire change lorsque vous adaptez la courbe à un autre plan.
Pour passer d’un plan de grille à un autre :
Pour définir le magnétisme de la grille :
Pour dessiner des formes géométriques directement sur la grille :
Pour adapter des objets bidimensionnels à un plan :
Pour transformer un objet sur la grille :
