Expérience de typographie vintage dans Illustrator et Photoshop
Nous aimons tous la typographie et en particulier les typographies vintage/rétro. Il y a quelque chose dans ces œuvres qui attirent notre attention et nous rendent vraiment fous d’elles. Malgré le fait que certains soient assez anciens et réalisés avec un processus rudimentaire, la qualité de la conception est incroyable et c’est pourquoi les livres sont le meilleur moyen de s’inspirer de ceux-ci et surtout d’essayer d’apprendre à le faire en utilisant des outils modernes comme Illustrator et Photoshop.
Donc, dans ce tutoriel, je vais vous montrer comment créer une belle typographie vintage/rétro basée sur une illustration du livre Nouveau type vintage : polices classiques pour l’ère numérique. L’ensemble du processus vous prendra 2-3 heures, mais c’est assez simple. Cependant cela demande du temps. J’espère que vous l’apprécierez et que vous continuerez à pratiquer toujours.
Étape 1
Ouvrez Illustrator et créez un nouveau document. La taille n’a même pas d’importance car c’est du vecteur et nous finaliserons notre travail dans Photoshop. Tapez les mots « inspiration » et « parle‘ ». Utilisez des majuscules. Pour les paroles, créez 3 objets texte différents, 2 pour le S et un pour les pics. Faites en sorte que le S soit plus grand que les pics comme dans l’image ci-dessous.
Étape 2
Sélectionnez le mot pics et accédez à Objet> Envelop Distort> Maker avec Warp. Sélectionner Arche inférieure. Utilisez – 25 % pour l’horizontale.
Étape 3
Avec le Outil Ellipse (L) créez 3 ellipses comme l’image ci-dessous. Notez que certains ont des traits plus épais que les autres.
Étape 4
Agaï avec le Outil Ellipse (L) ajouter 2 cercles. L’un en haut et l’autre en bas des ellipses.
Étape 5
Sélectionnez le Outil de fusion et cliquez sur le cercle du haut, puis sur celui du bas pour créer le mélange. Modifiez le nombre d’étapes jusqu’à ce que vous obteniez quelque chose comme l’image ci-dessous. Ces valeurs peuvent changer en fonction de votre conception.
Étape 6
Créez une ellipse entre les 2 grandes, cette nouvelle ellipse sera le chemin des cercles. Supprimez ensuite la moitié de l’ellipse. Avec le Outil de sélection directe (A) sélectionnez la ligne que suit le mélange, puis sélectionnez la moitié de l’ellipse let. Aller à Objet>Blend>Place Spine. Maintenant, les cercles suivront la colonne vertébrale de l’ellipse.
Étape 7
Dupliquez le mélange et retournez-le verticalement à l’aide des outils de transformation via pathfinder (Affichage> Pathfinder).
Étape 8
Ajouter plus de texte, dans ce cas j’ai ajouté par ABDUZEEDO. Ajoutez également 2 lignes une en haut et l’autre en bas.
Étape 9
Keed ajouter plus d’éléments, cette fois j’ai ajouté un rectangle arrondi en utilisant le Outil Rectangle Arrondi. Puis j’ai tapé ENLEVÉ PAR CONCEPTION.
Étape 10
Avec le Outil Rectangle (M) créez 2 rectangles, celui du haut plus fin que celui du bas et positionnez-le à côté de la grande ellipse.
Étape 11
Avec le Outil Spirale créer une spirale à utiliser à la fin de l’un des rectangles.
Étape 12
Avec le Outil Ellipse (L) créer une ellipse pour remplir la fin de la spirale.
Étape 13
Maintenant avec le Outil étoile ajoutez une étoile, puis dupliquez-la deux fois pour en avoir 3. Alignez-les et répartissez-les uniformément.
Étape 14
Maintenant, dupliquez simplement les éléments pour avoir la partie centrale comme l’image ci-dessous.
Étape 15
Encore avec le Outil Spirale créer des spirales pour les lignes du Par Abduzeedo élément.
Étape 16
Sélectionnez les éléments de la partie By Abduzeedo et allez dans Objet> Distorsion d’enveloppe> Enveloppe avec Warp. Utilisation Arc avec le même 25% Horizontal.
Étape 17
Avec la ligne Outil Segment () ajouter 2 lignes puis avec le Outil de fusion créer un motif en diagonale comme l’image ci-dessous.
Étape 18
Le sélectionnez le L’inspiration parle les séparer et les regrouper. Dupliquer une fois et changez la couleur en blanc. Déplacez cette nouvelle copie afin qu’elle soit sous le texte noir, et déplacez également quelques pixels vers le bas et vers la droite. Après cela, dupliquez ce calque blanc et déplacez-le de quelques pixels vers le bas et vers la gauche, puis coupez-le (Édition> Couper). Sélectionnez le motif en diagonale et accédez à Affichage>Transparence. Vous verrez 2 pouces, un avec le motif et un autre vide. Double-cliquez sur le vide pour activer le masque de clip, puis copiez le texte blanc en place (Commande + F). Cela masquera le motif avec l’objet texte.
Étape 19
C’est le dernier objet vectoriel que nous avons. Notez que je duplique également la partie By Abduzeedo. C’est à vous de décider ici, l’idée est d’essayer différentes choses 🙂
Étape 20
Ouvrez Photoshop et importez l’image vectorielle. Vous pouvez le faire en copiant et collant ou en exportant un bitmap depuis Illustrator. Dans mon cas, ce dernier était le plus rapide, c’est donc celui que je recommande. J’ai également ajouté ici une image du logo Abduzeedo que j’ai créé dans Pixelmator il y a longtemps pour le tester et le placer au centre de l’ellipse.
Étape 21
Aller à Image>Réglages>Inverser. Nous avons maintenant un fond noir avec des éléments blancs.
Étape 22
Dupliquer l’image et avec le nouveau calque aller à Filtre>Croquis>Crayon Contê. Utilisation 13 pour le premier plan, 10 pour le fond, Grès pour la texture, 150% pour l’échelle et 5 pour le relief.
Étape 23
Avec le Outil Pinceau (B) et quelques pinceaux vintage/sales d’Eduardo Recife (http://www.misprintedtype.com/v4/) commencez à peindre en noir et blanc sur l’image. Ajoutez également un nouveau calque et commencez à peindre avec du blanc uniquement. Astuce : Allez à Fenêtre>Pinceau (F5) puis créez un pinceau en activant Shape Dynamics, Scattering et Transfer. De cette façon, vous pouvez peindre l’image sans avoir l’air trop uniforme.
Conclusion
Voici l’image finale, vous pouvez exagérer un peu car mon idée ici est d’utiliser ce design sur une photo, puis d’utiliser Screen pour le Blend Mode, tout le noir sera transparent et seul le blanc sera affiché.
Comme vous pouvez le voir, le processus de conception est assez simple et il s’agit d’essayer et de pratiquer. Maintenant que nous comprenons un peu comment ces éléments vintage sont créés, nous pouvons donc commencer à créer les nôtres. Les livres de typographie étaient en effet très utiles.
Une autre version
