Comment créer une enseigne peinte à la main dans Adobe Illustrator

Dans ce tutoriel, nous allons apprendre à créer une inscription dans un style rétro basé sur la police de caractères gratuite, l'agence FB. Au cours du processus de changement de police, nous allons apprendre quelque chose sur l’anatomie des lettres. Les techniques décrites ici seront utiles non seulement pour le travail avec la typographie, mais aussi pour le travail avec des objets vectoriels.


Étape 1

Prenez l'outil Texte (T) et créez l'inscription "Vector Tuts". Vous pouvez modifier les paramètres du texte avec le panneau Caractère (Fenêtre> Type> Caractère). J'ai utilisé l'agence de police gratuite FB pour mon texte. Vous pouvez également choisir n'importe quelle autre police libre Sans Serif à partir d'ici. Définissez le crénage optique entre les caractères et l’échelle verticale 150%.

Les typographes professionnels n'utilisent jamais cette méthode pour redimensionner le texte, mais nous allons modifier la forme des lettres afin que cette méthode puisse avoir lieu..


Étape 2

Sélectionnez le texte et sélectionnez Type> Créer des contours..

Nous pouvons maintenant travailler avec la forme des lettres comme avec des objets vectoriels normaux. Créez le guide horizontal et placez-le de manière à ce qu'il passe par les points des lettres de titre.

En travaillant en typographie, utilisez toujours les guides, ils vous aideront à placer les éléments des lettres. Pour un travail plus précis, activez le mode Guide intelligent (Commande + U).


Étape 3

Faites glisser le guide vers le bas tout en maintenant la touche Option enfoncée. cette action va la dupliquer. Ce guide devrait passer par la barre du milieu de la lettre 'e'. (La barre correspond au trait horizontal dans les caractères tels que A, H, R, e et f)

Conservez le nouveau guide sélectionné et accédez à l’objet> Transformer> Transformer à nouveau ou utilisez les raccourcis Commande + D


Étape 4

Dissociez le texte (Maj + Commande + G), puis sélectionnez la lettre "V" et faites glisser le coin gauche du cadre de sélection en maintenant la touche Maj enfoncée. Après la transformation, la partie inférieure de la lettre en "V" doit passer par le guide inférieur..

Supprimez les points supplémentaires de la lettre 'V', si vous pensez qu'ils devraient être supprimés.

J'utilise l'outil de suppression des points d'ancrage (-) pour la suppression des points.


Étape 5

Déplacez le point A 1px vers la gauche et le point B 1px vers la droite. Pour ces types de mouvements, j'utilise les touches fléchées. Vous pouvez définir les valeurs d’incrément de clavier nécessaires dans la fenêtre Préférence (Commande + K).

Créez deux guides horizontaux qui limiteront les lettres minuscules en hauteur. La ligne inférieure est appelée la ligne de base, et la partie supérieure appelée la ligne moyenne.

Verrouiller les guides dans le panneau Calques.


Étape 6

Les lettres minuscules ont les coins arrondis; Rendons-les pointus.

Sélectionnez les points 1 et 2 avec l'outil de sélection directe (A), puis cliquez sur l'icône Distribuer verticalement l'espace dans le panneau Aligner..

Sélectionnez le point 1 et convertissez-le en angle en cliquant sur le bouton approprié dans le panneau de configuration..

Dans certains cas, vous devrez utiliser l'icône Distribuer horizontalement dans le panneau Aligner. le choix d'une fonction particulière dépend de l'emplacement des points sélectionnés.

Si vous n'avez pas réussi à convertir le lissé en points de coin, convertissez-le d'abord en lissage, puis à nouveau en points de coin..

Transformez tous les angles des lettres minuscules en utilisant cette technique.


Étape 7

Lorsque vous utilisez l'outil de sélection directe (A) et l'outil de suppression des points d'ancrage (-), alignez le haut de la lettre "r" et le bas de la lettre "u".

Alignez les parties intérieures des lettres "r" et "u" à l'aide du panneau d'alignement.


Étape 8

Débloquez les guides du panneau Calques. Sélectionnez le repère inférieur qui correspond à la ligne de base et allez dans l’objet> Transformer> Déplacer… et réglez la valeur du déplacement vertical puis cliquez sur OK..

Déplacez le guide supérieur à la même distance qui correspond à la ligne moyenne.

La valeur du déplacement devrait avoir le signe opposé dans ce cas.


Étape 9

À l'aide de l'outil de sélection directe (A), sélectionnez les points indiqués sur les figures ci-dessous et, tout en maintenant la touche Maj enfoncée, déplacez-les vers l'intersection avec la nouvelle position du guide..

En utilisant cette technique, réduisez la hauteur de la barre de la lettre 'T' majuscule.


Étape 10

Déplacez le guide inférieur vers le croisement avec le trait de fin des lettres 'c' et 's'

Ces parties des lettres s'appellent le terminal. Sélectionnez les points 1 et 2 sur la lettre 'e' et déplacez-les jusqu'à l'intersection avec ce guide.

En utilisant les guides et l'outil de sélection directe (A), nous donnons aux lettres de terminal "e", "c", "s" et "r" l'aspect pointu. Donne le même aspect à la partie supérieure de la lettre 't'

Cette partie de la lettre 't' est appelée Ascender.


Étape 11

Créez les projections sur la lettre majuscule 'T'. Créez un rectangle avec l'outil Rectangle (M). Sélectionnez le point en bas à droite du rectangle et déplacez-le avec l'outil Sélection directe (A).

Ces éléments des lettres s'appellent le serif. Sélectionnez le serif et allez dans l’objet> Transformer> Refléter, sélectionnez l’axe vertical et appuyez sur le bouton Copier dans la boîte de dialogue..

Déplacez le formulaire résultant dans la partie droite de la lettre 'T'


Étape 12

Avec l'outil Crayon (P), créez le serif sur l'une des lettres minuscules.

En doublant le formulaire créé et en utilisant la commande Reflect, créez les empattements sur toutes les lettres minuscules et majuscules.


Étape 13

Avec l'outil Rectangle (M), créez un carré et placez-le de manière à ce que le centre du carré soit placé dans le coin gauche de la lettre minuscule..

Conservez le carré sélectionné, sélectionnez Objet> Transformer> Rotation et définissez un angle de 45 degrés dans la boîte de dialogue..

Faites glisser notre objet dans les autres lettres, maintenez la touche Option + Maj enfoncée et doublez-la..


Étape 14

Avec l'outil Spiral, créez la forme de la boucle sur la lettre majuscule 'V'. De nombreux débutants et même des utilisateurs avancés ont des difficultés avec l'utilisation de cet outil. Si vous en faites partie, je vous recommande de regarder cette vidéo. Appliquer à la ligne créée la coupe ronde dans le panneau Contour.

Et maintenant, à l'aide de l'outil Largeur, modifiez la largeur de la boucle, comme indiqué sur la figure ci-dessous..


Étape 15

Conservez la boucle sélectionnée, accédez à Objet> Chemin> Contour du contour.

Sélectionnez tous les éléments de la lettre 'V' avec l'outil Lasso (Q), puis cliquez sur l'icône Unite dans le panneau Pathfinder..

Avec l'outil de sélection directe (A) et l'outil de suppression des points d'ancrage (-), modifiez le lieu de conjugaison de la boucle avec la lettre 'V'

En utilisant cette technique, combinez les éléments du reste des lettres. À la suite de ce travail, les lettres du texte doivent représenter les objets uniques. Sur la figure ci-dessous, le texte en mode Plan (Affichage> Contour) est affiché..


Étape 16

Prenez l'outil Texte (T) pour créer le texte 'communauté'. J'ai utilisé le logiciel gratuit WinSoft Pro Fort pour ce texte. Nous choisissons la valeur de suivi que le texte serait situé entre les lettres "e" et "s" de l'inscription supérieure.

Conservez le texte sélectionné et accédez à Type> Créer des contours. En utilisant les guides et l'outil de sélection directe (A), créez les empattements sur les lettres. Le déplacement des points se fait avec les touches fléchées.

Les éléments dans les parties centrales des lettres sont réalisés avec l’outil Rectangle arrondi.

Lorsque le travail est terminé, tous les éléments des lettres doivent être unis au panneau Unite dans le panneau Pathfinder..


Étape 17

Prenez l'outil Rectangle (M) et créez un cadre autour du texte créé..

Sélectionnez tous les objets créés et accédez à Effet> Déformation> Indicateur et définissez les paramètres indiqués sur la figure ci-dessous..

Maintenant, allez à l'objet> Développer l'apparence.


Étape 18

Remplissez le fond avec la couleur noire et l’inscription «Vector Tuts» avec la couleur jaune et l’inscription «communauté» - avec la couleur grise. Créez quatre cercles de même taille et placez-les dans les coins du fond.

Sélectionnez tous les cercles et sélectionnez Objet> Chemin composé> Créer. Sélectionnez le fond noir et l'objet Compound, puis cliquez sur l'icône Moins avant dans le panneau Pathfinder..


Étape 19

Sélectionnez l'objet de couleur noire et accédez à Objet> Chemin> Décalage du chemin, puis définissez la valeur de décalage dans la boîte de dialogue..

Echangez le remplissage et le trait, puis prenez l'outil Ciseaux (C) et coupez l'objet créé en 1 à 8 points..

Supprimer le segment de coin.


Étape 20

Appliquez sur le segment supérieur et inférieur le profil en forme de trapèze du panneau Contour..

Créez les segments courbes qui relient l’arrière-plan aux segments verticaux. Appliquez le profil en forme d'arc aux segments courbes du panneau Trait.


Étape 21

Créez la texture en bois de vecteur. La texture photo en bois sera utilisée à ces fins. Vous pouvez le télécharger ici. Placez la texture dans le document actuel. Laissez-le sélectionné, accédez à Objet> Tracé en temps réel> Options de traçage, puis définissez les paramètres indiqués sur la figure ci-dessous..

Maintenant, allez dans Objet> Développer et placez la texture en dessous de tous les objets créés.


Étape 22

Créez un rectangle de couleur vert foncé et placez-le sous tous les objets (pour une meilleure visualisation, la texture est désactivée sur la figure ci-dessous)..

Copiez ce rectangle et collez-le devant (Command + C puis Command + F). Remplissez le nouveau rectangle avec un vert clair.

Sélectionnez le rectangle supérieur et la texture, puis choisissez la commande Créer un masque d'opacité dans le menu du panneau Transparence. Cochez "Clip" et "Inverser le masque" dans ce panneau.


Étape 23

Travaillons un peu plus avec le texte. Copiez l'inscription «Vector Tuts» et replacez-la (Commande + C puis Commande + B). Remplissez la copie de couleur blanche et déplacez-la un peu en haut et à gauche.

Avec l'outil Plume (P), créez les objets, qui remplissent les espaces entre les textes blancs et jaunes.


Étape 24

Créons des éraflures sur les lettres. Nous allons utiliser la texture concrète photo pour cela. Vous pouvez le télécharger ici (crédit de l'utilisateur de deviantART ~ jaqx-textures). Placez la texture dans le document actuel. Laissez-le sélectionné, accédez à Objet> Tracé en temps réel> Options de traçage et définissez les paramètres indiqués sur la figure ci-dessous.

Maintenant, allez à l'objet> Développer et remplissez la texture avec une couleur gris clair.


Étape 25

Sélectionnez la texture du béton et tous les éléments de l'inscription, puis sélectionnez le menu Créer un masque d'opacité dans le panneau du panneau Transparence. Cochez la case 'Inverser le masque' dans ce panneau.


Conclusion

Cher ami, notre tutoriel est terminé à ce sujet. Ceux qui se considèrent comme faisant partie de notre communauté peuvent utiliser l'inscription créée pour la conception des t-shirts..