Les faces sont les formes géométriques que vous utilisez pour dessiner le contour de votre mapping et où vous intégrerez des effets visuels par la suite. Il existe des formes prédéfinies, ou vous pouvez en dessiner en point à point.
Vous pouvez suivre le tutoriel vidéo ci-dessous, ou bien les instructions pas-à-pas juste après pour plus de détails.
Créer des faces
Faces prédéfinies
Pour simplifier votre travail si vous n'avez besoin que de formes basiques, vous pouvez utiliser des faces prédéfinies. Vous pouvez ajouter un carré, un triangle ou un cercle en les glissant depuis la barre d'outils au-dessus de la zone de travail. Depuis la zone de dessin, vous pouvez aussi ajouter des polygones réguliers de 5 à 10 côtés depuis le menu du clic-droit.
Faces personnalisées
Pour dessiner une face en point à point, vous devez tout d'abord activer l'outil Draw ("outil dessin") depuis la barre d'outils ou avec le raccourci [CTRL/Cmd + F].
Pour commencer à dessiner une forme, cliquez simplement là où vous voulez placer votre premier point dans le plan de travail. Pour ajouter d'autres points à votre face, vous avez 2 choix :
- Continuez simplement à cliquer là où vous voulez placer de nouveaux points et cela ajoutera des points sans tangente et dessinera des lignes droites ;
- Ou bien cliquez et, tout en maintenant le clic, glissez afin de tirer des tangentes "miroir" sur le nouveau point créé. De cette façon, vous dessinerez une courbe de Bézier dont vous pourrez ajuster la courbure grâce aux poignées de tangentes.
Quand vous souhaitez terminer un dessin de face, recliquez simplement sur le premier point ou appuyez sur Entrée pour fermer votre tracé, ou encore appuyez sur Echap pour fermer le tracé et sortir du mode Draw en même temps.
Tous les tracés doivent être fermés, donc ils doivent avoir un minimum de 3 points (et un centre +!), mais il n'y a pas de limite maximum. De plus, vous pouvez complètement mixer des segments droits et des courbes dans la même face!
Note : maintenez [Shift] avant de créer un nouveau point afin de le placer sur le même axe X ou Y que le dernier point créé.
Editer des faces
Manipuler des faces
Les opérations simples de manipulation et transformations des formes, y compris les coordonnées, dimensions et la rotation, sont décrites dans un article dédié.
Déplacer des points
Vous remarquerez qu'il n'y a aucune différence entre les faces que vous dessinez et celles prédéfinies. Chaque point est indépendant et peut être déplacé comme vous le souhaitez. Vous pouvez sélectionner les points de vos faces indépendamment en cliquant simplement sur ceux-ci ou en utilisant une sélection au lasso. Comme quand vous sélectionnez des faces, ils deviendront jaunes.
Ensuite, vous pouvez les déplacer ou les supprimer facilement. Vous pouvez même bouger les coins de plusieurs formes en même temps!
Si un seul point est sélectionné (un vertex ou point de tangente), il est possible d’entrer des valeurs précises en pixels pour ses coordonnées X & Y depuis le panneau des Propriétés (le point d’origine (0,0) étant le coin supérieur gauche du canvas.)
Note : les faces ont aussi un point particulier, qui n'est pas sur leur contour et ne peut pas être supprimé : le Center +. Son comportement est décrit dans un tutoriel dédié.
Ajouter des points
Vous pouvez aussi ajouter des points à des faces existantes. Pour cela :
- Activez l'outil Edit ("outil d'édition") en le sélectionnant dans la barre d'outils, en utilisant [Ctrl/Cmd + E] ou bien en double-cliquant sur une face.
- Sélectionnez la face sur laquelle vous voulez ajouter des points. Vous verrez apparaître des points blancs au milieu de ses segments.
- Cliquez simplement sur un point milieu pour l'ajouter à la face. Vous pouvez aussi directement ajouter un point courbe si vous double-cliquez sur le point milieu.
- Quand vous avez fini d'éditer vos faces, désactivez juste l'outil Edit avec Echap, le raccourci associé, ou encore en le désélectionnant dans la barre d'outils.
Note: quand le mode Edit est activé, vous pouvez toujours manipuler toutes les formes (déplacer ou supprimer des points, des tangentes, etc).
Ajuster les courbes
Comme nous l'avons montré précédemment, vous pouvez mélanger des angles et des courbes dans les faces que vous dessinez. Les points de courbes ont chacun 2 tangentes qu'il est possible d'ajuster en déplaçant leurs poignées ("handles") afin de définir la courbure de votre tracé. Vous pouvez aussi éditer le type de point par la suite, avec encore plus de choix. En effet, il y a en fait 4 types de points de contrôle au total :
-
Point d'angle (Straight) : c'est le type de point par défaut quand vous ajoutez un point avec un simple clic avec l'outil draw. Le tracé entre deux points "straight" est alors une ligne droite.
-
Tangentes "mirroir" (Mirrored) : c'est le type de tangentes par défaut quand vous ajoutez un point de courbe en cliquant-glissant avec l'outil draw. Les deux poignées des tangentes de chaque côté du point ont la même longueur et forment une ligne, elles ont le même angle. Quand vous ajustez la taille ou l'orientation d'une tangente, l'autre réplique la transformation.
-
Tangentes asymétrique (Asymmetrical) : les deux poignées des tangentes de chaque côté du point forment une ligne, elles ont le même angle mais n'ont pas forcément la même longueur. Quand vous ajustez la taille ou l'orientation d'une tangente, l'autre réplique l'angle, mais pas la longueur.
- Tangentes indépendantes (Disconnected) : les poignées des tangentes de chaque côté du point sont complètement indépendantes. Quand vous ajustez la taille ou l'orientation d'un tangente, l'autre n'est pas affectée. Cela veut même dire que vous pouvez avoir une tangente d'un côté et aucune de l'autre !
Il y a plusieurs façon d'éditer le type de poignées d'un point :
- Tout d'abord, sachez que vous pouvez convertir un point "Straight" vers "Mirrored" (et vice versa) en double-cliquant dessus. Simple et rapide !
- Pour accéder aux quatre types, vous pouvez utiliser le sélecteur de poignées à partir du panneau de propriétés ("properties") sur la gauche de l'interface. Il apparaît quand un point est sélectionné.
Note: quand vous supprimez une seule tangente d'un point, celui ci passe automatiquement en mode Disconnected.
Une fois que vous avez défini le type de tangentes d'un point, vous pouvez facilement les ajuster. Comme montré dans le GIF ci-dessus, quand vous cliquez sur un point, des poignées que vous pouvez attraper et déplacer apparaissent. Quand une poignée est sélectionnée, elle devient jaune.