Photoshop

Créer une typographie d'écran dans Photoshop

Cet article a été mis à jour, vous consultez ici une archive de cet article!

Créer une typographie d'écran dans Photoshop




Introduction:




C'est la traduction en français, d'un Tutoriel en anglais du site de abduzeedo.com. J'ai eu du mal à exécuter ce tutoriel et ce même avec l'outil de traduction de Google, car il à été conçu pour un clavier mac et les touches de raccourcis clavier ne sont pas les même. Tutoriel de Jonathan Connolly.



Etape 1




Commencez par importer tous vos dessins vectoriels séparément dans la zone de travail de Photoshop. Dans ce cas, j'utilise moi des images en png de forme simple et de couleur claire en objets 3 pièces séparées et je les place en attente dans la zone de travail de Photoshop, en réduit.



- Créez un nouveau document à 1200 x 800 pixels avec une résolution de 72 ppp.




Étape 2




1) Une fois masquer tous les 3 vecteurs, cliquez sur la flèche de sélection et cochez "Sélection automatique du calque" ainsi que "Afficher le cadre de sélection", cela nous sera fort utile par la suite.

2) Créer une nouvelle zone de texte. en utilisant l'outil texte , Faites un clique gauche, restez cliquez et descendez. Vous venez de créez votre zone de texte. Et si elle ne vous satisfait pas, repassez sur la flèche de sélection , Et faite Ctrl+Alt+z, pour annuler et recommencez.





Étape 3




Maintenant dans cette zone, je tape le nom de notre site "easy-design.net". La police nous avons choisi était «ITC Franklin Gothic". Surlignez votre texte à l'aide de votre souris et ouvrez la petite fenêtre des options de texte :

-Paramètres de texte: 16pt police, Medium, 16pt espacement taille, couleur # 404040 (Pour la sélectionner, cliquer sur le carré de couleur dans la petite fenêtre des options) .



-Fermez la fenêtre des options de texte. Surlignez votre texte à l'aide de votre souris , si n'est plus le cas et continuez en copiant (Ctrl+c) / collant (Ctrl+v) votre texte dans la boîte de texte, jusqu'à la compléter.

NoteA cette étape par précaution, sauver votre travail : "Fichier/Enregistrer" en Typo.psd



Étape 4




Faites un zoom arrière au plus bas (33%) pour avoir une meilleur visibilité pour la suite. Étirer la zone de texte à l'aide de l'outil flèche de sélection jusqu'à ce qu'il se développe au-delà de la taille du canevas.




Étape 5




Une fois la zone de texte agrandi, Vous allez la faire pivoter sur un angle d'environ 45 degrés.





Etape 6




Faire l'un des objets intelligents visibles. Command / Apple cliquez sur la case d'aperçu sur la palette calque pour créer des fourmis en marche autour de votre objet.


Etape 7




Une fois que les pointillés apparaissent, cachez votre objet intelligent, ainsi vous pouvez voir la sélection.


Étape 8




Pixelliser la couche de type et avec les fourmis en marche active sur votre calque pixellisé cliquez sur Édition> Couper.


Etape 9




Puis cliquez sur Édition> Coller et aligner votre nouveau calque de sorte que tous les mots se connecter. Ouvrez la boîte de Style de calque et changer le "Color Overlay" au blanc.


Étape 10




Continuez à faire la même procédure avec vos calques autre objet à puce, mais assurez-vous de toujours couper de la couche pixellisé.


Étape 11




Enfin créer un nouveau calque et remplissez-le avec n'importe quelle couleur. Placez cette couche au-dessus de toutes les autres couches. Drop de remplissage à 0%. Ouvrez la boîte de Styles de calques et modifier la lueur intérieure sur les paramètres suivants, puis cliquez sur OK.

Résultat



Vous devriez avoir quelques chose comme ceci :