2009-06-30 6 views
3

J'ai fait concevoir mon site à travers un designer, j'ai cette image, je veux utiliser le même type d'image pour les autres menus de navigation que je veux ajouter maintenant, mon designer n'est pas en m'en fournissant des psd.reconnaître l'effet de texte sur une image pour photoshop

http://i42.tinypic.com/2afc4fm.jpg http://i42.tinypic.com/2afc4fm.jpgalt text http://i44.tinypic.com/ixtann.jpg

Comment puis-je savoir quels sont les effets de texte et les polices que je devrais utiliser dans Photoshop pour obtenir le même genre de résultat?

Merci.

Répondre

2

C'est pas une question de programmation, mais je pense que je peux vous aider.

  • Font-face: Verdana (régulier)
  • Taille du texte: 14/15pt Couleur: # 333333
  • texte a un style de calque> biseau & emboss> Style: Emboss
    • Taille & ramollir les deux 0px
  • texte à gauche: direction biseau vers le haut
  • texte à droite: direction du biseau vers le bas

Si vous jouez avec les angles d'ombrage, vous devriez pouvoir reproduire l'effet.

0

Calque> Style de calque> biseau et gaufrer

mais cela peut être réalisé sans une image dans les navigateurs qui prennent en charge la propriété text-shadow css

Quelque chose comme ça

text-shadow: 0px 1px 0px #B5B5B5; 
0

What the font a satisfait mes besoins de reconnaissance de police jusqu'ici.

0

Il semblerait que le traitement du texte soit un peu incohérent. Dans l'image de gauche, l'effet est un biseau en relief qui vient vers vous et dans la droite, c'est un effet de lettre-presse.

L'image de droite est un peu plus complexe du point de vue du traitement de texte. Dans Photoshop, sélectionnez le calque de texte et regardez vers le bas de votre menu de calques pour 'fx'. Choisissez 'fx' et une fenêtre apparaîtra.

Sélectionnez la superposition de dégradés et définissez le dégradé en utilisant le blanc comme couleur de premier plan et le noir comme couleur d'arrière-plan (par défaut, cela doit être le cas). Ramenez l'opacité à environ 15%.

Ensuite, regardez dans la barre latérale gauche pour faire de l'ombre et sélectionnez. Choisissez la superposition au lieu de la normale dans la liste déroulante et changez votre couleur en blanc (en cliquant sur l'échantillon noir à côté de la liste déroulante). Tous vos angles/direction devrait être de 120 degrés pour cela. Tout en restant dans les options déroulantes, réglez votre distance à 2px et votre taille à 3px.

Enfin, appliquez une ombre intérieure. Probablement la distance et la taille devraient refléter celle de l'ombre portée donnée ci-dessus.Pour l'arrière-plan des onglets, on dirait qu'ils font deux choses:

D'abord appliquer une superposition de dégradé sur l'onglet puis un léger effet d'éclairage. En fait, l'effet d'éclairage pourrait être difficile à reproduire à cette subtilité, alors faites l'une des deux choses. Créez un autre calque en haut de l'onglet et créez une sélection à partir de l'onglet existant (vous devez vous assurer que le premier calque d'onglet est pixellisé pour ce faire) et remplir avec du blanc. Appliquez ensuite l'effet d'éclairage et ajustez l'opacité du calque pour obtenir l'effet désiré. OU si vous êtes un peu artistique, vous pouvez utiliser l'outil pinceau avec un faible poids de remplissage et d'opacité pour repérer essentiellement l'onglet au milieu avec du blanc. Pour l'image sur la droite, utilisez le même processus pour traiter l'onglet il suffit de changer la couleur de remplissage ou le dégradé de superposition des couleurs de premier plan et d'arrière-plan et pour le texte utilisez une ombre portée simple avec la distance 2 ou 3px et la taille 2px.

Il existe un good tutorial here sur l'effet de typographie (faites défiler vers le bas un peu pour voir l'instruction).

Espérons que ça aide.

Questions connexes