28 juil. 2010

Concevoir son background opaque

Lorsque le background de votre blog est chargé, un fond opaque dans la zone des articles permet de les rendre lisibles, tout en laissant apercevoir le fond général.

Pour réaliser un fond opaque, plusieurs solutions possibles :
LE CREER AVEC PAINT
Pour créer son propre fonds opaque, il faut tout d'abord dessiner un damier de 8 X 8 pixels.

Si vous utilisez Paint par exemple, sélectionnez ce format dans les attributs de votre dessin et alternez les cases de couleurs et les cases blanches comme pour obtenir le damier ci-dessous. Chaque
point correspondant à un pixel, il n'y a donc pas besoin de tracer de quadrillage au préalable.



Bien entendu, dans l'exemple ci-dessus, je fais figurer des cases noires pour obtenir un filtre opaque noir. Vous pouvez remplacer ces cases par la couleur que vous voulez voir ressortir pour votre
filtre.

Je vous conseille de sauvegarder en JPEG dans un premier temps, pour conserver vos couleurs, la sauvegarde en GIF pouvant faire "baver" votre couleur sur les cases blanches.

Ouvrez ensuite votre fichier dans un logiciel graphique qui gère la transparence, comme Microsoft Photo Editor. Sélectionnez le blanc comme couleur de transparence, sauvegarder en GIF cette fois-ci
(le format JPEG ne gère pas la transparence).

Votre filtre opaque est prêt.
LE CREER AVEC PAINT SHOP PRO
Lorsque vous utilisez l'Outil Pot de Peinture, cette fenêtre s'ouvre :


Vous choisissez Dégradé dans le menu du haut, et là se trouvent les différents fonds opaques déjà installés dans le logiciel.
Pensez à sauvegarder en .gif pour préserver l'opacité : Fichier > Exporter > Fichier gif optimisé
UTILISER DES GENERATEURS EN LIGNE
Rendez-vous sur LABSRAILYOU2

Choisissez l'opacité désirée :
  • slash
undefined
  • Strip
undefined
  • Dot
undefined
  • Gradiation
undefined

Choisissez les couleurs, dimensions, le degré de transparence ou d'opacité.

Le générateur vous donnera une adresse d'image. Vous l'utiliserez pour complétez votre CSS.

Aucun commentaire:

Enregistrer un commentaire

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)