Du veux donner une touche spéciale à tes textes, mais tu as peu de temps ? Pas de problème ! Avec Photoshop, tu peux créer en quelques étapes de chouettes effets typo rapidement. Dans ce tutoriel, je vais te montrer cinq techniques rapides et simples pour rendre ta typographie créative et moderne. Du Neon-Glow aux looks métalliques en passant par les effets déformés - ces Quickys apportent de la variété et du style à tes designs. Allons-y et mettons en valeur tes textes !
1. Effet de contour rétro pour les titres
Particulièrement pour les flyers et les fonds d'écran, tu peux créer rapidement des contours rétro créatifs avec l'option de remplissage Lueur externe.
Étape 1 : Positionner le texte
Comme image de départ, je prends un fond de rayons avec un texte légèrement tourné. Le texte est écrit avec la police Eight Track en 300 Pt.
Étape 2 : Lueur externe comme dégradé
La Lueur externe en tant qu'option de remplissage est généralement utilisée comme une lueur/ombre claire ou sombre. Photoshop offre également la possibilité d'appliquer un dégradé comme lueur au lieu d'une couleur.
Avec des réglages précis sur du texte, divers effets de contour peuvent être obtenus, chacun pouvant être varié avec différentes méthodes de remplissage. Grâce à la disponibilité et à la facilité de création de dégradés adaptés, une variété infinie d'effets de contour peut être obtenue, encadrant les polices de manière délicate ou psychédélique.
La Taille dans la boîte de dialogue des options de remplissage indique la taille de la lueur externe. Le Remplissage inférieur indique à quel point l'effet doit agir directement sur le texte. La technique importante est la précision.
Agréablement : Sous le préréglage Effets spéciaux, on trouve un dégradé discontinue, qui peut être utilisé pour un effet rétro réussi. Les couleurs peuvent également être facilement ajustées. Si tu aimes, tu peux aussi laisser les contours extérieurs s'estomper en transparence.
L'effet de contour rétro est prêt :
2. Effet de contour effiloché pour les titres
Un effet de contour effiloché peut être parfaitement utilisé dans des flyers grungy ou pour les titres. L'effet en lui-même est rapide à réaliser.
Étape 1 : Positionner le texte sur un fond blanc
Le fond est blanc. J'écris les lettres PSD avec l'outil de texte dans une police Army de 600 points.
Étape 2 : Sélectionner les lettres Je sélectionne les lettres de la couche de texte en maintenant Ctrl et en cliquant sur la miniature de la couche du texte.
Étape 3 : Modifier la sélection En utilisant le raccourci Ctrl+Alt+R, j'ouvre la boîte de dialogue Améliorer le contour. J'y définis un Contour progressif pour ma sélection. La valeur concrète peut varier en fonction de la taille du texte.
Étape 4 : Créer un nouveau calque et le remplir de couleur Je crée un nouveau calque avec le raccourci Ctrl+Maj+Alt+N et je le remplis d'une couleur quelconque. Seule la zone sélectionnée est remplie de couleur.
Je peux désactiver la couche de texte et annuler la sélection avec le raccourci Ctrl+D.
Étape 5 : Convertir en objet dynamique J'applique la Contour progressif à la couche de lettres et au calque blanc, et je convertis les deux en un objet dynamique.
Étape 6 : Appliquer le filtre intelligent Aquarelle J'applique le filtre artistique Aquarelle trois fois sur mon objet dynamique.
- Passage
| Détails du pinceau : | 6 |
| Zone d'assombrissement : | 0 |
| Structure : | 2 |
Les réglages peuvent varier en fonction de la couleur choisie, de la taille du contour progressif et de la taille du texte.
- Passage
| Détails du pinceau : | 14 |
| Zone d'assombrissement : | 0 |
| Structure : | 2 |
- Passe de pinceau détails:
| Zone obscurcie: | 0 |
| Structure: | 2 |
Après deux passages, on peut déjà constater l'apparition d'un effet de bord irrégulier et effiloché. Avec un troisième et éventuellement un quatrième passage, je peux affiner l'effet si nécessaire.
Cet effet peut être utilisé efficacement en tant que composant de texte pour des arrière-plans grungy. L'arrière-plan montré ici est inclus dans ce tutoriel en tant que matériel de travail.
En visualisation avec le mode Couleur plus sombre à 85 % de l'opacité, l'arrière-plan est en mode Normal également à 85 % de l'opacité:
Dans une vue différenciée avec le mode Différence à 100 % de l'opacité, l'arrière-plan est en mode Normal à 50 % de l'opacité:
3. Effet de réflexion simple en 3D
Un effet de réflexion simple pour les polices, qui agit de manière très simple sans en faire trop, se crée en suivant ces quelques étapes.
Source de l'image : Akhilesh Sharma - Fotolia.com.
Étape 1 : Définir l'image en miroir comme motif
La première étape pour cet effet consiste à définir l'image qui doit être réfléchie à l'intérieur du texte comme motif. Je le fais avec l'image ouverte via le menu Édition>Définir le motif.
Étape 2 : Placement du texte Je place mon texte avec une Arial de 300 points dans mon document. Le document a une taille de 800x600 pixels et un arrière-plan noir.
Étape 3 : Option de remplissage en contour J'ouvre les options de remplissage de mon calque de texte et sélectionne l'onglet Contour. Je choisis comme type de remplissage Motif et clique sur le motif prédéfini dans la Prévisualisation de motif.
Autres réglages:
| Taille : | 3 px |
| Position : | Centre |
| Échelle : | selon les besoins, c'est-à-dire en fonction de la taille du motif défini auparavant; dans ce cas, 35 % |
Avec la souris, je peux placer très précisément le motif dans l'image tel que je veux qu'il apparaisse dans le contour du texte. Je peux confirmer les réglages avec OK.
Étape 4 : Définir l'option de remplissage comme un calque Avec un clic droit, je peux créer un calque à partir de mon style de calque. Le contour se trouve désormais sur un calque dans le panneau des calques. Je place le calque en dessous de mon calque de texte.
Étape 5 : Superposition de motif Dans les options de remplissage du calque de texte, je choisis l'onglet Superposition de motif et y sélectionne le motif défini précédemment. À l'aide du curseur de mise à l'échelle, je réduis mon motif jusqu'à ce qu'il corresponde visuellement. Avec la souris, je peux placer le motif dans l'image exactement comme je veux qu'il soit affiché à l'intérieur du texte.
Étape 6 : Affiner le contour Pour que l'effet paraisse réaliste, je déplace un peu le calque de contour vers le bas et vers la gauche avec les touches de direction du clavier, créant ainsi une légère perspective 3D.
Ensuite, pour apporter un peu de brillance à la réflexion, je crée un contour extérieur d'1 pixel avec le remplissage en motif sur le calque de texte. Comme le contour d'un pixel est vraiment très discret, il peut également être affiché dans la partie supérieure du texte. Si l'effet est trop fort, il suffit de réduire légèrement l'opacité.
Cela ajoute une belle autre réflexion lumineuse. Un effet de réflexion simple en 3D est ainsi achevé.
4. Effets de dégradé de réflexion dans les textes et formes
Il convient de noter que j'ai été inspiré pour ce tutoriel par Scott Kelby, qui a expliqué cet effet dans son livre "Scott Kelby : Photoshop CS4 Down & Dirty Tricks".
Scott Kelby a expliqué la création de l'effet en 12 étapes pour deux lettres. Voici comment il a procédé :
- Créer du texte
- Rasteriser le texte, sélectionner et tirer le premier dégradé
- Dupliquer la couche et tirer le dégradé opposé
- Découper le dégradé avec une sélection elliptique
- Transformer la sélection
- Inverser et supprimer la zone de dégradé sélectionnée
- Ajouter un contour
- Ajouter un bord plat et un relief
- -12. Répéter les étapes pour la deuxième lettre
L'effet est un petit accrocheur sympa. Cependant, le chemin pour y parvenir ne permet qu'un résultat statique. Le texte ne peut pas être modifié car il a été mis en raster dès le début. Pour chaque lettre supplémentaire, je dois refaire une grande partie des étapes.
Dans mon tutoriel, je veux montrer un moyen qui laisse ouverte la possibilité de modifier davantage le texte. De plus, avec cet effet, d'autres lettres peuvent être ajoutées plus rapidement.
Étape 1: Créer un dégradé
Pour créer cet effet de manière plus rapide, je crée un dégradé double en tant que motif. Pour cela, j'ouvre d'abord dans mon document de taille 1000x600 pixels le menu Dégradé, en cliquant sur l'outil Dégradé (G) activé sur l'aperçu de dégradé dans la barre de menu.
Je crée maintenant le dégradé qui doit être placé comme réflexion avec un dégradé double dans le texte.
Le dégradé a la disposition suivante:
Gris - Blanc - Noir - Gris
J'ajoute les interruptions de couleur manquantes en cliquant à côté d'une interruption de couleur existante et je les positionne en les faisant glisser à l'endroit souhaité. Je peux changer la couleur de l'interruption de couleur via le sélecteur de couleur dans le menu Dégradé.
La transition du blanc au noir est raide. Les pots de peinture ne doivent pas se superposer complètement, mais être légèrement décalés. Sinon, la transition aura plus tard de légers effets d'escalier. Le lissage à 30 pour cent assure que le dégradé dans la zone grise est bien doux.
Si nécessaire, je peux également enregistrer le nouveau dégradé dans l'aperçu de dégradé, en le déclarant avec un nom au choix comme Neu. Ensuite, je confirme mes paramètres de dégradé en cliquant sur OK.
Étape 2: Courber le dégradé
Je tire le dégradé avec l'outil Dégradé du bas du document vers le coin supérieur gauche.
En raison de l'arc dans le dégradé, je ne peux malheureusement pas effectuer toutes les modifications en utilisant uniquement une superposition de dégradé. La solution est d'appliquer le dégradé courbé en tant que motif.
Avec Ctrl+T>Courber, je définis maintenant une légère courbure afin que la transition noire soit courbée. Pour cela, je fais légèrement glisser ma grille de courbure vers le haut à gauche.
Étape 3: Définir le dégradé comme motif Je peux maintenant définir le dégradé double courbé comme motif. Pour cela, je sélectionne dans le menu Édition>Définir un motif. Le nom est : Dégradé double avec réflexion.
Étape 4: Placer du texte Pour le document, je choisis un nouveau fond rouge foncé. Maintenant, je peux déjà entrer mon texte avec une armée de 530 points. Je tape la lettre P.
Étape 5: Superposition du motif J'ouvre les options de remplissage de mon calque de texte. Dans l'onglet Superposition du motif, je sélectionne dans la liste déroulante mon motif précédemment défini.
Avec la souris, je peux maintenant simplement me rendre dans le document et déplacer intuitivement mon motif à l'endroit souhaité. Si nécessaire, je peux également ajuster la taille de mon motif, s'il est trop grand ou trop petit pour la lettre.
Étape 6: Contour Dans l'onglet suivant Contour, je définis un contour de 5 pixels d'épaisseur en position Extérieur. Le style de remplissage est un dégradé.
Je clique sur le préréglage standard Silber des préférences métalliques dans l'aperçu du dégradé.
Le contour seul ne donne pas encore l'effet désiré. Ce n'est qu'avec le Biseau et Estampage qu'il apparaît vraiment métallique.
Étape 7: Biseau et Estampage Pour l'effet métallique 3D, les paramètres dans l'onglet Biseau et Estampage sont importants. Je choisis les réglages suivants:
• Style : Contour estampé
• Technique : Arrondi
• Profondeur : 100 pour cent
• Taille : 5 pixels
• Angle et hauteur d'ombrage : 120 et 30 degrés
• Biseau lumineux : Double anneau
L'effet est terminé.
Étape 8: Autres lettres Pour d'autres lettres, je duplique simplement le calque de texte, le déplace à l'endroit souhaité et change la lettre respective dans le nouveau avec l'outil Texte.
Si nécessaire, je dois simplement ajuster la double transition dans l'onglet Superposition de motifs à la forme de la nouvelle lettre.
Si je veux encore des accents de couleur dans ma transition, je peux ajouter une superposition de couleur en mode Incrustation dans les options de remplissage.
C'est tout !
5. Texte incliné avec contour
Une belle évolution de l'effet de transition vers la réflexion précédente peut consister à ajouter un contour à mon texte et à incliner le contour avec du texte à afficher.
Dans cet exemple, chaque lettre n'aura pas une réflexion individuelle, mais partagera une réflexion avec les autres; cela signifie que les lettres ne se trouvent pas sur des couches individuelles, mais ensemble sur une seule couche.
Étape 1: Ajouter un contour
Je dessine avec l'outil Forme personnalisée (U) le rectangle avec une bordure fine à partir des paramètres par défaut comme cadre pour mon texte.
Étape 2: Copier les styles de calque En maintenant la touche Alt, je fais glisser les styles de calque existants de la couche de texte vers la couche du cadre. Ainsi, j'ai copié les styles de calque pour le cadre. Si nécessaire, j'ajuste à nouveau la position spécifique de la superposition de motifs à travers les options de remplissage pour que cela paraisse propre dans la vue.
Étape 3: Convertir les deux calques en objet intelligent J'avise la couche de texte et la couche du cadre dans le panneau des calques et les convertis en un objet intelligent.
Étape 4: Transformer Je sélectionne Ctrl+T avec mon objet intelligent pour le transformer. Avec Ctrl, je peux déplacer le coin supérieur gauche vers le centre. Ainsi, le cadre et le texte s'inclinent.
Si nécessaire, je peux également déplacer les coins inférieurs individuellement en maintenant la touche Ctrl enfoncée pour renforcer l'effet d'inclinaison. Je confirme ma transformation avec Entrée.
Étape 5: Astuce de placement Il est important que le texte ait un cadre pour créer une impression d'inclinaison à basculement. Le texte seul ne parviendrait que partiellement à cet effet.
Si je veux obtenir un effet de placement particulier, je place mon texte avec le cadre de manière à ce que tout le cadre ne rentre pas dans le document. Si nécessaire, je dois recadrer le document pour obtenir cet aspect. Cela crée l'impression d'une grande taille visuelle. Le contenu ne rentre pas dans le cadre du document, il est trop grand. Cela permet de transmettre, dans un sens figuré, la grandeur du contenu. Par exemple, le SPIEGEL a placé le nom de Google sur la couverture de sorte que Google ne rentre pas complètement dans la couverture. Cela illustre de la manière la plus simple la grandeur et la puissance particulière de Google.
