Dessiner un chemin en courbe
Vous pouvez dessiner des chemins droits ainsi que des chemins en courbe de nombreuses formes à l’aide de l’Outil Crayon
. Vous pouvez ainsi dessiner des contours complexes et précis de chemins en courbe en gérant plusieurs points d’ancrage basés sur les principes des courbes de Bezier.
Dessiner un chemin ouvert
- Sélectionnez l’Outil Crayon dans la Palette d’outils.
- Cliquez sur le Canevas pour situer le point d’ancrage de début.
- Cliquez sur la Canevas pour situer le point d’ancrage suivant et faites glisser la souris dans la direction opposée par rapport à la ligne imaginaire affichée dessinée sur le deuxième point d’ancrage. Relâchez le bouton de la souris lorsque le chemin a atteint la courbe voulue.
-
- Faites glisser la souris vers le bas. Un chemin en courbe est créé avec sa pente allant vers le haut.
- Faites glisser la souris vers le haut. Un chemin en courbe est créé avec sa pente allant vers le bas.
- Faites glisser la souris vers le bas. Un chemin en courbe est créé avec sa pente allant vers le haut.
- Continuez d’ajouter des points d’ancrage pour dessiner des chemins en courbe complexes.
- Sélectionnez l’Outil Sélection
dans la Palette d’outils pour compléter le dessin.
Dessiner un chemin fermé
- Cliquez sur le Canevas pour situer le point d’ancrage de début à l’aide de l’Outil Crayon dans la Palette d’outils.
- Ajoutez des points d’ancrage pour dessiner des chemins en courbe.
- Reliez les points d’ancrage pour joindre des chemins en courbe.
- Cliquez sur un point d’ancrage de début une fois de plus pour terminer le dessin.
- Vous pouvez adoucir le chemin en courbe à l’aide des poignées courbes et des points d’ancrage et appliquer de nombreux effets.
Courbe de Bezier
La courbe de Bezier est nommée d’après l’ingénieur français Pierre Bezier, qui a développé cette courbe pour le design automobile dans les années 70. Maintenant elle est largement utilisée dans les domaines de la typographie et du dessin. WebCanvas utilise également les courbes de Bezier pour le dessin de chemins en courbe. Dans WebCanvas, un chemin en courbe est effectué en joignant plusieurs sections de courbes de Bezier de 3ème ordre (cubiques). Une courbe de Bezier de 3ème ordre est définie par 4 points différents avec deux points sur la courbe et les autres décidant la forme de la courbe entre les deux. Le graphique suivant contient des courbes de Bezier de 3ème ordre, créant ainsi un chemin ouvert. Le point d’ancrage de fin de chaque courbe de Bezier est connecté par le point d’ancrage de début de la section suivante de la courbe. Vous pouvez continuer de dessiner le chemin en ajoutant des courbes de Bezier à un chemin. Les points d’ancrage connectés sont conçus pour posséder les mêmes lignes tangentes devant les deux sections précédentes et suivantes, assurant des connections avec continuité (premier ordre).
Un chemin en courbe qui commence au point d’ancrage A est affecté par le point d’ancrage B. Une poignée de courbe, qui possède des bras B1 et B2, commence à partir du point d’ancrage B et au fou et à mesure que vous dessinez la poignée courbe vers une direction particulière α, un chemin en courbe face à la direction opposée est créé. Si vous dessiner la poignée de courbe vers la direction β, le chemin en courbe est face vers le bas, indiqué par une ligne imaginaire entre les deux points d’ancrage. Le chemin en courbe démarre au point d’ancrage de début et finit au point d’ancrage de fin. La longueur et l’angle de la poignée de courbe déterminent la longueur et la pente du chemin en courbe.
Vous pouvez créer des chemins en courbe variés à l’aide de la méthode ci-dessus. Plus les chemins en courbe possèdent de points d’ancrage, plus leur forme devient réaliste et fluide.
