Conseils et idées pour la conception avec des images floues

"La réalisation suprême consiste à estomper la ligne de démarcation entre le travail et le jeu"
- Arnold Toynbee

Le sujet de la discussion d'aujourd'hui est des photos floues. Non, pas du genre que vous prenez accidentellement parce que vos enfants ne resteront pas immobiles. Le type intentionnel, dont l'utilisation peut servir à plusieurs fins pratiques dans la conception.

Nous allons tout apprendre à utiliser les effets de flou pour rendre le texte plus lisible, diriger l'attention du spectateur et rendre les arrière-plans plus amusants. Nous verrons également différents types de flou et comment appliquer correctement le flou sélectif.

Flou pour rendre le texte lisible

Chaque fois que vous avez une image assez chargée, il peut être assez difficile d'incorporer du texte. L'arrière-plan photographique donnera peut-être un plus grand attrait à votre conception, mais vous en sacrifiez trop si vous êtes prêt à compromettre votre lisibilité pour des raisons esthétiques.

Considérez le design suivant:

C'est une belle pièce. L'arrière-plan est très frappant et le texte constitue un bon point central. Malheureusement, les deux forment une relation quelque peu concurrentielle où la présence du premier nuit à la lisibilité du second.

Vous pouvez aborder ce problème de nombreuses façons. Comme vous pouvez le constater, j’ai ajouté une ombre portée, ce qui a aidé, mais pas au point de l’appeler un produit fini.

Ensuite, essayons d'ajouter un flou. C'est une décision difficile à prendre car cela signifie que vous allez détruire tous les détails de cette belle image, mais en tant que designer, vous devez être ouvert aux changements radicaux!

Ici, nous pouvons voir que cela a complètement résolu notre problème. Le texte est maintenant très lisible et attire vraiment votre attention tout en permettant à l’image d’arrière-plan de susciter beaucoup d’intérêt. Vous pouvez toujours distinguer la scène de base pour bénéficier de la beauté de l'image. Vous avez simplement modifié cette esthétique pour mieux répondre à vos besoins.

Ressources:

Image: Eneas De Troya
Police de caractère: Ruban

Créer un effet de verre dépoli

Nous pouvons pousser cet effet encore plus loin en pensant à une sorte de métaphore du verre dépoli. Pour ce faire, en plus du flou, nous pourrions ajouter une superposition de blanc et un calque de bruit.

Créez un calque noir uni dans Photoshop, puis sélectionnez Filtre> Bruit> Ajouter du bruit. Assurez-vous de sélectionner le paramètre? Monochromatique? option. Cela devrait vous donner quelque chose comme ceci:

Définissez maintenant ce calque sur écran et ramenez l’opacité à environ 10%. Créez ensuite un calque blanc et ramenez son opacité à environ 15%. Le résultat sera une autre interprétation unique du design original.

Localiser le flou

Gardez à l'esprit que vous n'avez pas à tout brouiller. Vous pouvez toujours améliorer la lisibilité de votre texte sans tuer l'histoire racontée par l'image. Prenons l'exemple suivant:

Ici encore, nous avons un cas où l'image de fond est géniale, mais détruit vraiment notre texte. Avec un peu de flou sélectif, nous pouvons garder la superbe photo et rendre notre texte un peu plus lisible.

Conseils pour localiser le flou

L'avantage de cette technique est que vous n'avez souvent même pas à la simuler. De nombreuses photos offrent une séparation complètement naturelle entre focus et flou. Essayez de garder le texte et les autres éléments confinés dans la zone floue pour obtenir un effet similaire à celui ci-dessus.

Si vous flouez de manière sélective une partie de l'image, veillez à ne pas réduire l'opacité de votre calque de flou, que ce soit de manière uniforme ou progressive à travers un masque. En règle générale, cela vous donnera des résultats plutôt laids. Essayez ceci à la place:

  • Étape 1: Créez un calque de flou rapide.
  • Étape 2: Appliquez un masque et utilisez un dégradé sur le mât pour atténuer le flou.
  • Étape 3: convertissez le masque en une sélection.
  • Étape 4: Revenez à l'image d'origine et appliquez maintenant le flou à l'aide de la sélection active.

Ce processus peut sembler une douleur, mais il donnera généralement de bien meilleurs résultats que le simple masquage de la couche de flou.

Ressources:

Image: Dave Conner
Police de caractère: Propriété

Créer un effet d'inclinaison

Au cours des deux dernières années, la photographie en tilt shift a vraiment pris son envol. Le plus souvent, ce n’est pas le cas du photographe qui utilise un objectif tilt-shift, mais plutôt une réflexion après coup dans l’étape de post-traitement.

Par exemple, supposons que nous travaillions sur la conception suivante. Il n'y a rien de mal à cela, mais l'image n'est pas aussi accrocheuse qu'elle pourrait l'être.

Si nous ajoutons un effet de décalage, le groupe principal de bâtiments situé au centre attire vraiment nos yeux. Globalement, l'image est plus facile à regarder et nous avons immédiatement une idée de l'endroit où le designer dirige notre attention.

Ressources:

Image: Nosha
Police de caractère: Avion

Flou pour la couleur

C’est souvent le cas que j’utilise une photo uniquement pour le joli jeu de couleurs qu’elle offre. Je ne m'intéresse pas nécessairement au contenu, mais à la palette naturelle qui résulte souvent d'une bonne photographie.

Prenez l'image suivante à titre d'exemple. Les couleurs chaudes sont très intenses et permettent de travailler avec beaucoup de contraste. La photo est si belle que vous pourriez penser que c'est dommage de le perdre, mais tous les modèles ne nécessitent pas une photo d'un champ au coucher du soleil.

Comme dans notre premier exemple, nous allons effacer tout l'arrière-plan. Cependant, cette fois, nous voulons augmenter la force du flou pour que tous les détails soient perdus. Le résultat est une belle image d’arrière-plan unique qui a nécessité très peu d’efforts de création.

Ressources:

Image: Leland Francisco
Police de caractère: Vevey

Essayez différents flous

Pendant que vous essayez d'utiliser le flou dans votre conception, ne vous laissez pas prendre au piège d'une technique unique.Photoshop et d'autres programmes de retouche d'images offrent de nombreuses fonctionnalités différentes en matière de filtres flous.

Essayez tous les différents flous que vous pouvez trouver pour voir comment ils agissent différemment sur l’image, voire même mélanger les flous pour voir ce qui se passe. Voici quelques-uns des principaux types de flou avec lesquels vous voudrez jouer:

Image originale

Flou gaussien

Flou de l'objectif

Flou de mouvement

Flou radial

Ressources:

Image: Dave Morrow
Police de caractère: Deming

Conclusion

J'espère que cette brève discussion sur les astuces et les techniques de flou vous incitera à réfléchir à la manière d'appliquer de manière créative le flou dans vos conceptions. La prochaine fois que vous rencontrerez un texte illisible sur un fond très encombré, revenez à cet article et jetez un coup d'œil aux exemples ci-dessus pour vous aider.

Avez-vous remarqué des exemples de flou intentionnel récemment utilisé dans la conception? Nous voulons les voir. Laissez un lien ci-dessous dans la section commentaire et dites-nous ce que vous pensez de l'exemple.