L’outil stylo Illustrator est notre premier outil pour faire des dessins vectoriels. Ce n’est pas notre seul outil.
Vous avez peut-être de très beaux projets en tête. Mais si vous voulez devenir un designer professionnel, vous devez apprendre à tenir et à utiliser l’outil Plume avant de dessiner. En bref, cet article se concentre sur la façon de dessiner, et non sur ce qu’il faut dessiner.
Dans le premier chapitre, le dessin en ligne droite à l’aide de l’outil Plume est expliqué et les dérivés de l’outil Plume sont montrés. La deuxième section explique comment faire des courbes dans illustrator. La dernière section traite de la façon de dessiner à l’aide d’une image modèle et de ce à quoi il faut faire attention.
Outil stylo
L’outil stylo est situé dans le panneau d’outils sur le côté gauche de l’interface utilisateur d’illustrator comme le montre la figure ci-dessous. Il est utilisé dans les dessins de lignes droites et les dessins de courbes.
L’icône est en forme de stylo. Le raccourci clavier est la lettre P. Vous pouvez prendre le stylo en cliquant sur l’icône du panneau d’outils avec le bouton gauche de la souris ou en appuyant sur la lettre P du clavier. Lorsque l’outil stylo est actif, le curseur prend la forme d’une « icône stylo » comme dans le panneau d’outils. Et, le coin inférieur droit affiche les icônes pour vous aider à poursuivre le dessin. .la raison de la forme x (croix) au lieu de la forme du stylo après avoir cliqué sur l’outil stylo, est la touche Capslock. Le curseur est dit précis. Vous pouvez le rétablir en désactivant le verrouillage des majuscules. On dit que dessiner avec le curseur de forme x est plus précis, mais personnellement je n’ai pas senti la différence dans mes propres dessins.
L’outil stylo dans l’illustrateur est tenu à deux mains. 🤔
Ne soyez pas surpris. Le dessin se fait avec la souris de la main droite et les touches de raccourci du clavier de la main gauche. Avec la souris dans la main droite, le curseur est dirigé sur l’espace de travail, tandis que les touches du clavier avec des tâches auxiliaires sont contrôlées par la main gauche.
Il y a trois touches que vous utiliserez fréquemment tout au long du dessin. Ce sont : CTRL / Commande, ALT / Option et Maj / shift. Dans de rares cas, la touche espace peut également être utilisée.
Dans cet article, les explications sont faites pour la version windows d’un illustrateur avec une interface anglaise. La version du logiciel utilisée est la CC 2017. Par conséquent, les utilisateurs de PC / ordinateur portable doivent positionner leurs doigts gauches comme indiqué ci-dessous lorsqu’ils dessinent avec l’outil stylo. Pratiquez CTRL avec votre annulaire, SHIFT votre majeur, et ALT avec votre pouce.
Partie 1 : Dessin en ligne droite
Avant de commencer le dessin, supprimez le remplissage de la ligne dans le panneau de contrôle en haut de l’interface d’illustrator et définissez l’épaisseur de la ligne (trait) à 1 point en noir.
Maintenant, faisons ensemble un dessin comme ci-dessous. (Pas les figures. Juste le trait. 🙂 )
- Sélectionnez l’outil stylo (P).
- Cliquez n’importe où sur le tableau. Ce sera votre 1er point.
Le premier clic crée le point de départ de votre ligne. Il est appelé le point d’ancrage. Le guide intelligent apparaît lorsque la souris s’est éloignée du premier point d’Ancrage. Ce guide intelligent fournit des informations sur la direction de la ligne réelle que vous allez dessiner. Si vous ne voyez pas les guides intelligents, rendez-le visible avec CTRL + U.
Vous pouvez sélectionner la direction que vous voulez. Si vous voulez que la valeur de l’angle soit contrainte, vous pouvez la fixer à des angles de 45 ° avec le mouvement de la souris en maintenant la touche Shift enfoncée. Si vous avez une valeur d’angle avec laquelle vous voulez travailler, vous pouvez également l’ajuster. Vous pouvez donner les valeurs d’angle souhaitées en sélectionnant Edit> Preferences> Smart guides. Dans le mouvement effectué en maintenant la touche Shift enfoncée, les guides intelligents seront maintenant fixés aux angles que vous spécifiez.
- Placez maintenant les deuxième et troisième points, comme dans l’exemple.
Puisque les segments de ligne sont joints de façon rectiligne les uns aux autres, les points d’ancrage sont spécifiquement appelés points d’ancrage d’angle.
Vous pouvez continuer à dessiner de cette façon. Mais nous allons terminer la première partie du dessin comme dans l’exemple
Il y a plusieurs façons de terminer le dessin. Après avoir placé le dernier point d’ancrage, éloignez légèrement la souris du point d’ancrage et appuyez sur ESC sur le clavier pour terminer le dessin. Le nom de cette ligne est appelé un chemin ouvert. c’est-à-dire que les points de départ et d’arrivée sont la ligne non connectée
Finir avec la touche ESC signifie mettre en pause le dessin. On tient toujours le stylo, mais on ne dessine pas. Le curseur est toujours une icône d’outil stylo. Nous pouvons créer de nouvelles lignes indépendantes de la première ligne en plaçant de nouveaux points d’ancrage sur l’artboard.
Si vous pensez avoir fait un mauvais point d’ancrage et une mauvaise ligne, vous pouvez annuler votre dessin avec CTRL + Z. (une combinaison de touches que j’utilise très souvent :-))
Maintenant, créons d’abord la deuxième partie indépendante comme dans l’exemple.
- A partir de votre point d’ancrage # 4 avec votre souris, créez une ligne comme indiqué sur la figure à des angles de 45 °.
- Après avoir créé le point d’ancrage 7, terminez le dessin avec ESC.
Lorsque vous éloignez votre curseur des lignes, vous verrez que le premier segment de ligne est désélectionné et que le dernier segment de ligne est sélectionné. Lorsque vous déplacez votre souris sur les lignes, diverses formes de stylo apparaîtront automatiquement dans le coin inférieur droit du curseur.
Dans l’animation ci-dessous, lesdites formes de l’outil stylo sont montrées. Ces formes vous indiquent comment le curseur se comporte lorsqu’il est cliqué. Le curseur peut se comporter différemment sur une ligne sélectionnée et une ligne non sélectionnée. Par conséquent, le segment de ligne de gauche dans l’animation semble sélectionné et celui de droite apparaît comme désélectionné. Pour comprendre si la ligne est sélectionnée, le curseur doit être déplacé vers une zone vide n’importe où dans le tableau d’art
Les formes qui apparaissent automatiquement sous l’icône de l’outil stylo dans l’animation ont les significations suivantes:
|
Dessin normal : Un signe de multiplication en forme d’étoile signifie que l’outil plume peut faire des dessins standards en créant des points d’ancrage sur l’espace de travail. |
|
Extension : la forme est une barre oblique vers l’avant. apparaît lorsque le curseur est sur le point d’ancrage de fin de ligne. Si le point d’ancrage est cliqué, la ligne devient continue et de nouveaux points d’ancrage sont créés. |
|
Supprimer le point d’ancrage : apparaît lorsque le curseur se déplace sur le point d’ancrage de la ligne sélectionnée. Cliquer sur le point d’ancrage le supprime et la nouvelle ligne est créée entre deux points d’ancrage les plus proches. |
|
Join anchor points : Apparaît lorsque le curseur se déplace sur le premier point d’ancrage du nouveau segment de ligne après avoir utilisé la méthode d’extension sur un autre segment de ligne. si vous cliquez dessus, deux segments de ligne sont reliés. |
|
Ajouter un point d’ancrage : La forme plus apparaît avec le curseur sur le segment de ligne sélectionné. s’il n’est pas sélectionné, la forme plus n’apparaît pas. en cliquant sur la ligne sélectionnée, on ajoute un nouveau point d’ancrage. |
|
Créer un chemin fermé : la forme de cercle apparaît lorsque le processus de dessin atteint le point d’ancrage initial. Si l’on clique dessus, Chemin fermé créé. |
|
Outil point d’ancrage : Apparaît automatiquement après la création d’un nouveau point d’ancrage et disparaît immédiatement lorsque le curseur s’éloigne. si le point d’ancrage est glissé, des poignées de point d’ancrage apparaissent. Le relâchement et le repositionnement du curseur font apparaître une ligne de guidage incurvée. |
Maintenant, complétez le dessin comme dans l’animation et observez les formes du curseur pendant le dessin.
- Reliez d’abord les points d’ancrage 3 et 4.
- Reliez ensuite 7 et 1 pour créer un chemin fermé.
J’espère que tout va bien. 🙂
Note :
| En plus de terminer le dessin avec ESC, joindre deux lignes séparées et créer un chemin fermé termine naturellement le dessin. | |
| Un clic gauche de la souris avec CTRL sur une zone vide de l’artboard termine le dessin. | |
| SHIFT + clic gauche de la souris crée une nouvelle ligne qui part du chemin de la ligne sélectionnée. | |
| Si la touche CTRL est maintenue enfoncée, l’icône du curseur de l’outil stylo se transforme en icône d’outil de sélection directe et agit comme outil de sélection directe. | |
| Si les touches CTRL + ALT sont maintenues enfoncées simultanément, l’icône du curseur de l’outil stylo se transforme en icône d’outil de sélection de groupe et agit comme outil de sélection de groupe. | |
| Si la touche ALT est maintenue enfoncée, l’icône de l’outil stylo se transforme en icône d’outil de point d’ancrage et agit comme l’outil de point d’ancrage. | |
| Lors de la création du point d’ancrage, si la touche Espace est maintenue enfoncée avant la fin du clic de la souris, le point d’ancrage peut être déplacé. |
Partie 2 : Dessin de courbe
L’outil stylo est utilisé pour le dessin de courbe dans l’illustrateur. Comme le montre l’animation de dessin de courbe avec l’outil stylo ci-dessous, on maintient le bouton gauche de la souris enfoncé et on le fait glisser n’importe où sur l’espace de travail. Le premier clic constitue le premier point d’ancrage de la courbe à former. Ce point d’ancrage est spécifiquement appelé point d’ancrage Lisse. Si vous maintenez le bouton de la souris enfoncé et que vous le faites glisser, deux poignées apparaissent dans la direction opposée au curseur. Ces poignées déterminent la direction et la longueur de la courbe à créer. Lorsque le bouton est relâché et que la souris est déplacée, l’aperçu de la courbe apparaît. Cet aperçu est spécifiquement appelé l’élastique. vous pouvez l’activer et le désactiver à l’aide de la boîte de dialogue des préférences.
En cliquant sur le deuxième point d’ancrage, la courbe réelle est créée. si la courbe doit être tangente l’une à l’autre, les étapes appliquées au premier point d’ancrage sont répétées.
Les poignées s’allongent également dans les deux directions. Cependant, si la touche ALT est maintenue enfoncée après avoir créé le point d’ancrage lisse, la longueur et l’angle de la deuxième poignée peuvent être modifiés indépendamment. L’animation suivante montre comment faire.
Si la courbe tangente ne doit pas être poursuivie, c’est-à-dire si une ligne droite doit être formée à partir du dernier point d’ancrage, un clic sur le dernier point d’ancrage avec l’outil Plume supprime la poignée. Vous pouvez maintenant créer une ligne droite à partir du point d’ancrage.
Les poignées sont normalement contrôlées par l’outil point d’ancrage. La touche de raccourci pour l’outil point d’ancrage est Shift + C. D’autre part, nous avons vu que les poignées peuvent également être contrôlées en maintenant la touche ALT enfoncée lorsque l’outil Stylo est actif. Tant que la touche ALT est enfoncée, l’outil point d’ancrage supplante l’outil Stylo.
Partie 3 : Dessiner à partir de l’image modèle
Testons ce que nous avons appris avec un exemple.
Les calques modèles peuvent nous guider lorsque nous dessinons à partir d’une image. Lorsque vous créez un nouveau document, un tableau blanc vierge apparaît. Si vous voulez dessiner quelque chose de similaire au monde réel, vous pouvez importer un fichier image et l’utiliser comme calque modèle. En fait, le monde réel dont il est question ici ne se limite pas aux photographies réelles. Les esquisses peuvent également être importées comme calque modèle.
Pour importer une image comme calque modèle :
- Allez dans Fichier>placer
- Recherchez votre image et sélectionnez
- Activer l’option de modèle (épais)
L’option Lien est utilisée pour déterminer s’il faut intégrer votre image dans l’espace de travail d’Illustrator. Si l’option Lien est sélectionnée, l’image dans l’espace de travail disparaît lorsque l’image sur le disque est supprimée ou que le chemin du fichier est modifié.
- Cliquez sur le bouton de placement pour fermer la boîte de dialogue
Placer l’image de cette façon crée un calque de modèle. Diminuez l’image de %50 vers le bas. Cela rendra l’image plus appropriée pour dessiner par-dessus. Enfin, verrouillez le calque.
vous pouvez ouvrir le panneau des calques pour voir le calque qui vient d’être créé. si vous ne voyez pas le panneau des calques, allez dans le menu Fenêtre et sélectionnez Calques.
Si l’image est plus grande que votre artboard, ce que je rencontre habituellement, vous devez réduire l’image placée.
- D’abord, déverrouillez le calque
- Redimensionnez l’image
- Verrouillez à nouveau le calque
Quand vous avez terminé votre dessin, vous pouvez supprimer ce calque.
Puisque le calque est verrouillé, aucun dessin ne peut être fait dessus, changez l’autre calque ou créez-en un nouveau pour dessiner votre vecteur.
La règle principale est de créer les courbes les plus douces avec le moins de points d’ancrage lisses possible.
La courbe de base est appelée courbe de Bézier. Les courbes de Bézier peuvent être soit en forme de C soit en forme de S. La direction des poignées crée la courbe C ou S. La figure suivante montre la direction des poignées aux points d’ancrage pour les deux courbes. Le point de départ du dessin est le côté gauche.
Les dessins de courbe pour l’image de la tranche de pain sont présentés ci-dessous. La tranche de pain a été tracée dans un vecteur comme un segment droit et courbe avec un total de 5 points d’ancrage.
Il peut y avoir un nombre différent de points d’ancrage pour le même dessin vectoriel. Dans l’exemple ci-dessous, l’objet de gauche a 13 points d’ancrage. En revanche, l’objet de droite contient 20 points d’ancrage. Observez les vecteurs et notez les points d’ancrage qui sont inutiles. Imaginez si vous pouvez réduire les points d’ancrage ! N’oubliez pas que l’objectif n’est pas toujours de réduire les points d’ancrage. Des détails peuvent être perdus. Concentrez-vous sur le bas de l’objet de gauche. !!!!
Comme vous pouvez le voir, les points d’ancrage inutiles sur l’objet de droite sont ceux qui se trouvent au milieu de la courbe.
Donc,
Ne placez pas de points d’ancrage au sommet des courbes en « C » ou en « S » dans vos propres dessins. N’ajoutez pas un point d’ancrage à chaque courbe que vous voyez pendant votre dessin comme le font la plupart des concepteurs. Ce n’est pas la bonne méthode de dessin.
Regardez l’objet modèle avant de dessiner le vecteur sur l’image. En vous basant sur votre imagination, créez dans votre esprit les courbes de bézier « C » et « S ». Si c’est le cas, commencez à dessiner à partir du coin. Dessinez une forme en « S » ou en « C ».
Ajouter un point d’ancrage au sommet de la courbe est une façon simple de dessiner. Car vous n’avez pas besoin de prêter beaucoup d’attention aux poignées. En revanche, cela vous coûte des points d’ancrage supplémentaires.
En outre, nous savons maintenant que les poignées peuvent être facilement gérées avec la touche ALT. N’ayez donc pas peur de revenir sur les points d’ancrage que vous avez créés.
Rappellez-vous que la sélection des points d’ancrage se fait avec CTRL + souris gauche. Cela sera souvent nécessaire. Les autres touches de raccourci nécessaires ont déjà été décrites plus haut.
Bonne chance.
Akif Kutlu
P.S. Les vidéos suivantes sont également à conseiller. Elles sont en turc. Mais vous pouvez activer les sous-titres et faire une traduction automatique dans votre langue.
.