Share
VectorScribe est un plug-in Illustrator qui modifiera votre façon de travailler dans votre programme de dessin vectoriel préféré. Après l’avoir utilisé pendant un certain temps, les anciennes méthodes de construction de fichiers vous sembleront fastidieuses et fastidieuses. VectorScribe est puissant et intuitif, mais comme tout, il nécessite une courbe d’apprentissage et prend un certain temps pour s’y habituer. Ne vous laissez pas décourager par cette tâche une fois que vous maîtriserez cet ensemble d’outils, vous travaillerez plus vite, plus intelligemment et plus proprement. Commençons!
Contenu sponsoriséCeci est une critique sponsorisée ou un cadeau d'un produit / service qui est particulièrement pertinent pour nos lecteurs..
VectorScribe est disponible en deux versions: Studio et Designer. Dans ce didacticiel, je traiterai principalement de l'outil PathScribe, qui fait partie de Designer, et de l'outil Courbes dynamiques, qui se trouve dans VectorScribe Studio. Vous pouvez télécharger un essai gratuit de sept jours ici.
En tant que référence, j'utilise une ancienne annonce de voiture, que j'ai placée sur un calque de modèle. Vous pouvez bien sûr utiliser un croquis, une photo ou tout simplement tirer de votre imagination.
A l'aide de l'outil Rectangle (M), tracez un rectangle comme dans l'image ci-dessous. Cela constituera le capot et l'avant de la voiture.
Sélectionnez l'outil PathScribe. Commencez à faire glisser le segment supérieur du rectangle. Vous remarquerez que le chemin commence à se courber. Faites glisser depuis le côté du segment (pas le centre), puis maintenez la touche Maj enfoncée pour rendre la courbe symétrique. Faites-le glisser afin qu'il corresponde à la courbe du sommet de la voiture.
Vous pouvez déjà comprendre à quel point l’outil PathScribe est plus efficace. Pour créer cette forme avec Illustrator seul, vous devez dessiner le rectangle, puis dessiner une ellipse, puis les aligner, puis utiliser Pathfinder pour les fusionner. Vous pourriez même avoir besoin de nettoyer des points supplémentaires. Avec VectorScribe, un processus en 4 étapes est réduit à deux étapes et est beaucoup plus intuitif et précis.
Remarque: le fait de faire glisser un tracé droit depuis son centre tout en maintenant la touche Maj enfoncée entraîne un comportement différent des poignées de coin, comme vous pouvez le constater dans la comparaison suivante:
Dessinez un autre rectangle couvrant la zone du pare-brise. A l'aide de l'outil de transformation libre (E), faites glisser un coin supérieur du rectangle tout en maintenant les touches Commande + Maj + Option enfoncées. Cela changera la perspective et donnera une forme trapézoïdale, comme dans l'image ci-dessous..
Comme auparavant, utilisez l’outil PathScribe pour créer un sommet arrondi..
Accédez à Fenêtre> VectorScribe> Panneau Coins dynamiques. Puis cliquez sur le panneau pour sélectionner l'outil.
Survolez le coin supérieur gauche du trapèze. Commencez par faire glisser l'outil Dynamic Corner et vous obtiendrez un retour visuel immédiat sur le coin. Alignez-le avec l'image source. Maintenant, tout ce que vous avez à faire du côté droit est de cliquer sur le coin et une courbe sera créée avec le même rayon que celui que vous venez de faire glisser..
Encore une fois, avec Illustrator seul, ces courbes devraient être dessinées manuellement ou une combinaison d’ellipses devait être utilisée. Les coins dynamiques de VectorScribe utilisent un vrai rayon, ce qui permet une meilleure précision que celle obtenue manuellement. Je pense qu'ils ont l'air mieux aussi.
Utilisation de l'outil Plume pour dessiner un polygone à 4 côtés pour la fenêtre. A l'aide de l'outil Courbes dynamiques, faites glisser les coins pour créer des courbes..
Pour la grille, faites une forme trapézoïdale comme avant. Faites glisser le chemin du haut avec l'outil PathScribe pour le rendre incurvé. Faites la même chose avec les côtés gauche et droit. Utilisez l'outil Coins dynamiques pour créer des courbes, comme à l'étape 5..
Tracez un rectangle autour du boîtier du phare, comme indiqué ci-dessous. Prenez l'outil Coins dynamiques et dessinez les courbes pour les deux coins supérieurs et le coin inférieur gauche.
Basculez vers l’outil PathScribe et faites glisser une courbe vers l’intérieur, entre les points du bord gauche, comme indiqué..
Toujours à l'aide de l'outil PathScribe, sélectionnez le point situé en haut de la courbe que vous venez de créer. Si le panneau PathScribe n'est pas visible, accédez à Fenêtre> VectorScribe> Panneau PathScibe pour l'afficher. Cliquez sur l'icône Point lisse du panneau, comme dans l'image ci-dessous. Une fois encore, vous pouvez voir comment VectorScribe effectue un tel ajustement plus rapidement et plus précisément..
Pour l’intérieur du boîtier de la lampe, tracez un rectangle comme avant et ajustez les angles à l’aide de l’outil Dynamic Corners..
Voici ce que nous avons jusqu'à présent. Vous remarquerez les annotations rouges sur les courbes. Celles-ci indiquent le statut "dynamique" des courbes. Vous pouvez penser à "dynamique" de la même manière qu'Illustrator utilise le mot "live".
Dans ce cas, tous les rayons des angles dynamiques peuvent être modifiés, soit en les faisant glisser avec l'outil, soit en entrant une valeur dans le panneau. Même si vous déplacez la position du coin, le rayon de la courbe est conservé. Si vous maintenez la touche Option / Alt enfoncée tout en positionnant la courbe, le tracé d'origine non courbé de la courbe s'affiche. Vous pouvez toujours revenir à cet angle en choisissant Supprimer les coins sélectionnés dans le menu déroulant du panneau. Vous pouvez également faire glisser l'outil Coins dynamiques au-delà du point d'origine pour revenir à un angle droit..
Pour le pare-chocs, dessinez des segments droits avec l’outil Plume, puis ajoutez des courbes avec l’outil Courbes dynamiques. Nous allons simplement dessiner la moitié, puis réfléchir et copier pour une forme symétrique.
Rendre le trait beaucoup plus épais et ajouter un bonnet arrondi.
Allez à Objet> Chemin> contour. Changez le fond et le contour si vous le souhaitez, en appuyant sur Maj + X.
Sélectionnez le point de fin et cliquez sur l'icône de retrait des poignées du panneau PathScribe, comme dans l'image ci-dessous..
Cela revient à cliquer sur le point avec l'outil Convertir l'ancrage. Dans ce cas, où nous avons un seul point à convertir, l'utilisation de la fonction PathScribe ne présente aucun avantage. Mais imaginez avoir une forme de fleur incurvée avec de nombreux pétales que vous souhaitez convertir. Pouvoir le faire en un clic permettrait de gagner beaucoup de temps!
Utilisez l'outil Réfléchir pour retourner le demi-pare-choc horizontalement tout en en faisant une copie. Fusionner les deux formes pour compléter le pare-chocs
Je viens de gratter la surface de ce que cette suite d'outils peut faire. VectorScribe est riche en fonctionnalités, dans une interface intuitive et familière. Plus de quelques fois, j'ai utilisé un outil ou cliqué sur un bouton pour me dire: "Waouh, c'est ainsi que Illustrator aurait dû fonctionner depuis le début."
J'espère que ce tutoriel vous encourage à l'essayer et à prendre quelques "A-ha!" moments de votre part. L'image ci-dessous montre la voiture vectorielle finale, après avoir ajouté de la couleur et quelques détails supplémentaires. Amusez-vous créer votre propre.
Accentsconagua