Share
Hé Vectortuts + fidèle! Bienvenue dans la deuxième partie de ma série de didacticiels sur les avantages de l’outil de calage à largeur variable. Si vous n'avez pas lu le premier tutoriel, je vous suggère de revenir en arrière et de lire: Outil de trait à largeur variable Illustrator CS5: idéal pour la création de motifs tribaux !, qui explique comment utiliser l'outil, puis explique comment créer des dessins tribaux avec celui-ci. . Vous devez connaître ces bases avant de passer à la deuxième partie de la série, où nous l’utilisons pour créer des esquisses gestuelles et des encrages numériques..
L’une des fonctions incroyablement utiles de l’outil Trait à largeur variable consiste à donner du caractère à vos lignes. En faisant varier la largeur de la ligne, vous ajoutez style, mouvement, force, personnalité et de nombreux autres adjectifs qui ne décrivent pas visuellement une ligne. En gros, vous prenez quelque chose de plat et d’ennuyeux et vous lui donnez vie! Jetons simplement un coup d'oeil à quelques exemples montrant comment l'outil de calage à largeur variable ajoute un caractère gestuel à une ligne par ailleurs ennuyeuse:
OK, maintenant que je vous ai convaincu de la qualité de cet outil, examinons un exemple concret de la façon dont je l'ai utilisé. J'ai récemment eu un client (appelons-la Brenda - le nom a été changé pour protéger l'innocent) qui avait besoin d'un logo pour son blog; "Vivre Brenda." La description du projet m'a donné une sorte d'ambiance Martha Stewart. Son blog était un conseil naturel et organique sur la façon de vivre. Le client a décrit le logo comme une tête de femme avec une variété d'objets qui en jaillissent - comme des recettes, de l'amour et des conseils pour une vie saine.
J'ai tout de suite compris que je pouvais dessiner une tête de femme avec des objets qui en sortaient, ce n'est pas un problème, mais je savais aussi que le style du dessin était essentiel. Il fallait se sentir lâche et gestuel. L’outil de course à largeur variable était le moyen idéal pour obtenir l’aspect recherché. OK, voyons comment j'ai créé ce logo.
Le tout commence par mon croquis au crayon. Malheureusement, je ne peux pas donner toute une leçon de dessin ici, mais je vais vous montrer les étapes que j'ai suivies pour créer ce dessin au crayon..
Chaque fois que je dessine une tête, elle commence toujours par un ovale. Ensuite, j'essaie d'imaginer l'ovale en 3D, comme un œuf. Sur cet ovale (œuf), je trace une ligne verticale et horizontale. Vous devriez pouvoir imaginer comment ces lignes s’enroulent autour de la forme de l’objet..
La ligne verticale servira de ligne centrale, comme si vous dessiniez une ligne au centre de votre visage. Alors, naturellement, le nez atterrirait juste au-dessus de cette ligne médiane. La ligne horizontale représente la direction des yeux. Même dans cet état rudimentaire, je peux déjà voir le visage. Plus vous le pratiquez, plus vous le verrez facilement.
La prochaine étape évidente consiste à dessiner sur les yeux et le nez. Il est important de rester mentalement dans cet espace 3D. J'ai aussi malmené le haut de sa tête. Je ne sais pas si je vais montrer cela aussi clairement dans le logo final, mais c'est une bonne référence à avoir.
Ensuite, je me suis brouillé et j'ai vu les cheveux s'enrouler autour de sa tête. Je pensais que la coiffure de Brenda fonctionnerait pour une marque de style gestuelle lâche. Ses cheveux avaient une qualité qui coulait à ce sujet.
Enfin, j'ai ajouté quelques objets pour représenter les sujets sur lesquels Brenda écrira sur son blog. Le client nous a donné une liste de travail. Et voilà, c'est le croquis que je vais utiliser pour créer mon logo gestuel.
La prochaine étape consiste à numériser notre croquis au crayon dans l’ordinateur et à le transférer dans Illustrator. Maintenant, une fois dans Illustrator, j'aime bien configurer mon fichier de logo en créant trois calques. Le croquis au crayon ira sur la couche inférieure. Je verrouille cette couche pour que mon art ne bouge pas et pour ne pas le saisir accidentellement pendant que je travaille sur la conception..
Sur la deuxième couche, je vais éventuellement mettre mes blocs de couleur solides. Je veux faire la dernière chose, donc pour le moment je laisse ma deuxième couche vierge..
La couche supérieure est l'endroit où je vais mettre mes lignes gestuelles. Maintenant, je sais que je vais utiliser mon outil de trait à largeur variable pour donner leur caractère à ces lignes - il me faut donc simplement créer des lignes centrales, pas des formes. Voici les lignes que j'ai faites dans illustrator sur mon croquis au crayon.
Une fois ces lignes tracées, je saisis mon outil de trait à largeur variable et le mets à profit. Une fois encore, les bases de cet outil sont enseignées dans la première partie de cette série de tutoriels. Lorsque vous ajoutez du caractère à vos lignes, veillez à souligner les lignes les plus importantes. Par exemple, la ligne qui compose son os maxillaire est beaucoup plus épaisse. Il représente le bas de sa tête, donc son épaisseur lui donne la stabilité. En outre, il est situé où il y aurait naturellement une ombre, donc l'épaisseur de la ligne aide à créer cette ombre.
Voici un petit coup de détail pour vous. Quelle différence énorme avec l'outil de course à largeur variable.
Ensuite, nous devons redescendre un calque et ajouter nos blocs de couleur solides. Il n'y a rien de spécial à propos de cette étape. Je viens d'utiliser mon outil de stylo normal pour dessiner ces formes. J'ai gardé les couleurs naturelles et légères afin qu'elles n'empiètent pas sur mes lignes gestuelles que je veux faire apparaître. Vous pouvez voir à quel point ces formes de base aident à définir le visage et les cheveux.
Il me faut maintenant ajouter les différents sujets que Brenda écrit dans son blog. Dans ce cas, j'ai un peu ignoré mon dessin au crayon.
Dernier point mais non le moindre, je dois ajouter des formes derrière chacun des objets sujets. Ce fut une bonne occasion de travailler dans une couleur. Mais même avec ces articles plus colorés, j'ai gardé la saturation des couleurs atténuées. Je voulais que cette marque soit un peu plus naturelle.
Et comme toute dernière étape, j'ai ajouté un logo pour accompagner cette marque. Je me suis assuré de tirer les couleurs de la marque pour les utiliser dans le logotype afin que tout fonctionne correctement. Pour une police, j'ai sélectionné Century Gothic. Je pensais que son style géométrique net était un bon moyen de contrer le flou de la marque. Je pensais que ces styles contrastés fonctionneraient bien ensemble dans un site Web.
Maintenant, je sais à quoi vous pensez: "Mais BILL! Je ne suis pas un illustrateur aussi talentueux que le vôtre. Et si je ne peux pas dessiner?" Aucun problème! Il est très facile de créer ces types de marques gestuelles en utilisant des photos au lieu de dessiner. L'utilisation de photos vous limite un peu, mais c'est une excellente approche alternative si vous n'avez pas de compétences en dessin. Laissez-moi vous guider dans ce processus très rapidement sans aucun commentaire.
Très bien, maintenant pour notre toute dernière partie de ce tutoriel - l’encrage numérique. Si vous êtes un illustrateur, qu’il s’agisse d’un illustrateur de style bande dessinée, d’un illustrateur de bandes dessinées, d’un tatoueur ou d’un graffeur, l’outil à course variable en largeur est un atout majeur pour l’encrage de vos croquis au crayon..
Permettez-moi de vous montrer rapidement comment utiliser cet outil pour effectuer votre encrage numérique. Maintenant, encore une fois, ce processus commence par un dessin au crayon. Et encore une fois, je ne vais malheureusement pas pouvoir vous donner une leçon de dessin dans ce tutoriel. C'est pour un autre jour. Alors jetons un coup d'œil au dessin au crayon que je vais écrire:
C'est un dessin que j'ai fait pour m'amuser pendant mon temps libre. Le concept était une sorte de super héros avec un motif de samouraï. Maintenant, c’est trop volumineux pour encrer complètement dans ce tutoriel, alors laissez-moi faire un zoom avant sur son visage, et ensuite nous pourrons encrer une partie de celui-ci..
On y va beaucoup mieux. La première étape de l’encrage consiste simplement à créer les lignes centrales à l’aide de notre outil Plume. Maintenant, encore une fois, ce seront nos lignes maigres, ennuyeuses et plates. Voici le premier ensemble de lignes que j'ai créé:
Je vais faire cela dans un tas de petites parties pour que vous puissiez voir les progrès. Une fois que nous avons créé ces lignes simples, il est temps d'ajouter le caractère (à l'aide de notre outil de trait à largeur variable, bien sûr)..
Hou la la! Quelle différence. Désormais, encrer de la sorte est un peu plus intensif que d'utiliser un pinceau ou une plume d'oie, mais le contrôle et la netteté que vous gagnez sont étonnants. Je ne sais pas si ce style encrage prendra le dessus sur l'industrie de la bande dessinée parce que c'est un peu plus lent, mais pour les pages de garde et les projets de conception uniques, cela vaut certainement la peine d'essayer.
Maintenant, vous remarquerez que certaines des extrémités épaisses des lignes se terminent assez drôle. Dans les cas où une ligne ne correspond pas bien avec une autre ligne, nous devons faire une petite correction manuelle. Tout d’abord, nous devons sélectionner, puis Objet> Développer l’apparence de la ligne incriminée. Cela le convertira en une forme. Ensuite, nous pouvons utiliser l’outil Pathfinder pour soustraire et ajouter les bits de forme dont nous avons besoin. Voici la prochaine étape, je vais faire mes modifications et ajouts en vert afin que vous puissiez voir ce que j'ai corrigé et ce que j'ai ajouté.
Vous remarquerez également en vert que j'ai ajouté quelques formes vectorielles standard (comme les sourcils). Hé, je n’ai pas dit que l’outil de trait à largeur variable serait le SEUL outil que vous utiliserez pour l’encre numérique de ce croquis au crayon..
C'est plus de la même chose. J'ai pris mes lignes standard et leur ai donné ce beau personnage en utilisant l'outil de trait à largeur variable. Puis en vert j'ai ajouté quelques lignes.
Donc, c'est à peu près tout ce que je vais faire sur la partie encrage numérique de ce tutoriel. J'espère que vous pourrez voir le processus que je suis. Je suis sûr que vous mourez d'envie de voir le dernier dessin, alors je le jetterai ici juste pour le plaisir. Croyez-le ou non, j'ai en fait coloré l'ensemble de cette œuvre d'art dans Illustrator! Crois le! Si vous souhaitez voir comment j'ai fait cela, j'ai bientôt un tutoriel vidéo sur Arsenal de Go Media.
Eh bien, c'est tout. J'espère qu'un autre tutoriel utile. J'ai certainement trouvé une tonne d'utilisations pour le nouvel outil de trait à largeur variable d'Illustrator et, espérons-le, vous pourrez également voir ses nombreuses utilisations.
Ce tutoriel a été écrit par William A. Beachy, partenaire de Go Media Inc. Go Media est une agence de création basée à Cleveland, dans l'Ohio. En plus d'écrire des tutoriels pour GoMediaZine et Vectortuts +, nous travaillons également pour des clients et vendons des illustrations et des fichiers de conception sur l'Arsenal..
Accentsconagua