DOSSIER -Créer une interface/dessiner des câbles 01-

Nous allons voir dans la suite de ce dossier comment dessiner des câbles ainsi qu'une interface un peu plus sophistiquée.
Pour le dessin des câbles je remercie particulièrement le webmaster du site XADesign qui ma gentiment "prêté" son tuto.


01 Sur un nouveau document transparent, créez un nouveau calque et dessiner un rectangle noir, comme ci-dessus.

02 Nous utiliserons ce rectangle pour définir une forme de pinceau. Edition/Définir une forme pédéfinie. Dans la boite de dialogue qui s'ouvre ensuite entrez un nom"element cable" et ok. Une fois la forme enregistrée, vous pouvez fermer ce document.

Note : 113 qui figure sous le dessin de la forme correspond à sa taille en pixels. Peut importe la taille, on la changera par la suite comme on change le diamètre d'une forme de pinceau habituellement.


-1-

-2-
03 On ouvre un nouveau document et on crée un nouveau calque, nommez le "tracé câble". Avec l'outil Plume faites un tracé vectoriel -1- Puis avec l'outil de Conversion de point, transformez les points en courbes -2-

04 Prenez l'outil Pinceau et sélectionnez le diamètre de la forme ici 19 pixels - Ce diamètre correspondra à l'épaisseur du câble. Mettez la Dureté à 100%. Choisissez la couleur du câble (couleur de premier plan).

 

05 Allez ensuite dans l'onglet Tracés de la palette et toujours en ayant l'outil pinceau sélectionné, cliquez dans le bas sur Contour du tracé avec la forme. Aussitôt, le tracé vectoriel se "transforme" en une courbe nette à la taille et couleur des outils choisis précédemment. Créez ensuite un nouveau calque nommez le : "gaine câble"

06 Avec l'outil pinceau sélectionnez la forme que l'on a crée "élément cable" et activez la palette Formes pour modifier les paramètres. Comme le premier tracé fait 19 pixels, nous réduisons la taille de la forme 113 "élément cable" à 19 pixels aussi !

07 Toujours dans la palette Formes on clique sur Forme de la pointe (cliquez sur Forme de la pointe pour voir les différents réglages). On augmente le Pas pour avoir autant d'espaces blancs que de rayures noires.


08 Enfin, on clique sur Dynamique de forme - Variation de l'angle : 0% - Contrôle : Direction - Variation de l'arrondi : 0%.

Note : Il ne suffit pas de cocher la case à gauche des différents paramètres pour les sélectionner, il faut aussi cliquer sur le nom pour voir les réglages sur la droite.


suite ...
1 ... 2... Forme

Accueil