Comment créer un effet de texte inspiré des années 80 dans Adobe Photoshop

Ce que vous allez créer

Nous honorons la langue et la culture allemandes cette semaine pour célébrer le lancement du Version allemande de Envato Elements

Dans ce didacticiel, vous allez apprendre à créer un effet de texte à l'aide de fonds de dégradé et de styles de calque dans Adobe Photoshop. Cette semaine est consacrée à la culture allemande, nous allons donc utiliser la phrase allemande "Aller Anfang ist schwer" qui signifie "Tous les débuts sont difficiles".

J'ai créé des effets de texte Modern 80s avec des effets de texte illimités en utilisant la même méthode que pour mon portefeuille GraphicRiver..

Atouts du tutoriel

Vous aurez besoin des polices suivantes pour compléter ce tutoriel:

  • Mexcellent Police
  • Hemi Head Polices

1. Comment préparer le document

Étape 1

Aller à Fichier> Nouveau et créez un nouveau fichier avec lequel travailler. Utilisez les paramètres suivants: Largeur: 3000 px; Hauteur: 2000 px; 300 dpi.

Étape 2

Cliquez sur T ouvrir le Outil de type horizontal et créez n’importe quel texte en utilisant la police Mexcellent avec une taille de 146 pt.

Étape 3

Sélectionnez le calque de texte puis Clic droit> Convertir en objet dynamique.

Étape 4

Créez un autre calque de texte en utilisant notre deuxième police avec 33 pt taille et déplacez-le 120 px du haut de l'objet intelligent tout en maintenant Décalage.

Étape 5

Sélectionnez le calque d'arrière-plan et Remplir avec # 231434 couleur en utilisant Maj-F5.

2. Comment créer les éléments de fond

Étape 1

Frappé U activer le Outil Rectangle. Puis créer une formeavec les paramètres suivants: 

  • Largeur: 255 px
  • Hauteur: 255 px
  • Remplir: aucun
  • Course: 5 px
  • Couleur: #ffffff

Après cela, déplacez-le vers le coin supérieur gauche de la toile tout en maintenant Décalage.

Étape 2

Clic-droit sur le premier calque de formeet sélectionnez Dupliquer.

Étape 3

Sélectionnez la deuxième forme et déplacez-la 250 px à droite en tenant Décalage.

Étape 4

Créez dix copies supplémentaires, comme auparavant, puis déplacez-les vers la droite pour remplir la totalité de la toile..

Étape 5

Maintenant, nous devons sélectionner tous les calques de forme que nous avons créés et Clic droit> Dupliquer

Étape 6

Sélectionnez les nouveaux doublons et déplacez-les 250 px bas en maintenant Décalage.

Étape 7

Dupliquez vos calques de forme pour remplir la totalité de la toile.

Étape 8

Après cela, nous devons sélectionner tous les calques de forme en utilisant Décalage et alors Clic droit> Convertir en objet dynamique.

Étape 9

Sélectionnez votre nouvel objet intelligent et appuyez sur Contrôle-t et redimensionnez la grille pour remplir la toile plus précisément.

Étape 10

Sélectionnez l'objet intelligent et accédez à Édition> Transformer> Perspective.

Étape 11

Sélectionnez le point de transformation en haut à gauche et déplacez-le de 25 ° en tenant Décalage.

Étape 12

presse Contrôle-t puis déplacez les points de transformation supérieurs vers les bords de la toile.

Étape 13

Maintenant, nous devons déplacer l'objet intelligent vers le bas 895 px en tenant Décalage.

Étape 14

Maintenant, nous devons créer un duplicata de la grille, sélectionner l’objet intelligent, puis Clic droit> Dupliquer.

Étape 15

Cliquez sur U activer le Outil Rectangle. Créez ensuite une forme au centre du documentavec les paramètres suivants: Largeur: 2100 px; Hauteur: 1050 px; Couleur: #ffffff.

Étape 16

Cliquez sur U activer le Outil Rectangle. Créez ensuite une forme au centre du documentavec les paramètres suivants: Largeur: 3000 px; Hauteur: 900 px; Couleur: # 151515.

Étape 17

Nous devons maintenant créer la dernière forme entre les calques de texte avec les paramètres suivants: Largeur: 1200 px; Hauteur: 1 px; Couleur: # 000000.

Étape 18

Maintenant, nous devons convertir nos calques de forme en objets intelligents. Clic droit> Convertir en objet dynamique.

3. Comment créer des effets pour les couches d'arrière-plan

Étape 1

Sélectionnez la première forme et changez le Mode de fusion à Recouvrir.

Étape 2

Maintenant, nous devons ajouter un Lueur externe effet dans le Style de calque panneau. Double clic sur le calque et utilisez les paramètres suivants: 

  • Mode de fusion: superposition
  • Opacité: 25%
  • Couleur: # ffc47d
  • Propagation: 2% 
  • Taille: 40 px
  • Gamme: 45%

Étape 3

Aller à Filtre> Bruit> Ajouter du bruit et utiliser leparamètres suivants: 

  • Montant: 400%
  • Distribution: Uniforme
  • Monochromatique

Étape 4

Sélectionnez l'objet intelligent avec la grille, puis cliquez sur l'icône. Créer un masque icône.

Étape 5

Sélectionnez le masque du calque etpresse Contrôle-I inverser la couleur du masque.

Étape 6

 Frappé B activer le Outil Pinceau et utilisez les paramètres suivants: 245 px; Dureté: 20%.

Étape 7

Après cela, appuyez sur Alt et Clic-droit sur le masque et dessinez un masque comme indiqué sur l'image ci-dessous.

Étape 8

Nous devons maintenant ajouter un effet de flou au masque. Sélectionnez le masque à nouveau, puis allez à Filtre> Flou> Flou Gaussien et utilisez les paramètres suivants: Rayon: 80 px.

Étape 9

Maintenant, nous devons ajouter les mêmes effets à la deuxième forme de grille et changer la Mode de fusion de la couche à Recouvrir et le Opacité à 75%.

Voici à quoi ressemblera notre image après toutes les manipulations énumérées ci-dessus:

Étape 10

Sélectionnez le prochain objet intelligent et modifiez le Mode de fusion à Recouvrir et le Opacité à 25%.

Étape 11

Aller à Filtre> Flou> Flou Gaussien et utilisez les paramètres suivants: Rayon: 250 px.

Étape 12

Sélectionnez le prochain objet intelligent et modifiez le Opacité à 75%.

Étape 13

Aller à Filtre> Flou> Flou Gaussien et utilisez les paramètres suivants: Rayon: 165 px.

Étape 14

Double clic sur le calque et ajoutez un Incrustation en dégradé en utilisant les paramètres suivants: 

  • Mode de fusion: alléger
  • Opacité: 15%
  • Angle: 125°
  • Style: linéaire
  • Échelle: 59%

Étape 15

Après cela, nous devons changer le gradient dans le même Incrustation en dégradé panneau. Double clic sur le dégradé et créez un nouveau dégradé avec les couleurs suivantes: # db9176 et # 1c1527.

Étape 16

Maintenant, nous devons éditer notre dernier objet intelligent avec la forme de la ligne. Clic droit> Modifier le contenu ouvrir l'objet intelligent.

Étape 17

Dans la nouvelle fenêtre ouverte, appuyez sur Contrôle-Alt-C et changez la taille de la toile en 1220 x 20 px.

Étape 18

Double clic sur la forme dans l'objet intelligent et ajoutez un Lueur intérieure en utilisant les paramètres suivants: 

  • Mode de fusion: écran
  • Opacité: 100%
  • Étranglement: 0%
  • Taille: 0%
  • Gamme: 50%
  • Couleur: #ffffff

Étape 19

Ensuite, ajoutez un Lueur externe effeten utilisant les paramètres suivants: 

  • Mode de fusion: alléger
  • Opacité: 100%
  • Propagation: 11%
  • Taille: 9 px
  • Gamme: 45%
  • Couleur: # ffc47d

Étape 20

Changer la Remplir de la couche à 0% puis fermez et enregistrez l'objet intelligent.

Étape 21

Aller à Filtre> Flou> Flou directionnel et utilisez les paramètres suivants: Angle: 0 °; Distance: 440 px.

Étape 22

Changer la Mode de fusion à Lumière forte.

Étape 23

Sélectionnez toutes les formes de fond tout en maintenant Décalage, puis appuyez sur le Créer un nouveau groupe icône.

4. Comment créer des effets de texte des années 80

Étape 1

Créez deux doublons du premier objet intelligent avec le texte (Clic droit> Dupliquer).

Étape 2

Rendre les deux couches supérieures invisibles et créer un autre groupe pour le premier objet intelligent.

Étape 3

Double clic sur l'objet intelligent et ajoutez un Incrustation en dégradé en utilisant les paramètres suivants: 

  • Mode de mélange: Normal
  • Style: linéaire
  • Angle: 90%
  • Reverse: On
  • Échelle: 100%

Étape 4

Après ça, Click gauche sur le Pente dans le même panneauet créez un nouveau dégradé avec les paramètres suivants: 

  • Couleur: # 5a91aeLieu: 0%
  • Couleur: # aee2f1Lieu: 22%
  • Couleur: # d3f3f9, Lieu: 51%
  • Couleur: # 3d3a3a, Lieu: 51%
  • Couleur: # 513c4f, Lieu: 60%
  • Couleur: # 8c5f92, Lieu: 75%
  • Couleur: # cc9ada, Lieu: 90%
  • Couleur: # d8b7e2, Lieu: 100%

Une fois que vous avez créé le dégradé, appuyez sur D'accord.

Étape 5

presse Faire défaut.

Étape 6

Créez un autre duplicata de l’objet intelligent et placez-le ci-dessous dans Couches panneau.

Étape 7

Déplacer la copie de l'objet intelligent 1 px à gauche et 1 px en tenant Décalage.

Étape 8

Pour créer un effet 3D factice, nous devons créer 23 duplicata supplémentaires de l'objet intelligent et les placer de manière séquentielle. 1 px et 1 px l'un à partir de l'autre, comme nous l'avons fait avec l'objet intelligent à l'étape précédente.

Étape 9

Après cela, nous devons passer au prochain objet intelligent situé au-dessus du faux groupe de calques 3D et Double clic et appuyez sur Biseau et estampage dans le Style de calque panneau. Utilisez les paramètres suivants: 

  • Style: biseau extérieur
  • Technique: lisse
  • Profondeur: 1000%
  • Taille: 2 px
  • Ramollir: 0 px
  • Ombrage: 90 °
  • Altitude: 30 °
  • Mode Highlight: Écran
  • Couleur: #ffffff
  • Opacité: 100%
  • Mode Ombre: Multiplier
  • Couleur: # 000000
  • Opacité: 100%

Étape 10

Frappé Accident vasculaire cérébral et utilisez les paramètres suivants: 

  • Taille: 4px
  • Position: à l'intérieur
  • Opacité: 75%
  • Couleur: #ffffff

Étape 11

Activer Incrustation en dégradé et ensuite frappé Réinitialiser aux valeurs par défaut.

Étape 12

Maintenant, sélectionnez le dernier objet intelligent et accédez à la Style de calque panneau. Cliquer sur Superposition de couleurs et utilisez les paramètres suivants: Mode de mélange: Normal; Opacité: 100%.

Étape 13

Aller à Filtre> Flou> Flou Gaussien et utilisez les paramètres suivants: Rayon: 15 px.

Étape 14

Changer la Opacité de la couche à 35%.

Étape 15

Sélectionnez le petit calque de texte et allez à la Style de calque panneau. Après cela, appuyez sur Ombre intérieure et définissez les paramètres suivants: 

  • Mode de mélange: Normal
  • Couleur: #ffffff
  • Distance: 5 px
  • Étranglement: 0%
  • Taille: 1 px

Étape 16

Aller à Lueur intérieure et utilisez les paramètres suivants: 

  • Mode de fusion: superposition
  • Opacité: 100%
  • Couleur: #ffffff
  • Technique: plus douce
  • Source: Edge
  • Étranglement: 0%
  • Taille: 2 px

Étape 17

Ajouter un Incrustation en dégradé dans l'objet intelligent du même panneau et utilisez les paramètres suivants: 

  • Mode de mélange: Normal
  • Opacité: 100%
  • Reverse: On
  • Style: linéaire
  • Angle: 90 °
  • Échelle: 139%

Étape 18

Après ça, Click gauche sur le Pente dans le même panneauet créez un nouveau dégradé avec les paramètres suivants: 

  • Couleur: # 2b3039 Lieu: 0%
  • Couleur: # 4f7ba0 Lieu: 28%
  • Couleur: #eafdfe, Lieu: 51%
  • Couleur: # 282021, Lieu: 51%
  • Couleur: # 2c323c, Lieu: 60%
  • Couleur: # 8c5f92, Lieu: 75%
  • Couleur: # 416286, Lieu: 90%
  • Couleur: # 6cadd8, Lieu: 93%
  • Couleur: #fffffd, Lieu: 100%  

Une fois le dégradé créé, cliquez sur D'accord.

Étape 19

Enfin, ajoutons un Lueur externe appliquer le style de calque en utilisant les paramètres suivants: 

  • Mode de fusion: alléger
  • Opacité: 75%
  • Couleur: # ffc47d
  • Propagation: 0%
  • Taille: 4 px

Étape 20

Sélectionnez tous les objets intelligents contenant le texte (y compris le groupe 3D factice) tout en maintenant Décalage, puis appuyez sur le Créer un nouveau groupe icône.

Voici comment notre image devrait ressembler à toutes les manipulations énumérées ci-dessus:

5. Comment créer des effets de lumière

Étape 1

Pour créer un look plus organique, nous devons ajouter des effets de lumière. Aller à Calque> Nouveau calque de remplissage> Dégradé.

Étape 2

Double clic sur le Remplissage en dégradé couche et utilisez les paramètres suivants: 

  • Style: linéaire
  • Angle: -55,3 °
  • Couleur: # ffdbb6
  • Position: 0
  • Opacité 100%
  • Couleur: # ffdbb6
  • Position: 100 
  • Opacité: 0%

Étape 3

Créez une copie du remplissage en dégradé à l'aide de Clic droit> Dupliquer le calque.

Étape 4

Placez chaque calque de remplissage en dégradé au-dessus de chaque calque de texte, puis, Clic droit> Créer un masque de découpage.

Étape 5

Changer la Mode de fusion du premier dégradé à remplir Recouvrir et le Opacité à 65%.

Étape 6

Changer la Mode de fusion du second dégradé à remplir Recouvrir.

Étape 7

Comme vous pouvez le constater, le second effet de remplissage en dégradé ne fonctionne pas sur le second calque de texte. Pour résoudre ce problème, vous devez convertir le calque de texte en objet intelligent à l'aide de Clic droit> Convertir en objet intelligent.

Étape 8

Créez une autre copie du dernier remplissage en dégradé, puis Clic droit> Libérer le masque d'écrêtage.

Étape 9

Aller à Calque> Nouveau calque de remplissage> Dégradé.

Étape 10

Double clic sur le Remplissage en dégradé couche et utilisez les paramètres suivants: 

  • Style: Radial
  • Angle: -90 °
  • Échelle: 250%
  • Reverse: On
  • Couleur: # 000000
  • Position: 0
  • Opacité 100%
  • Couleur: # 000000
  • Position: 100 
  • Opacité: 0%

Étape 11

Sélectionnez les deux derniers calques de remplissage en dégradé tout en maintenant Décalage, puis appuyez sur le Créer un nouveau groupe icône.

Étape 12

Changer la Opacité du groupe à 75%.

Travail impressionnant, vous êtes maintenant fait!

De cette manière, nous pouvons créer des effets de texte inspirés des années 80 dans Adobe Photoshop à l'aide d'objets intelligents, de remplissages en dégradé et de styles de calque..

J'espère que vous avez apprécié ce tutoriel et n'hésitez pas à me contacter pour toute aide. Vous pouvez également consulter mes effets de texte Modern 80s dans mon portfolio sur GraphicRiver.