Rendre une image légèrement floue 
Auteur : S. Lamine
Visité 1990,
Followers 1,
Partagé 0
Bonjour.
J’aimerai savoir comment rendre flou légèrement une image comme celle du site : http://www.smstecnology.com/ (cas de l’ordinateur en entête).
Merci de votre réponse.
Bien cordialement
Posté le
Salut Lamine,
Il suffit d'ajouter un filtre "flou" sur l'image originale. Avec certains logiciels photo on peut jongler sur l'effet du flou pour augmenter ou diminuer le rayon de floutage.
Je viens de te faire un test rapide à l'instant même avec une photo de mon petit chien, le tout en moins d'une minute. Voir ma copie écran jointe.
@+, et bonne continuation,
J.P.
Hello les amis,
Jipé à tout à fait raison sur la manière de traiter une image pour la flouter.
Cependant dans WSX5 on peux également le faire, Etape 1/personnalisation du modèle/en-tête/chargez une image/sélectionnez-la puis appliquez un effet flou (case à cocher) dans le menu en bas à droite de la fenêtre (Type d'effets).
Sinon, il existe une autre solution simple pour réaliser ce que vous demandez grâce à un logiciel gratuit fort sympathique : Photofiltre (logiciel 100% gratuit et non limité)
http://photofiltre.free.fr/frames.htm
Ouvrez Photofiltre, puis ouvrez votre image, puis rendez-vous dans le menu filtre/atténuation/ puis choisissez un filtre (il y en à plusieurs avec plusieurs niveaux de flou) comme adoucir par exemple.
Il est également possible de régler le niveau de flou en allant dans le menu Edition/Attenuer Adoucir (réglage précis avec une jauge gauche-droite).
Pour aller jusqu'au bout et obtenir un effet similaire à celui du site que vous nous montrez en lien, allez dans le menu filtre/couleur/coloriser/bleu, vous obtiendrez alors le flou plus la colorisation de l'image.
Cordialement,
Arnaud
Salut à vous,
Entièrement d'accord avec ta démonstration Arnaud, mais perso j'hésite à utiliser les effets de personnalisation des images directement sur le logiciel car nous avions vu, il y a quelques temps déjà, que le logiciel alourdissait considérablement les images traitées. Je ne sais pas ce qu'il en est avec la toute dernière version. A vérifier...
J'ai tellement pris l'habitude de traiter mes photos en dehors de WX5 que j'en ai oublié cette fonction !
@+ et bonne continuation à tous,
J.P.
Re Salut à vous,
Je viens de faire un petit test histoire de vérifier la chose. Photo originale de 112 Ko, puis masque depuis le logiciel. Après vérification dans la library la photo ne fait que 113 Ko.
Avec photo plus lourde de 3,01 Mo : après avoir appliqué le filtre 3,08 Mo.
Donc les grosses différences (souvent plus d'un Mo) qui existaient avant ne sont plus d'actualité. Tant mieux, c'est une bonne nouvelle.
@Vos tests pour confirmer ou me contredire,
J.P.
Hello Jipé
Je viens de faire un test sur une image avant et après traitement avec effet flou (WSX5 V11 pro) : sans l'effet : 5,7ko, avec effet : 22.7ko = +17ko
On constate effectivement un accroissement du poids du fichier, d'où la nécessité de bien optimiser les images en amont avec un logiciel tiers de traitement d'images avec lequel on peux aisément flouter les images.
Qu'on ne s'y trompe pas, je ne dit pas qu'il faille utiliser absolument la fonction interne à WSX5 pour flouter ou ombrer une image, mais juste que le logiciel la propose.
Personnellement, je privilégie aussi le traitement d'image dans un logiciel tiers (plus pratique), mais la fonction interne de WSX5 permet une transformation non destructive en temps réel sur les images (d'où la prise de poids des fichiers) que l'on peux activer ou désactiver à loisir sans altérer l'image d'origine.
Cordialement,
Arnaud
Salut Arnaud,
150% d'accord avec toi
... J'adhère totalement à tes idées !
@+, J.P.
(Traduit par Google)
Vos solutions sont excellentes.
Si il peut être utile, je ajouter une autre solution simple, directement via le code CSS.
Groupe | Expert | HEAD (/ HEAD)
<style> #NomSujetDiv{ -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); } </style>
Exemples personnalisé:
http://www.zspace.it/kolasim/prove/filtri_K1.html
http://www.zspace.it/kolasim/prove/filtri_K2.html
http://www.zspace.it/kolasim/prove/nofiltri_K1.html
_____________________________________
(IT)
Le vostre soluzioni sono ottime.
Se può essere utile, aggiungo un'altra soluzione semplice, direttamente via codice CSS.
Pannello | Esperto | HEAD (/HEAD)
<style>#NomeDivOggetto{ *** } </style>
esempi custom: ***
______________________________________
.
ciao