Signe de typographie de style ancien dans Photoshop

Signe de typographie de style ancien dans Photoshop

Le week-end dernier, j’ai été, une fois de plus, coincé à attendre plus de 4 heures dans les aéroports. Donc, je regardais quelques designs de planches de skateboard et j’en ai trouvé un incroyable de Planches À Roulettes Fille. La chose cool à propos de cette conception était l’effet, me rappelait ces vieilles enseignes qui étaient peintes sur les murs, dans les anciennes usines et industries.

Donc, dans ce tutoriel, je vais vous montrer comment créer un effet assez similaire à celui-ci, mais l’idée de ce tutoriel est de vous montrer comment sélectionner les bons modes de fusion lorsque vous jouez avec des textures. Nous utiliserons également Illustrator pour créer la police de notre signe, dans ce cas avec le mot Abduzeedo, bien sûr 🙂

Étape 1

Ouvrez Adobe Illustrator et créez un nouveau document, puis accédez à Affichage>Afficher la grillealors Affichage> Accrocher à la grille. Après cela avec le Outil Rectangle (M) créez 2 carrés comme l’image ci-dessous. Utilisez uniquement le trait et laissez-le sans remplissage.

Étape 2

Fondamentalement, ce que nous avons fait dans la première étape était de créer un module pour les lettres. Maintenant, dupliquez 4 fois pour avoir des modules pour les lettres A, B, D, U, Z, E. Avec le Outil de sélection directe (A) commencer à supprimer des segments du module afin de créer les lettres. C’est très simple et ne vous prendra pas plus de 5 minutes.

Signe de typographie de style ancien dans Photoshop

Étape 3

Maintenant, augmentez le trait à quelque chose comme 50-60 points. Après cela allez à Objet> Chemin> Trait de contour. Le trait sera maintenant transformé en un objet avec remplissage.

Signe de typographie de style ancien dans Photoshop

Étape 4

Pour créer l’effet 3D est assez simple et nous allons utiliser le Outil Rectangle (M). La première chose est de créer des références comme les triangles 1 et 2. Ensuite, c’est facile, il suffit de créer d’autres segments et avec le Outil de sélection directe (A) vous pouvez modifier les sommets. Si vous voulez ajouter des points, utilisez le Outil Plume (P). J’ai également utilisé 2 nuances d’orange, une plus claire et une plus foncée. Ainsi, la lumière vient du haut, donc le plus sombre sera toujours en bas (3-6).

Signe de typographie de style ancien dans Photoshop

Étape 5

Voici juste une idée de l’ensemble du processus, encore une fois, ce n’est pas compliqué et c’est un bon exercice si vous voulez pratiquer un peu Illustrator.

Signe de typographie de style ancien dans Photoshop

Étape 6

Pour le O tu peux aller à Effet> Styliser> Coins arrondis. Utilisez une petite valeur, quelque chose comme 2 ou 3 pour le rayon. Dupliquez également le mot Abduzeedo et remplissez-le de noir, allez à Organiser>Renvoyer il sera donc derrière le texte 3D. Après cela, ajoutez simplement un peu de texte à l’aide d’un Badigeonnez la police Script Std Medium de rouge et ajoutez simplement un arrière-plan bleu très clair.

Ça y est, la partie illustrateur est terminée et c’est déjà un design assez cool.

Signe de typographie de style ancien dans Photoshop

Étape 7

Allez maintenant dans Photoshop. Créez un nouveau document. j’utilise 1920 x 1200 pixels pour la taille. Après cela, importez une belle texture de bois avec de la peinture écaillée. Celui que j’ai utilisé est une gracieuseté de Shutterstock et peut être téléchargé ici.

Signe de typographie de style ancien dans Photoshop

Étape 8

Réduisons un peu la saturation. Aller à Image>Réglages>Saturation. Changez-le en -40. Cela rendra le bleu un peu plus gris.

Signe de typographie de style ancien dans Photoshop

Étape 9

Copiez le mot Abduzeedo d’Illustrator et collez-le dans Photoshop. Choisir Coller en tant qu’objets intelligents au cas où vous auriez besoin de changer les couleurs.

Signe de typographie de style ancien dans Photoshop

Étape 10

Dupliquez la texture en bois et déplacez-la vers le haut, devant le mot Abduzeedo et allez à Calque> Créer un masque d’écrêtage. Changer la Mode de fusion vers une couleur plus foncée. Ce qui est cool, c’est que nous obtenons les bleus et les sourcils de la texture peeling au lieu de nuances noires ou sombres si nous avions utilisé Multiply par exemple. C’est un excellent mode de fusion pour ce type de design vieilli.

Signe de typographie de style ancien dans Photoshop

Étape 11

Dupliquer la texture et aller à Image>Ajustements>Désaturer. Remettez-le au-dessus de l’autre texture en tant que masque de clip. Cette fois cependant, changez le Mode de fusion à Multiplier. L’idée est d’assombrir un peu le mot Abduzeedo.

Signe de typographie de style ancien dans Photoshop

Étape 12

Copiez l’ombre dans Illustrator et collez-la dans Photoshop derrière le mot Abduzeedo 3D.

Signe de typographie de style ancien dans Photoshop

Étape 13

Dupliquez la texture d’arrière-plan et accédez à Image>Ajustements>Désaturer. Après cela allez à Images>Ajustements>Inverser. Disposez la texture de manière à ce qu’elle soit devant le calque d’ombre.

Signe de typographie de style ancien dans Photoshop

Étape 14

Aller à Calque> Créer un masque d’écrêtage. Après cela, changez le Mode de fusion de la couche de texture à Alléger. Le mode Lighten Blend est parfait car il montrera la texture et éclaircira l’ombre vectorielle très sombre, rendant l’effet beaucoup plus réaliste.

Signe de typographie de style ancien dans Photoshop

Étape 15

Avec le Outil Rectangle Arrondi (U) créez un rectangle blanc sous le mot Abduzeedo.

Signe de typographie de style ancien dans Photoshop

Étape 16

Dupliquer à nouveau la texture en bois de fond et aller à Image>Réglages>Inverser.

Signe de typographie de style ancien dans Photoshop

Étape 17

Déplacez le calque de texte inversé afin qu’il soit devant le rectangle blanc. Aller à Calque> Créer un masque d’écrêtage. Après cela, changez le Mode de fusion à la différence.

Signe de typographie de style ancien dans Photoshop

Étape 18

Dupliquez à nouveau la texture d’arrière-plan et accédez à Image>Ajustement>Désaturer. Après cela allez à Image>Réglages>Niveaux. Augmentez l’entrée de blanc pour que la couleur de la texture devienne blanche.

Signe de typographie de style ancien dans Photoshop

Étape 19

Allez encore à Calque> Créer un masque d’écrêtage. Réduisez également un peu la Opacité à 70%.

Signe de typographie de style ancien dans Photoshop

Conclusion

Maintenant, ajoutez simplement le texte final en répétant le même processus que nous avons fait pour le mot Abduzeedo. Les modes de fusion seront presque les mêmes, mais nous comprenons maintenant comment fonctionnent la couleur plus foncée et la couleur plus claire. et surtout dans quels cas l’utiliser. Bien sûr, vous pouvez les appliquer de manière totalement différente, c’est la meilleure chose à propos de Photoshop, vous pouvez toujours trouver de nouvelles façons et solutions pour le même problème. Il s’agit de jouer.

Signe de typographie de style ancien dans Photoshop
Cliquez sur l’image pour un aperçu complet

Télécharger le fichier Photoshop

Cliquez ici pour télécharger le fichier Photoshop utilisé pour ce tutoriel