Comment puis-je faire apparaître mon texte Photoshop comme sur le Web?

11

Dois-je vraiment tout concevoir dans Photoshop avec l'anti-aliasing réglé sur "none"? Je suis sûr qu'il existe une meilleure façon.

J'aimerais avoir un paramètre pour que lorsque vous choisissez un coffre-fort Web de base (tel que Tahoma) dans Photoshop, je puisse voir à quoi il ressemblera réellement sur le Web.

Par exemple: La différence entre Tahoma avec l'anti-aliasing réglé sur "net" dans Photoshop et son rendu dans Firefox est majeure. Il a l'air agréable et lisse dans Photoshop et ressemble à de la merde sur le Web.

Existe-t-il un choix d'anticrénelage qui est préférable de commencer (qui a le résultat le plus similaire) lors de la planification de la mise en ligne du contenu sur le Web?

jonn_g
la source
1
L'aspect d'une police «sur le Web» dépend entièrement du navigateur, des paramètres du navigateur, du système d'exploitation et des paramètres du système d'exploitation. En d'autres termes, il semble différemment pour différentes personnes.
DA01

Réponses:

10

La plupart des systèmes d'exploitation et des navigateurs effectuent un rendu avec l'anticrénelage ou l'anticrénelage sous-pixel. L'anticrénelage sous-pixel est courant sur les plates-formes de bureau, comme Windows (avec ClearType) et OS X. L'anticrénelage monochrome standard est courant sur les plates-formes mobiles, où l'ordre des sous-pixels de l'appareil peut changer avec l'orientation de l'appareil, et où le rendu des sous-pixels n'est pas '' t aussi crucial, car ils ont souvent des affichages de densité de pixels plus élevés.

Le rendu de texte aliasé est courant sous Windows XP, où ClearType est désactivé par défaut. Windows Vista et les versions plus récentes ont ClearType activé par défaut.


Le rendu dans Photoshop vs Windows vs OS X vs iOS vs Android vs WebKit vs Firefox (Gecko) sont généralement tous différents. Il n'y a donc absolument aucun moyen de créer quelque chose dans Photoshop et de savoir que le rendu du texte sera le même, sauf si vous prenez une capture d'écran et l'ajoutez à votre document en tant que couche bitmap.

Marc Edwards
la source
2
Depuis qu'il a répondu à cette question, Adobe a ajouté des options «Mac» et «Mac LCD» à Photoshop (plus des équivalents sous Windows) qui utilisent le rendu des polices système. Il est souvent très proche ou identique à Safari maintenant.
Marc Edwards
8

Non. La nouvelle approche consiste à éviter Photoshop pour la mise en page et la conception de typographie et à démarrer dans le navigateur le plus tôt possible.

En transmettant au client une URL réelle par opposition à une maquette Photoshop, vous évitez que les attentes du client ne soient anéanties lorsque le produit final est légèrement différent dans le navigateur de son choix par rapport aux compositions Photoshop.

En fin de compte, il est de notre responsabilité d'éduquer le client et de le sensibiliser aux différences typographiques inévitables qui se produisent entre les navigateurs et les systèmes d'exploitation.

Le conducteur
la source
1
Dans mon entreprise, je crée des designs et les remets à un développeur front-end. Je ne touche jamais au code. Cela dit, j'ai besoin d'une solution qui n'implique pas réellement la création de la page Web pour voir à quoi ressemble le texte.
jonn_g
2

Dans Photoshop CC, nous avons ajouté de nouveaux modes d'alias pour vos polices. Au lieu de "net" ou "fort", essayez le nouveau "Mac LCD". Vous obtiendrez une conception 100% sécurisée pour le Web.

Michael Chaize
la source
1
Il n'existe pas de «conception 100% sécurisée pour le Web», car il n'existe pas de cohérence à 100% entre les navigateurs, les polices et les systèmes d'exploitation.
DA01
1

Réponse courte: vous ne pouvez pas.

Non seulement Photoshop n'est jamais idéal pour savoir comment vos polices de caractères s'afficheront à l'extérieur, mais il n'est tout simplement pas idéal pour travailler avec les polices en général. (Quand je travaillais dans une entreprise de design / imprimerie, tout ce qui était conçu dans PS devait être exporté en PDF pour cette même raison). Vient ensuite la question du Web, ce sont les navigateurs et le système d'exploitation qui exécute ces navigateurs. Jusqu'à présent, pour autant que je sache, OS X est le meilleur en termes de rendu des polices de manière appropriée, tandis que Linux arrive en deuxième position et Windows bien sûr en dernier. En réalité, ils utilisent tous des algorithmes différents pour le rendu des polices, et vous n'obtiendrez pas le même résultat partout. S'il y avait une solution, ce serait que nous passions tous à Linux, Mac, ou attendions que Microsoft réussisse la prochaine fois avec Windows Metro (Désolé, je déteste l'appeler Windows 8) ou le souffle totalement,

Juste mes 2 cents,

Pièce

Pièce
la source
0

À mon avis, le rendu dans un navigateur se situe quelque part entre "Sharp" et "Crisp" de Photoshop sur Mac, et entre "Crisp" et "Strong" sous Windows. Je suggère d'utiliser "Crisp" pour le texte en direct aux graphistes avec lesquels je travaille. La valeur par défaut "Strong" les place toujours à la déception. ;)

Greg Perham
la source