Dans ce tutoriel, nous allons concevoir un effet de texte rétro sympa, qui devient de plus en plus populaire dans le monde du design d'aujourd'hui. Aujourd'hui, vous apprendrez à utiliser l'outil de perspective pour créer un effet de profondeur de champ et découvrirez comment les concepteurs utilisent les dégradés par défaut de manière inhabituelle.
Aperçu de l'effet
Avant de commencer, voyons à quoi ressemblera l'image que nous allons créer.
Étape 1
Avant de commencer, vous devrez télécharger la police Seqa, qui vient du site dafont. Après le téléchargement, installez-le et ouvrez Photoshop après l'installation.
La première étape est rapide et facile. Remplissez le calque d'arrière-plan de noir et renommez-le "Arrière-plan". Lors de la saisie de texte, il est préférable de le faire ressembler à un carré, comme indiqué ci-dessous. Assurez-vous que le texte est aligné à gauche. Vous disposez maintenant d’un calque d’arrière-plan noir et d’un calque de texte. Dans mon exemple, j'ai utilisé 100 pt pour la partie PSD et 72 pt pour la partie texte tuts, et je les ai fait correspondre en largeur.
Étape 2
Ouvrez le panneau des caractères, définissez la couleur de la police sur #e59710, puis utilisez ctrl+T, ou utilisez la taille de la police pour modifier la taille de la police. Modifions maintenant l'espacement des caractères. Placez la souris entre P et S et définissez l'espacement des caractères. à - 55, on obtient donc un assez bon espacement entre deux caractères. Placez ensuite la souris entre S et D et réglez l'espacement des mots sur -40.
Étape 3
Maintenant, nous allons styliser le texte, en pensant à la deuxième étape, nous voulons obtenir un joli texte doré avec des bords nets et un aspect 3D légèrement incliné. Nous avons donc besoin d'une inclinaison à l'extérieur pour obtenir une impression de profondeur, d'un peu d'ombre à l'intérieur et d'un dégradé de surbrillance.
Soulignons maintenant cette inclinaison et nous allons utiliser une lueur intérieure, mais dans la capture d'écran ci-dessous, nous l'avons disposée dans l'ordre inverse. Ma première étape consiste généralement à ajouter un dégradé, puis une inclinaison, puis à utiliser des lueurs et des ombres.
Étape 4
Il est temps d'utiliser l'outil Perspective. Vous devrez d'abord supprimer le calque, donc dupliquer le calque de texte, puis ajouter un autre calque au-dessus du calque dupliqué. Sélectionnez maintenant votre calque de texte dupliqué et votre calque vide. pour aplatir les deux couches. Cette méthode supprime non seulement le calque, mais ne supprime pas non plus le style de calque.
Créez maintenant une impression de profondeur en allant dans Édition-->Transformation-->Perspective.
Étape 5
Copiez le texte déformé deux fois, créez un dossier, placez ces trois calques dans ce dossier, nommez le dossier "texte" et nommez les trois calques de texte "avant" (haut) "milieu" (milieu) "arrière" (bas) .
Utilisez les flèches haut, bas, gauche et droite du clavier pour déplacer les calques « milieu » et « arrière » vers la droite. L'effet est comme indiqué dans l'image ci-dessous. Comme vous pouvez le voir, la couche « intermédiaire » est plus proche de la couche « avant » et la couche « arrière » est plus éloignée de la couche « avant ».
Étape 6
Sélectionnez le calque "milieu", définissez son remplissage sur 0%, double-cliquez sur le calque "milieu", ouvrez le panneau de style de calque et définissez la superposition de dégradé, comme indiqué sur la figure.
Étape 7
Créez un nouveau calque au-dessus du calque "avant" et nommez-le "chrome grad". Maintenant, maintenez la touche Ctrl enfoncée et cliquez sur le calque "avant" pour obtenir la sélection du calque de texte, sélectionnez l'outil de dégradé et ouvrez l'éditeur de dégradé, comme indiqué. dans la figure ci-dessous, sélectionnez le dégradé appelé "chrome", revenez au panneau des calques, sélectionnez le calque "chrome grad", extrayez un dégradé du coin supérieur gauche au coin inférieur droit dans la sélection, et enfin sélectionnez le mode de fusion des calques à une lumière douce.