Effet de texte Hipster dans Photoshop CS6
Il y a quelques semaines, nous avons publié un tutoriel montrant comment créer un effet de texte hipster à l’aide de Pixelmator. Nous avons maintenant décidé de vous montrer le même effet avec Photoshop CS6. Comme nous l’avions dit, nous le ferons également dans Fireworks et CSS. Alors restez à l’écoute.
Alors dans ce tutoriel, nous allons vous montrer comment créer un effet de texte simple avec un look hipster très tendance. Nous n’utiliserons que des filtres et des styles de calque de base pour obtenir l’effet. L’ensemble du processus ne vous prendra pas plus de 30 minutes.
Tutoriel photoshop
Étape 1
Ouvrez Photoshop CS6 et créez un nouveau document. Celui que j’ai créé est 2560×1600 pixels. Après cela, remplissez le calque d’arrière-plan avec #e4cba9.
Étape 2
Avec le Outil de type horizontal (T) ajouter un texte en utilisant la police Sulivan. Vous pouvez le télécharger sur http://www.losttype.com/font/?name=sullivan. Utilisez la même police que l’arrière-plan et utilisez le type de remplissage pour la police.
Étape 3
Dupliquez le calque de police et regroupez le Mode de fusion à superposer. Changez le type de police en Biseau de Sullivan.
Étape 4
Dupliquez à nouveau le calque et modifiez le Mode de fusion à superposer et utiliser le Sullivan Régulier pour la police.
Étape 5
Sélectionnez le calque de texte créé à l’étape 2. Dupliquez le calque et modifiez le Mode de fusion pour multiplier. Déplacez-le 1px vers le bas et 1 pixel vers la gauche.
Étape 6
Continuez à dupliquer le calque et à vous déplacer vers le bas et vers la gauche pour créer un bel effet 3D.
Étape 7
Après avoir dupliqué plusieurs fois, cela aura un effet comme celui de l’image ci-dessous.
Étape 8
Regroupez tous les calques utilisés pour créer l’effet 3D, puis fusionnez-les en un seul calque. Après cela allez à Calque> Styles de calque> Superposition de couleurs. Utilisation #c66d33 pour le Couleur avec multiplication pour le mode de fusion.
Étape 9
Créons un autre effet 3D mais allons maintenant en haut à droite.
Étape 10
Répétez le même processus pour fusionner les calques en un seul et appliquer le Superposition de couleurs, ensuite aller à Filtre> Flou> Flou gaussien. Utilisation 7,5 pixels pour le Rayon.
Étape 11
Aller à Filtre> Flou> Flou de mouvement. Utilisation 45º pour l’Angle et 50 pixels pour la Distance.
Étape 12
Avec le Outil Rectangle (U), créez un rectangle au centre du document, sous les textes et juste au-dessus de l’arrière-plan. Aller à Calque> Style de calque> Superposition de motifs. Utilisation Graphie 80 par 80 pixels crépitement de Subtlepatterns.com. Changer la Mode de fusion à gravure linéaire.
Étape 13
Ajoutez un texte complémentaire en utilisant la police Mensch. Vous pouvez le télécharger sur http://www.losttype.com/font/?name=mensch. Répétez le même processus pour créer le petit effet 3D.
Étape 14
Ajoutez un nouveau calque au-dessus des autres, puis remplissez-le avec un autre motif de subtilpatterns.com. j’utilise Mur rocheux. Pour le Mode de fusion, utilisez Multiplier à 50 %.
Étape 15
Aller à Calque> Nouveau calque de réglage> Filtre photo. Utilisez Sépia à 60 %
Conclusion
Vous pouvez dupliquer tous les calques et les fusionner en un seul, puis appliquer le filtre Bruit pour ajouter une belle texture au-dessus du dessin. L’idée de ce tutoriel était simplement de vous montrer comment créer un simple effet de typographie au look vintage à l’aide de Photoshop. Nous l’avons fait dans Pixelmator avant et maintenant dans Photoshop. Le prochain sera en CSS 🙂 J’espère que vous l’apprécierez et que vous vous amuserez à créer le vôtre.
