La dernière fois que j'ai présenté les détails de l'amélioration de la conception Web dans Photoshop, de nombreux amis ont estimé que je ne parlais pas assez et certains amis voulaient savoir comment créer des effets de texte spéciaux dans Photoshop. En fait, dans la conception Web actuelle, il n'y a pas beaucoup d'effets de texte couramment utilisés, et les méthodes de mise en œuvre sont également très simples. J'espère donc que le contenu suivant sera utile aux novices en conception Web.
Ce tutoriel se concentrera sur 2 mots-clés : "dégradé" et "ombre".
1. Des mots avec plus de texture
Regardons d'abord le LOGO sur l'image. Il semble plus texturé. Le texte s'étend vers l'extérieur et n'est pas attaché de manière rigide à la page Web. Si vous regardez attentivement, vous constaterez facilement que Brightkite utilise des « dégradés » de couleur pour le texte. Oui, la couleur du texte n'est pas un remplissage de couleur unique, mais un « dégradé ». Pourquoi le « dégradé » semble-t-il plus texturé ? C'est parce qu'il simule l'effet de l'éclairage naturel, c'est-à-dire que la partie en surbrillance est au-dessus du texte ? texte, et la faible luminosité est en dessous. En même temps, n’ignorez pas un autre détail, qui est « l’ombre » du texte.
Alors comment faire ?
Faites attention aux numéros 2 et 3 dans l'image. Si vous ne savez toujours pas comment ajouter un dégradé, veuillez double-cliquer sur l'espace vide à droite de « Nom du calque » dans le panneau des calques, ou cliquez sur le deuxième bouton. l'image ci-dessous (dans le panneau des calques ci-dessous) pour ouvrir le panneau Styles.
"Superposition de dégradé", puis définissez comme indiqué ci-dessous. Pour la couleur du dégradé, choisissez deux couleurs de la même couleur mais avec un "contraste sombre et clair". Par exemple, dans l'exemple, un vert clair et un vert foncé. simuler l'effet d'éclairage.
D'accord, il ne reste plus que l'ombre. Cliquez sur "Ombre" sur le côté gauche du panneau de style comme d'habitude, puis définissez-la comme indiqué ci-dessous :
Examinons d'autres conceptions de sites Web qui utilisent cette méthode :
