Ultimate Type Twisting

Alors, avez-vous déjà eu envie de taper du texte d’une manière un peu plus avancée que certaines des options que vous avez vues avec le Fonction de chaîne?


introduction

Que diriez-vous de faire des caractères qui semblent avoir été enroulés autour d'un visage! Vous pensez avoir besoin d'une application 3D spéciale ou d'un plug-in "hifalutin"?

Non, vous pouvez tout faire dans Illustrator v10 (ou supérieur) avec le Engrener une fonction. Il faut juste un peu de planification et quelques petits raccourcis pour que tout se passe, restez avec moi et je vous expliquerai tout…



Étape 1: Matériel de référence

Avant de commencer à utiliser des outils dans Illustrator, nous devons nous procurer du matériel photographique sur lequel baser notre illustration (il serait assez difficile de créer une image ou de travailler à la volée avec un projet comme celui-ci). Idéalement, il serait préférable que vous pourrait prendre vous-même l'image de la source, vous éviterez ainsi tout problème de copyright.


Étape 2: dessin

En posant du papier calque sur une impression de votre photo, essayez de tracer des lignes qui suivent certains contours du visage. D'après mon expérience, plus un visage est rugueux ou prononcé, plus il aura l'air beau. Un marqueur noir épais est utile pour créer des lignes fortes et audacieuses. Voici quelques conseils:

  1. Essayez de laisser certaines zones aussi noires que des sourcils, à l’intérieur de la bouche, des parties des cheveux, etc. Cela aidera à définir un peu mieux l’image. Également rendre certaines de vos lignes plus épaisses à certains endroits.
  2. Les espaces entre les lignes de caractères aideront vos yeux à voir l’illustration comme un visage et non comme un texte lisible..
  3. Un autre moyen utile à ce stade est de tracer légèrement les courbes de votre croquis au crayon pour imiter les contours du visage. Cela sera utile lors de la torsion du type pour donner ce look enveloppé.


Étape 3: Dessin du trait

Une fois que vous êtes satisfait du travail de trait dans votre croquis, effectuez une numérisation et placez-le dans votre document. Il y a quelques années, les gens utilisaient toujours un scanner à plat pour insérer des croquis dans Illustrator, mais de nos jours, avec les appareils photo numériques, vous pouvez facilement vous placer au-dessus de votre dessin, prendre une photo et l'utiliser à la place (assurez-vous simplement que vous êtes bien au-dessus et non à un angle décalé et que vous ne projetez pas d’ombre sur l’image qui pourrait rendre les choses plus difficiles à voir une fois dans Illustrator).

Placez votre numérisation dans un document Illustrator sur un calque séparé et verrouillez-la. La taille n’est pas vraiment importante car elle est vectorielle, mais j’ai trouvé qu’un scan de 150 dpi en format lettre était parfait.

Maintenant, en utilisant vos meilleures compétences en Pen Tool, établissez des courbes de Bézier incroyablement lisses avec une ligne noire de 4 points.

Une façon de réaliser le trait plus épais dont nous avons parlé plus tôt est de copier et coller les lignes les unes sur les autres et de séparer les segments des deux chemins (comme ci-dessus), ou de dessiner avec une ligne plus épaisse - j'ai choisi 8 pt.



Étape 4: dites quoi?

Une fois que votre dessin au trait noir est tracé, nous en sommes maintenant à une étape amusante! Toutes ces zones blanches vierges sont cartographiées et nous avons besoin de mots pour les insérer..

Le visage de Louis Armstrong était de promouvoir une compilation de CD de musique. J'ai donc pensé choisir des mots qui refléteraient ceux des autres artistes du CD, ainsi que d'autres mots directement liés à Louis. Je pensais que je choisirais une couleur légèrement différente pour son type et une 3ème couleur pour la trompette.

Mon agent d’illustration, Matt, des studios Drawingbook de Sydney, a aidé à faire des recherches sur Louis et m’a donné environ 75 mots, expressions et faits pertinents. J'étais vraiment reconnaissant pour les courts! Comme de temps en temps je n'avais qu'un espace minuscule pour tenir dans un mot (voir bout du nez)!

J'ai écrit les mots sur une autre feuille de papier et vérifié les fautes d'orthographe (… en haut à droite, Fred Astaire… ourlé, ourlé) et je l'ai épinglé au mur comme une référence visuelle rapide au début du travail..



Étape 5: Polices efficaces

Une dernière chose à considérer était le choix de la police avec laquelle travailler. Il fallait que ce soit un jeu qui ne soit pas trop compact (sans quoi les mots soient difficiles à lire) et qui reflète également le style et le sujet de l’Illustration..

Basé sur cette police de caractères Mojo ne fonctionnerait pas car il avait une mauvaise lisibilité et avait une sensation hippie du début des années 70 qui ne reflète pas Louis Armstrong. Finalement, je suis allé avec une police appelée Machohouse. Il avait un peu un caractère des années 50/60 et était facilement lisible.

Une autre chose, la police de caractères a également dû travailler avec le haut et le bas de chaque caractère aplati un peu… plus sur ce prochain!



Étape 6: Travailler en dessous

Pour gagner du temps à tordre toutes les lettres et à m'assurer que les haut et bas de chaque caractère sont lisses les uns par rapport aux autres, j'ai pensé qu'il serait préférable de tracer des lignes lisses et solides dans Illustrator (comme nous l'avions esquissé précédemment). . Je place mon type sous il. Voici un patch test de texte pour l'oreille droite:

  1. Affiche une ligne de texte normal tapé sur une légère courbe.
  2. Le type est modifié avec la fonction Maillage (voir l'étape suivante), car vous pouvez voir que le haut et le bas des lettres sont hérissés et dentelés..
  3. Le texte est placé sous notre ligne noire (je l’ai fantôme en rouge pour que vous puissiez voir à travers).
  4. Ici, les lignes noires deviennent blanches afin que vous puissiez voir à quel point elles masquent les bords irréguliers du type..


Étape 7: Twist That Type!

Maintenant que nous avons pris toutes les décisions concernant les mots, les polices et les zones de saisie, il est temps de commencer à utiliser le texte. Prenons notre premier mot ... "Satchelmouth."

Fait intéressant: une fois, les joues de Louis Armstrong étaient décrites comme deux cartables en cuir et il est devenu Satchelmouth ou Satchmo '..

Tapez le mot dans votre illustration. J'ai gardé tout mon type sur un calque séparé sous les lignes du visage que nous avons dessinées précédemment.

Tous les mots que nous tapons vont être au départ une forme approximativement rectangle, et seront parfois changés en formes radicales. Si nous pouvons aider à modifier un peu le type, en le rapprochant d’abord de la forme finale, cela signifiera moins de travail de maillage.

Donc, le type "Satchelmouth" va être placé dans l'oreille de Louis.

  1. Tracez une ligne avec une légère courbe en bas. Utilisez l'outil Texte sur un chemin pour créer notre mot dans la police choisie.
  2. Transformez le texte en contours en appliquant Type> Créer des contours (Cmd + Maj + O).
  3. Ensuite, appliquez Objet> Distorsion d'enveloppe> Créer avec maillage (Commande + Alt + M)..

Il y a une option pour avoir plusieurs lignes et colonnes avec Mesh, mais je trouve que dans cet exemple, il est préférable de garder autant que possible une ligne et une colonne..


Positionnez le type de maille sous la forme de l’oreille à peu près au milieu..

Ce que nous allons faire maintenant, c'est manipuler chacun des quatre coins de notre graphique de maillage pour transformer le texte en forme. Si nous avions plus de lignes et de colonnes, nous aurions beaucoup plus à peaufiner, nous allons donc garder les choses simples au début.

  1. À l'aide de l'outil de sélection directe, déplacez chacun des quatre points d'angle vers les quatre bords de notre forme vide. Cela aura l'air un peu fou et ne conviendra pas, mais nous ne faisons qu'établir le début et la fin de notre mot.
  2. En déplaçant les points de maillage plus loin (en utilisant toujours l'outil de sélection directe) et en ajustant une ou les deux poignées sur chaque extrémité du maillage, nous pouvons insérer le type dans la forme..
  3. La plupart du temps, le texte peut être manipulé à la perfection, mais il arrive parfois que le haut des lettres soit coupé trop sévèrement..
  4. En outre, les espaces où le haut ou le bas d'une lettre ne va pas complètement sous notre ligne de masquage.


Étape 8: pousser et tirer

À ce stade, nous allons utiliser l'outil Maillage (Commande + U):

  1. Cliquez le long de la ligne de texte aux endroits où vous pensez que des points supplémentaires vous aideraient..
  2. Pour vérifier si le type fonctionne, mettez votre dessin au trait en blanc à 90% d'opacité..
  3. Une autre option pour vérifier si le type fonctionne est de transformer votre illustration en trait en blanc uni..


Étape 9: Points de maillage supplémentaires

Lorsque vous avez des formes qui sont évidemment compliquées, il est bon de briser le maillage en utilisant l'outil Maillage pour ajouter des points, mais soyez averti, ajoutez seulement les points selon vos besoins..

  1. Les mots "Dean Martin" ont été séparés en utilisant les points de maillage horizontaux.
  2. Cela a aidé lors de l’étirement du "M" et lors de la mise en brusque changement de direction entre le "A" et le "R."
  3. La dernière lettre "N" a également ajouté un point de maillage supplémentaire pour étendre la lettre verticalement jusqu'à un point, mais les points de maillage, une fois ajoutés, traversent le graphique et ont une incidence sur la réponse du maillage..

Idéalement, le mot "Dean Martin" devrait d'abord être inséré dans la forme correcte, puis le dernier point du maillage est ajouté pour extraire le dernier "N".



Étape 10: suivez les contours

Notez que les lettres qui descendent sur le nez ont une légère courbe correspondant aux lignes de contour que nous avons dessinées sur le croquis. Comme je l’ai dit, il est bon d’avoir l’esquisse épinglée au-dessus de votre ordinateur afin que vous puissiez continuer à vous y référer pendant que vous travaillez..

Les lettres ci-dessous commencent subtilement sous l'œil sous la forme d'une courbe convexe et passent de la lettre "H" à une courbe concave lorsque nous suivons la forme éclatée des joues..



Étape 11: Petits détails

Alors que "Satchmo" est un gros mot et qu’il a un impact important sur le visage de Louis Armstrong, ce sont les petits mots qui permettent de rendre l’œuvre plus intéressante dans son ensemble..

Courir deux lignes de caractères autour de la paupière de quelqu'un peut sembler une tâche ardue, mais si vous effectuez un zoom avant et travaillez à un grossissement de 1600%, la méthode de travail ne devrait pas être différente de celle des mots plus grands. C'est payant de faire un zoom arrière de temps en temps pour s'assurer que tout est lisible bien.



Étape 12: Basculement des couleurs

Après un moment, les mots deviennent lisibles comme un visage! Au début, je me suis un peu amusé avec les couleurs, mais je me suis rendu compte que les tons très clairs sur un fond noir avec des lignes noires faisaient ressortir l’image..


Vous pouvez également créer des effets plus doux avec un fond blanc et des lignes du haut.!



Conclusion

Quelles que soient les couleurs que vous choisissez, si votre dessin au trait est net et tout votre texte lisible, vous avez un motif gagnant sur vos mains. Bonne chance!