Utilisation d’images avec dégradé<br />Où comment accentuer l’emphase sur le sujet principal des images utilisées dans une...
Aren’t they cute?<br />Aren’t they cute?<br />Voici une première manière (malheureusement) courante de mettre du texte sur...
Les deux pandas du premier plan ne ressortent pas assez et l’œil est distrait par les autres pandas à l’arrière-plan.</li>...
Aren’t they cute?<br />
Aren’t they cute?<br />
Aren’t they cute?<br />Aren’t they cute?<br />Le résultat ici est presqu’identique et n’utilise que les outils fournis par...
Aren’t they cute?<br />Aren’t they cute?<br />1<br />2<br />On passe du noir au gris intermédiaire puis au blanc en positi...
Prochain SlideShare
Chargement dans…5
×

Le dégradé pour les images

725 vues

Publié le

Il arrive fréquemment que l'on utilise une image en "plein écran" dans une présentation et qu'on lui adjoigne un texte (simple).
Or le texte est couramment illisible sur l'image et l'image elle-même n'est peut-être pas bien focalisée sur son sujet principal (cas de photos de qualité non professionnelle).
Pour palier ces deux soucis, il existe une solution simple mise en oeuvre dans ce tutoriel.

Publié dans : Art & Photos
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
725
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Le dégradé pour les images

  1. 1. Utilisation d’images avec dégradé<br />Où comment accentuer l’emphase sur le sujet principal des images utilisées dans une présentation.<br />www.slideshare.net/inCreaZ<br />Octobre 2011<br />
  2. 2. Aren’t they cute?<br />Aren’t they cute?<br />Voici une première manière (malheureusement) courante de mettre du texte sur une image.<br />Elle comporte 2 inconvénients majeurs :<br /><ul><li>Le texte n’est pas lisible (et ceci est vrai quelque soit sa couleur)
  3. 3. Les deux pandas du premier plan ne ressortent pas assez et l’œil est distrait par les autres pandas à l’arrière-plan.</li></ul>Dans la suite, on considère qu’il n’est pas possible d’obtenir une « meilleure » photo (ce qui passerait par une plus grande ouverture lors de la prise pour « floutter » le fond)<br />Une manière légèrement plus élaborée et beaucoup plus courante.<br />Bien que permettant la lecture correcte du texte, cette manière de faire coupe artificiellement l’image et ne résout pas vraiment le problème de l’arrière-plan.<br />Une variante fréquente introduit un peu de transparence dans le blanc du texte; on se retrouve alors au point de départ (affaiblissement de la lisibilité du texte et réintroduction de l’arrière-plan)<br />
  4. 4. Aren’t they cute?<br />
  5. 5. Aren’t they cute?<br />
  6. 6. Aren’t they cute?<br />Aren’t they cute?<br />Le résultat ici est presqu’identique et n’utilise que les outils fournis par PowerPoint (ou Keynote).<br />Il faut créer une forme (ici un rectangle) placé sur la zone supérieure.<br />On le remplit d’un dégradé de noir vers blanc, en rendant le blanc transparent. Un point intermédiaire peut être ajouté pour mieux « lisser » la transition.<br />On n’y passe que quelques minutes tout en restant dans son outil de présentation et sans besoin d’une expertise dans un outil tiers.<br />Cette version montre un dégradé masquant le fond et assurant une parfaite lisibilité du texte.<br />Le recours à un logiciel dédié (ici LightRoom 3) permet de placer sur la partie supérieure un « filtre gradué » en 5 secondes.<br />L’énorme intérêt de cette technique réside dans sa simplicité et sa flexibilité.<br />On notera que le haut du dos des deux pandas a un peu « souffert » mais un peu plus de temps passé aurait corrigé ce léger défaut.<br />
  7. 7. Aren’t they cute?<br />Aren’t they cute?<br />1<br />2<br />On passe du noir au gris intermédiaire puis au blanc en positionnant les points de transition vers le bas afin de bien noircir la zone supérieure et amorcer une transition douce vers le bas de l’image.<br />Aren’t they cute?<br />Aren’t they cute?<br />4<br />3<br />On positionne la transparence des points de transition. On voit que la transparence du blanc est totale et c’est ce qui fait toute la différence!<br />
  8. 8. http://flic.kr/p/awejtk<br />Photos :<br />http://flic.kr/p/awejt8<br />License : Paternité, Partage selon les Conditions Initiales<br />Auteur : ChAPoirier<br />Century Gothic<br />Polices :<br />Cooper Black<br />www.inCreaZ.com<br />@inCreaZ<br />www.slideshare.net/inCreaZ<br />

×