Comment créer une conception de t-shirt à la main dans Adobe Illustrator

Ce que vous allez créer

Dans ce didacticiel, je souhaite partager avec vous le processus artistique consistant à créer un dessin d’inscription manuscrite personnalisé unique et à le transformer numériquement en un design de t-shirt prêt à l’impression. Nous allons commencer par une esquisse de concept, puis nous apprendrons à vectoriser le dessin dans Adobe Illustrator.

En cours de route, vous apprendrez des astuces et des techniques de lettrage qui amélioreront vos compétences en lettrage. Ce tutoriel est destiné aux débutants qui souhaitent commencer l’art du lettrage à la main, non seulement pour la conception de t-shirts, mais également pour toute autre chose, comme une couverture de livre, un dessin de mug ou un imprimé artistique.

Si vous souhaitez trouver des images manuscrites ou vous inspirer, visitez GraphicRiver..

1. Comment dessiner et tracer le lettrage à la main

Étape 1

Pour lancer le processus, réalisons un rapide croquis. 

Vous pouvez utiliser un stylo ou une encre et du papier traditionnels pour dessiner et numériser, ou vous pouvez utiliser votre choix de stylet numérique et de tablette. Je préfère utiliser soit Adobe Photoshop ou Procréer pour dessiner, nettoyer les marques au crayon, corriger, espacer, aligner et ajuster les proportions. 

Pour célébrer la semaine de la culture Envato en France, nous allons tirer la phrase française "Fou d'amour"signifiant" fou d'amour ". 

Le croquis servira uniquement de matériau de référence. Vous pourrez ajuster l'épaisseur, les courbes et l'équilibre de la conception ultérieurement. En tant que débutant, commencez par dessiner rapidement les idées de concept à travers des esquisses miniatures. Expérimentez avec les formes, les angles et les compositions de lettrage.

J'ai joué avec mon écriture cursive naturelle, que je vais transformer en un script épais ressemblant à un pinceau.

Étape 2

Sélectionnez l'un des croquis que vous jugez le mieux pour la conception de votre t-shirt. Reproduisez le concept dans la vignette sur une feuille de papier A4 ou numérique (8,5 "x 11").

Commencez par placer les lignes croisées d’alignement du centre, puis ajoutez la hauteur de cap, la hauteur de x et la ligne de base où le texte sera placé..

Ensuite, écrivez dans votre écriture naturelle, simple et cursive: "Fou d’amour".

Il n'est pas nécessaire qu'il soit parfaitement aligné car nous voulons créer une sensation personnalisée..

Étape 3

Ensuite, nous allons passer en revue la simple ligne manuscrite et construire autour de celle-ci. À ce stade, vous pouvez manipuler le lettrage dans la direction de votre choix. Je suis allé vers une sensation de pinceau fluide et épaisse. 

Prenez le temps de dessiner pour ajouter du poids, affiner et appliquer un contraste au lettrage. 

L'idée est de faire un croquis autour des lignes de l'esquisse initiale, en expérimentant des traits, des arêtes et des pointes épaisses et minces. Faites attention à l'espacement négatif, au crénage et aux connecteurs entre les lettres.

Décorez-le avec des étoiles, des gouttes et des cœurs tout autour pour lui donner un effet "love-pop", comme je l'ai fait ci-dessous..

Étape 4

Avant de commencer à travailler sur l'ordinateur, vous devez dessiner l'esquisse pour affiner les lettres et les rendre plus propres et plus précises..

Lorsque vous êtes à peu près satisfait et que vous avez terminé le traçage sur le lettrage, vous devez indiquer où les points vectoriels seront placés. Le traçage revient à ajouter des points de repère pour simplifier le processus vectoriel ultérieurement. Cela signifie que nous ajoutons des points où se trouvent les points d’ancrage et une ligne pour indiquer la direction de la poignée d’ancrage.. 

Ce processus simple de tracé de l'emplacement des points d'ancrage et des poignées de point d'ancrage horizontales et verticales vous donnera des formes plus nettes et des formes de lettre plus précises, une fois transformées en vecteur.

Gardez à l'esprit les points suivants:

  • Le tracé est généralement placé sur les angles 0 °, 45 ° et 90 °, ou en cas de changement dans la direction d'une courbe. 
  • Placez les points d’ancrage sur le dessus, les côtés, le mur et le sol des formes de lettre. Donc, le haut et le bas et l'extrême gauche et droite des lettres auront des points d'ancrage. 
  • Les bords des lettres auront toujours un point.
  • Ajoutez le moins de points d'ancrage possible pour obtenir des courbes d'aspect naturel.
  • Connaître l'emplacement de ces points d'ancrage et des poignées vous évitera des heures de travail.
  • Vous ne devriez pas vous soucier de les placer bien ou mal; avec le temps, vous aurez le coup de main et aurez un meilleur jugement.

2. Comment vectoriser les lettres

Étape 1

Téléchargeons nos œuvres dans Adobe Illustrator.

Remarque: Si vous l’avez dessiné sur papier, numérisez votre esquisse à la main et sauvegardez-la au format JPG..

Mettre en place un Nouveau document (Fichier> Nouveau ou Contrôle-N) en utilisant les paramètres suivants:

  • Paramètres de document vierges: A4 
  • Prénom: Fou_Damour
  • Nombre de planches d'art: 1
  • Largeur: 8,5 "
  • La taille: 11 "
  • Orientation: Paysage
  • Unités: Pouces

Ouvrez le Avancée languette:

  • Mode de couleur: CMJN

Et cliquez Créer.


Étape 2

Ensuite, vous devez définir vos couches.

Ouvrez le Couches panneau (Fenêtre> Calques). Renommez 'Couche 1' en 'Esquisser'.

Puis cliquez sur le Créer un nouveau calque icône, créer un autre calque et le renommer 'Caractères'. Cliquez sur Endroit (Commande-Shift-P) pour ajouter l'esquisse au tableau.

Ouvrez le Couches panneau: Fenêtre> Calques. Double-cliquez sur le 'Esquisser'couche pour ouvrir le sous-menu du Couches panneau:

  1. prénomEsquisser
  2. Sélectionner Fermer à clé
  3. Dim Images to:20%
  4. D'accord

Fichier> Enregistrer (Commander-S)

Étape 3

Passons à la vectorisation!

Tout d’abord, assurez-vous d’être sur le calque «Lettrage».

Nous allons commencer à tracer, pièce par pièce. Je vais vous montrer comment décomposer le processus vectoriel afin que vous puissiez le vectoriser facilement..

Sélectionnez le Outil stylo (P). Du Contrôle panneau, sélectionnez null Remplir et noir Accident vasculaire cérébral de 1 pt.

Commencez par vectoriser le mot 'Fou', en commençant par la tige de la'F'. Les formes des lettres ont tendance à vous guider par où commencer. Je travaille toujours de gauche à droite.

Suivez les croquis dessinés et utilisez le Outil de point d'ancrage (Maj-C) pour aligner verticalement et horizontalement les poignées d'ancrage. 


Étape 4

Tracez chaque morceau du lettrage comme s’il était décomposé en différentes formes. Cela vous aidera à éditer chaque morceau plutôt que le texte entier.

  • Ne croisez pas les poignées directionnelles.
  • N'exercez aucune pression sur un point d'ancrage pour effectuer toutes les courbes..
  • Assurez-vous que les courbes coulent bien et que les bords sont propres.

Pour le 'F'crossbar, faites les conseils pointu. Puis utilisez le Outil de sélection directe (UNE) pour sélectionner les deux coins. Cela va automatiquement tourner les points d'ancrage à Coin en direct widgets.

Clique le Coins option dans le Contrôle panneau (Fenêtre> Contrôle) et régler le Rayon à 0,03 po. 

Étape 5

Continuez à tracer le 'ou' avec le Outil stylo (P),et utiliser le Outil de point d'ancrage (Maj-C) Pour ajuster les poignées. 

Tracer le croisement de la 'o'boucle comme indiqué ci-dessous. Ce n'est pas grave si tout se chevauche. Assurez-vous de tracer vos lettres individuellement afin de pouvoir ajuster l'espace plus tard au cours du processus. Plus tard nous éditerons et fusionnerons tout ensemble.

Ensuite, tracez séparément le 'vous'.

Vous remarquerez que certains points d'ancrage doivent être ajoutés et que les poignées d'ancrage nécessitent un changement de direction. Tracer les points et aligner les poignées aussi parfaitement que possible. Il y a beaucoup d'essais et d'erreurs, mais vous finirez par comprendre.

Étape 6

Après avoir vectorisé le 'Fou', Appliquer le croisement technique à chaque vecteur, pièce par pièce, au mot «d’amour». Cette technique permet de contrôler chaque intersection, largeur et angle de lettre. 

Pour assurer un résultat net, travaillez avec des poignées de point horizontales et verticales. C'est un peu compliqué au début. Vous aurez peut-être besoin d'angles supplémentaires à 45 °, en fonction de la typographie et de l'angle de conception..

Essayez de garder la même largeur entre les connecteurs.

Prendre le Outil de sélection directe (UNE), sélectionnez les points d'ancrage et faites glisser tout en maintenant la Décalage clé pour étirer également les poignées verticales et horizontales. Plus vous étirez les poignées, plus les courbes seront longues.

Étape 7

Les derniers à vectoriser sont les éléments décoratifs autour du lettrage.

Utilisez le Outil Ellipse (L) pour dessiner l'ellipse, mais sinon, observez manuellement et tracez les autres formes avec le Outil stylo (P) pour leur donner une sensation organique.

Étape 8

Après avoir vectorisé la pièce entière, Effacer la 'Esquisser'couche de la Couches panneau.

Tout sélectionner (Command-A), et Permuter Remplir & Coup (Shift-X), pour donner aux lettres un remplissage au lieu d'un trait.

Alors maintenant, vous pouvez voir les espaces positifs et négatifs plus clairement et voir où se trouvent les défauts.

3. Comment éditer et colorier le lettrage

Étape 1

Il est maintenant temps d'ajuster les formes et de modifier la taille. Prenez le temps de régler les courbes et de corriger les poignées d'ancrage. 

Commencez par éditer chaque lettre en ajustant le guidon à l’aide des touches Décalage clé. 

Ensuite, modifiez, tournez, alignez ou étirez les lettres pour les rendre harmonieuses..

Pour redimensionner, prenez le Outil de sélection (V) et sélectionnez le Outil de transformation gratuit (E), en maintenant Décalage à l'échelle proportionnelle.

Pour vous déplacer, il suffit de sélectionner les formes de lettre à l’aide des touches Outil de sélection (V) et aligner le texte correctement.

Étape 2

Ensuite, vous devez analyser les espaces négatif et positif. 

L'espace négatif est l'espace blanc ou vide entre les éléments. L'espace rempli est appelé positif. L’espace négatif aide fondamentalement à définir l’espace positif et favorise la lisibilité.

Pour résoudre l'interaction d'espace, maintenez la cohérence dans l'espacement des éléments et maintenez votre conception épurée, lisible et propre. Voir ce qui nécessite plus de crénage ou plus de courbure, d'alignement, etc. J'ai apporté des modifications mineures afin que le texte soit lisible et aligné..

La capacité de convertir avec précision une esquisse en un vecteur est précieuse. Pouvoir faire cela vous permet de redimensionner votre lettrage sans perdre les détails et la convivialité du texte.

Étape 3

Une fois que vous êtes satisfait de l'aspect général, il est temps de rejoindre les chemins qui se chevauchent.

Ouvrez le Éclaireur panneau: Windows> Pathfinder. Ensuite, par exemple, prenez la Outil de sélection (V), sélectionnez les éléments de 'F'et sélectionnez l'option Modes de forme: unissez.

Continuez pour sélectionner toutes les formes superposées que vous souhaitez fusionner, puis cliquez sur Unir du Éclaireur panneau.

Étape 4

Nous avons presque fini! 

Passez sur un générateur de couleurs, comme Coolor.co ou Adobe Color CC, et sélectionnez une palette inspirée par "l'amour"..

Choisissez les couleurs de la palette HEX que vous voulez et appliquez-les pour remplir le lettrage.

J'ai travaillé avec la palette suivante et j'ai attribué à chaque élément une couleur que je trouvais appropriée:

  • Rose rouge: couleur HEX # E73938
  • Citrouille: couleur HEX # ED6E31
  • Orange: couleur HEX # f18924
  • Jaune: couleur HEX # EFBBB1E
  • Cyclamen: couleur HEX # EB5f9E
  • Sinopia: couleur HEX # D31216

4. Comment exporter l'image pour l'imprimer

Pour exporter les images vectorielles afin de pouvoir les imprimer, vous avez besoin des fichiers PNG..

Aller à Fichier> Exporter.

Choisir PNG format avec une résolution de 300 ppp, et assurez-vous de l'exporter avec un arrière-plan défini à Transparent.

Fou amoureux! Bon travail

Désormais, vous pouvez utiliser votre fichier de lettres manuscrites finalisé pour imprimer et vendre votre nouveau motif de t-shirt ou pour l’utiliser sur d’autres produits, pour le Web ou à votre guise!

J'ai utilisé Placeit pour vous montrer à quoi ressemblerait votre motif en lettres manuscrites sur un t-shirt.

J'espère que ce tutoriel a été utile et qu'il a expliqué quelques astuces pour numériser votre lettrage de manière utile et facile à comprendre..

Merci d'avoir suivi ce tutoriel avec moi. N'hésitez pas à partager vos motifs en lettres manuscrites dans la section commentaires ci-dessous, et si vous avez des problèmes ou des questions, faites-le moi savoir. À la prochaine!

Si vous avez aimé ce tutoriel, n'hésitez pas à consulter mes autres tutoriels.