Typos nettes et lisibles

Ce tutoriel est destiné principalement aux utilisateurs de Flash MX, On verra que sous MX 2004, une option bien utile a été ajoutée.

Tout d’abord, la cause du flou de certaines typo provient de Flash MX (et 2004) qui génère un rendu de la police en utilisant par défaut l’effet « antialiasing » . Cet effet de lissage déconne quelque peu sur vos polices vectorielles. Du coup sur des petites tailles (en dessous de 12pixels) l’effet donne l’impression que les polices bavent. Avec certaines couleurs, l’effet est encore pire (blanc sur fond noir par exemple) ...

Plusieurs options s’offrent à vous pour éviter ce problème.

Ce que je conseille vivement, c’est d’utiliser uniquement des polices Bitmap (Pixel Font en anglais). Ce sont les seules polices qui rendent le meilleur effet sur écran quelque soit le mode utilisé (aliasé ou antialiasé). Elles ont l’avantage de rester nettes et lisibles à petite taille. Téléchargeables ici par exemple : http://www.dafont.com/bitmap.php ou encore http://www.fontsforflash.com/

Neammoins quelques rêgles sont à respecter : - Utiliser la taille par défaut de la police. Elle souvent indiqué lorsque vous téléchargez la police (dans dafont.com, elle se situe à droite entre parenthèses). -Pour augmenter la taille, vous devez utiliser un multiple afin de respecter les proportions, par exemple pour 8 px : 16, 24, 32... dans ce cas vous obtiendrez un effet pixellisé, ce qui peut être le but recherché. - Utiliser des valeurs entières pour le positionnement, voir boite de propriété, traquez le texte à 112,2px par exemple et placer le à 112px (valeur entière, c’est du bitmap, il faut donc caler la police au pixel près).

Vous ne trouvez pas votre bonheur dans les polices Bitmap et vous souhaitez absolument utiliser votre police vectorielle. Comme vous l’avez constaté, en utilisant l’effet « antialiasing », la police est floue. Pour vous en convaincre, tapez du Times New Roman dans un champ de texte statique et utilisez la commande Affichage > Antialias. Vous afficherez un aperçu du texte aliasé, l’effet blur disparaît. La solution consiste donc à enlever cet effet « antialiasing ».

Pour les utilisateurs de MX 2004 aucun soucis, vous ouvrez la boite des propriétés du texte et vous désactivez l’anti-alias . C’est finit pour vous...

Pour les utilisateurs de MX, c’est plus compliqué car on ne peut pas enlever l’effet antialiasing sur un champ de texte en particulier. Une bidouille existe mais comporte des risques (bien suivre, c’est un poil compliqué à expliquer) :

Petit rappel, Lorsque vous utilisez une police installée sur votre système dans une animation Flash, ses informations sont intégrées au fichier SWF, garantissant ainsi l’affichage correct de la police dans Flash Player. Dans ce cas précis, Flash emploi l’antialiasing car il reconnaît la police. Dans certains cas, Flash ne peut pas exporter la police (allez savoir pourquoi). Il existe donc pour les textes STATIQUES une option (dans la boite des propriétés) qui s’intitule : « Utilisez les polices de périphériques ». Au lieu d’intégrer les informations de la police, Flash fait appel à des polices de périphériques. Elles ne sont pas intégrées aux fichiers Flash et par conséquent, Flash n’applique pas l’effet « antialiasing ». A partir de ce constat, la bidouille consiste à cocher cette option quelque soit votre police vectorielle utilisée et l’effet antialiasing disparaîtra.

Attention cependant, dans la mesure où les polices de périphérique ne sont pas intégrées, si l’ordinateur de l’utilisateur ne contient pas une police qui correspond à la police de périphérique, le texte pourrait avoir un aspect différent de celui que vous recherchez. Mais c’est rare sauf typo ultra compliquée niveau forme (typo arabes).

Concernant les champs de texte DYNAMIQUE et DE SAISIE, Les polices périphériques sont utilisées par défaut. Donc n’activez pas les polices de contours : « Boite de propriétés > Caractères > Utilisez les polices de contours... » sinon flash intégrerait la police et appliquerait l’antialiasing. Remarque le fait de ne pas intégrer de polices de contour à pour conséquence le même problème cité précédemment.

Maintenant, Si vous utilisez des polices classiques installées chez tout le monde, le risque est négligeable. Flash inclut d’ailleurs trois polices de périphérique appelées _sans (similaire à Helvetica ou Arial), _serif (similaire à Times Roman) et _typewriter (similaire à Courier). A utiliser pour des textes long à lire. Le _sans fonctionne très bien en 10px.

• Comme pour les polices Bitmap, utilisez des valeurs entières pour le positionnement. Dans certains cas, l’effet de flou disparait.
• N’utilisez pas de taille de police impaires (9,11,13). Elles accentuent l’effet de flou.
• Convertissez vos typo en bitmap lorsque vous utilisez peu de caractères (Ctrl+B deux fois). Vous gagnerez quelques octets et parfois l’effet de flou disparait (je dis bien parfois...)

Pour avoir des textes lisibles et propres :

• Utilisez des polices Bitmaps de préférence.
• Sinon pour des polices vectorielles, n’utilisez pas de lissage (antialiasing) sinon ça bave surtout pour les petites tailles. Dans MX2004, ça se désactive manuellement. Pour MX, utilisez l’option Polices de périphériques.
• Respectez les quelques règles que je viens d’édicter.

Avec tout ça vous êtes bon.