Share
Dans ce tutoriel, nous allons concevoir un effet de texte rétro sympa, qui devient de plus en plus populaire dans la conception actuelle. Aujourd'hui, vous allez apprendre à utiliser l'outil Perspective pour créer de la profondeur et à comprendre comment les concepteurs peuvent utiliser les dégradés par défaut de manière inhabituelle.!
Avant de commencer, jetons un coup d'œil à l'image que nous allons créer.
Notre éditeur vidéo Gavin Steele a créé ce didacticiel vidéo pour compléter ce didacticiel texte + image..
Avant de commencer, vous devez télécharger la police Sega de dafont et l’installer. L'installation est assez simple, dans le panneau de configuration, vous pouvez trouver un dossier appelé Polices, il vous suffit de coller le fichier là-bas, puis de lancer Photoshop..
La première étape est assez simple. Remplissez votre calque d'origine avec du noir et renommez-le en "arrière-plan". Tapez le texte que vous voulez, de préférence quelque chose de plus ou moins carré, comme indiqué ci-dessous. Assurez-vous que le texte est ajusté vers la gauche. À l'heure actuelle, vous devriez avoir un calque avec la couleur d'arrière-plan et un autre avec votre texte. Dans mon exemple, j'ai utilisé un texte de 100 points pour le PSD partie et 72pt texte pour la tuts partie pour faire correspondre la largeur.
Maintenant modifions un peu le texte. Ouvrez la palette de caractères pour cela (Fenêtre> Caractère). Le champ situé sous la taille du texte vous permet de définir le crénage entre les caractères. Le crénage détermine la distance entre deux personnages l'un par rapport à l'autre. Ainsi, lorsque vous sélectionnez votre outil de texte et que vous le placez entre deux caractères, vous pouvez ajuster l'espacement entre ces deux caractères..
Commençons par changer la couleur du texte en # e59710. C'est une bonne couleur de base lorsque vous visez l'or. Nous pouvons donc étirer notre texte en utilisant soit Free Transform (Command + T), soit en modifiant la taille du caractère. Après avoir agrandi le texte, ma rangée supérieure a une taille de 280 pt et celle du bas, une taille de 194,4 pt..
Maintenant, nous pouvons faire le crénage réel. Après avoir sélectionné l’outil Texte, placez le curseur entre les P et le S, et j'ai mis le crénage à -55. De cette façon, nous obtenons une très bonne connexion entre ces deux personnages. Placez ensuite le curseur entre les S et le ré, mettre le crénage à -40.
Maintenant, stylisons le texte. Pensez-y une seconde; nous voulons un bel or comme le texte, avec un bord un peu distinct et un léger aspect 3D biseauté. Il faudra donc utiliser le biseau pour obtenir de la profondeur à l'extérieur, un peu d'ombre intérieure pour la profondeur à l'intérieur et un dégradé pour les reflets..
Maintenant, pour accentuer le biseau, nous allons utiliser une lueur intérieure. En dessous, les captures d'écran sont placées par ordre décroissant en fonction de l'interface de Photoshop. En général, je commencerai par ajouter d'abord le dégradé, puis le biseau, puis les lueurs et les ombres.
Il est temps d'avoir notre point de vue! D'abord, vous devrez pixelliser la couche. Donc, dupliquez le calque de texte (conservez toujours une copie modifiable d'un calque de texte! TOUJOURS!), Puis ajoutez un autre calque par-dessus le duplicata. Sélectionnez ensuite votre texte dupliqué et votre calque maintenant vide, puis fusionnez-les à l'aide de Commande + E. Contrairement à la pixellisation d'un calque via l'onglet Calque en haut de l'écran, cette méthode rasterise également le style du calque..
Dans ce cas, c'est une bonne chose car nous voulons que le style évolue avec la distorsion. Si vous deviez le faire via l'onglet Calque, le style de calque s'ajusterait à une distorsion plane. En bref: cette méthode est préférable car elle supprime le signe fx.
Maintenant, avec votre couche de type rasterisée, vous devriez aller dans Edition> Transformer> Perspective. Saisissez le point d'ancrage en haut à droite et, tout en maintenant la touche Maj enfoncée, faites-le glisser vers le haut. De plus, vous pouvez saisir le point d’ancrage gauche et maintenir la touche Maj enfoncée tout en le faisant glisser un peu pour créer un effet de profondeur plus profond. Ensuite, réduisez un peu le texte pour vous en débarrasser..
Dupliquez le texte déformé deux fois, maintenant déposez ces trois calques dans un groupe de calques appelé "texte". Modifiez le nom du calque supérieur (des trois) en "avant", le calque intermédiaire en "milieu" et le calque inférieur en "arrière".
En utilisant les touches fléchées, déplacez les couches inférieure et moyenne vers la droite jusqu'à ce que vous obteniez quelque chose comme dans l'image ci-dessous. Comme vous pouvez le constater, la couche "arrière" doit être assez éloignée de la couche "avant", tandis que la couche "moyenne" devrait être un peu plus proche..
Sélectionnez le calque "moyen" et définissez le remplissage à 0% (le remplissage est situé sous Opacity dans la palette des calques). Maintenant, en utilisant les styles de calque, appliquez un calque dégradé. Un moyen rapide de procéder consiste à sélectionner l'option Premier plan à dégradé transparent. C’est le deuxième dégradé sur la rangée supérieure de la gauche, il suffit de cliquer sur le triangle à côté du champ de dégradé pour faire descendre les différents dégradés. Puis changez la couleur de premier plan en # 008aff.
Créez un nouveau calque au-dessus du calque "avant" et appelez-le "chrom grad". Maintenant, tout en maintenant la touche Commande enfoncée, cliquez sur le calque "avant" pour afficher une zone de sélection. Sélectionnez l'outil Dégradé (maintenez le bouton de la peinture enfoncé, puis sélectionnez l'outil Dégradé) et choisissez le dégradé chromé. Maintenant, lancez ceci du coin supérieur gauche au coin inférieur droit de votre zone de sélection. Puis changez le mode de fusion du calque en lumière douce..
Créez un ensemble de couches entièrement nouveau et appelez-le "fusées éclairantes". Maintenant, si ce groupe de calques se termine dans le groupe de calques "texte", vous pouvez simplement le faire glisser et le positionner au-dessus du jeu de couches "texte". Maintenant, à l'intérieur du calque "flous doux", créez un nouveau calque et appelez-le "surligner les reflets". Remplissez ce calque de noir, puis sélectionnez Filtre> Render> Lens Flare, puis choisissez l’objectif 100mm Prime avec une luminosité par défaut de 100%..
Placez le surlignage où vous voulez, je le mets en haut de la lettre S dans TUTS. Changez le mode de fusion de ce calque en lumière douce et dupliquez-le. Maintenant placez-le ailleurs, je le mets entre le P et le S.
L’utilisation d’un masque efface une partie de la copie car, lorsque deux couches de noir se chevauchent, la luminosité du texte est perceptible. Ensuite, utilisez un pinceau noir pour remplir toutes les zones transparentes des deux couches, apparues lors de la rotation et du redimensionnement des lumières..
Ceci est important car encore une fois, cela sera visible sur les éléments d’arrière-plan, qui seront ajoutés ultérieurement. Il est préférable de résoudre le problème maintenant, puis d'y revenir plus tard et d'identifier le calque à l'origine du problème, en particulier dans les projets où les calques dépassent la barre des 100. Cela peut être un problème très gênant..
Comme vous pouvez le voir sur la dernière capture d'écran, les ensembles "texte" et "soft flares" ont été déposés dans l'ensemble "psdtuts". Ajoutons une réflexion. Dupliquez cet ensemble et rastérisez-le comme nous le faisions auparavant. Créez un nouveau calque, sélectionnez-les tous les deux et appuyez sur Commande + E.
Allez dans Edition> Transformation> Retourner verticalement et positionnez le reflet sous le texte d'origine. Allez dans Edition> Transformation> Inclinaison pour corriger la réflexion (car nous avons besoin de la T de TUTS s'aligner). Saisissez le point d'ancrage central gauche et faites-le glisser vers le haut. Ajoutez un masque au nouveau calque appelé "réflexion", puis utilisez un dégradé noir à blanc (vous pouvez simplement sélectionner le dégradé par défaut en appuyant sur D sur votre clavier pour rétablir les couleurs par défaut), puis créer un joli fondu..
Entre le calque "réflexion" et le jeu "psdtuts", créez un nouveau calque et nommez-le "front de lumière parasite". Remplissez-le de noir et sélectionnez Filtre> Render> Lens Flare, puis sélectionnez le zoom 50-300mm à une luminosité de 100%. Placez ce calque sur un endroit agréable et réglez son mode de fusion sur Dodge linéaire (ajouter)..
Dupliquez le calque "flare front", définissez le mode de fusion sur Screen au lieu de Dodge linéaire (ajouter). Ensuite, déplacez-le sous le "psdtuts" pour le positionner derrière le texte. Appelons cette couche "flare back".
Ouvrez un nouveau document (Commande + N) d’une taille de 40 pixels par 2 pixels. Sélectionnez la moitié de ce document avec l'outil de sélection rectangulaire et remplissez-le de noir. Pour être plus précis avec la sélection, vous pouvez activer les règles en appuyant sur Commande + R. Ensuite, sélectionnez Edition> Définir un modèle et attribuez un nom à ce modèle..
Fermez ce fichier et revenez à notre fichier d'origine. Juste au-dessus du calque "background", créé au début de ce tutoriel, créez un nouveau calque. Allez dans Edition> Remplir et choisissez le motif que nous venons de créer. Cela devrait remplir l'écran avec le motif. Définissez le remplissage sur 0%, puis à travers les styles de calque, ajoutez une superposition de couleur avec la couleur # dd04ad. Réduisez l'opacité de cette superposition à 64%.
Appuyez sur Command + T, redimensionnez et faites pivoter les bandes de 90 degrés. Appuyez sur Entrée et sélectionnez Edition> Transformer> Perspective. Et tout comme nous l’avions fait auparavant, sauf que cette fois-ci sur le côté droit, vous devez saisir le point d’ancrage du coin supérieur, puis faites-le glisser tout en maintenant la touche Maj enfoncée. Cela rétrécira ce côté, ce qui donnera l'impression qu'il s'éloigne de vous..
Sur le côté gauche, vous saisissez le coin supérieur et faites-le glisser vers le haut, tout en maintenant Shift, ce qui donne l’impression qu’il s’apparente à vous. Remarquez l'effet amusant que vous obtenez avec le texte placé sur une partie des lignes, il semble que les lignes se plient, mais ce n'est pas le cas! Et c'est tout! Amusez-vous à expérimenter avec cet effet de texte!
Accentsconagua