Conseils et idées pour concevoir avec des images floues
"La réalisation suprême est de brouiller la frontière entre le travail et le jeu."
- Arnold Toynbee
Le sujet de la discussion d'aujourd'hui est les 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 apprendrons tout sur l'utilisation des effets de flou pour rendre le texte plus lisible, diriger l'attention du spectateur et rendre les arrière-plans plus amusants. Nous examinerons également différents types de flous et comment appliquer correctement le flou sélectif.
Explorez les ressources de conception
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. Le fond photographique pourrait donner à votre design un attrait beaucoup plus grand, mais vous sacrifiez trop si vous êtes prêt à tuer votre lisibilité pour des raisons esthétiques.
Considérez la conception suivante:
Ceci est une belle pièce. L'arrière-plan est très frappant et le texte fournit un joli point focal. Malheureusement, les deux forment une relation quelque peu concurrentielle où la présence des premiers nuit à la lisibilité des seconds.
Il existe de nombreuses façons d’aborder ce problème. Comme vous pouvez le voir, j'ai ajouté une ombre portée, ce qui a aidé, mais pas dans la mesure où je l'appellerais vraiment un produit fini.
Essayons ensuite d'ajouter un flou. C'est une décision difficile car cela signifie que vous allez tuer tous les détails de cette belle image, mais en tant que designer, vous devez être ouvert à des changements radicaux!
Ici, nous pouvons voir que cela a complètement résolu notre problème. Le texte est maintenant assez lisible et attire vraiment votre attention tout en permettant à l'image d'arrière-plan d'ajouter beaucoup d'intérêt. Vous pouvez toujours distinguer la scène de base afin que vous profitiez toujours 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: ruban
Créer un effet de verre givré
On peut pousser encore plus loin cet effet en pensant à une sorte de métaphore du verre dépoli. Pour ce faire, en plus d'un flou, nous pouvons ajouter une superposition blanche et une couche de bruit.
Créez un calque noir uni dans Photoshop, puis accédez à Filtre> Bruit> Ajouter du bruit. Assurez-vous de sélectionner l'option «Monochromatique». Cela devrait vous donner quelque chose comme ceci:
Maintenant, réglez ce calque sur l'écran et réduisez l'opacité à environ dix pour cent. 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 besoin de tout brouiller. Vous pouvez toujours aider à 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 d'arrière-plan est géniale, mais détruit vraiment notre texte. Avec un peu de flou sélectif, nous pouvons garder la photo impressionnante et rendre notre texte un peu plus lisible.
Conseils pour localiser le flou
La grande chose à propos de cette technique est que vous n'avez souvent même pas besoin de la simuler. De nombreuses photos offrent une séparation complètement naturelle de la mise au point et du flou, essayez de garder le texte et les autres éléments confinés dans la zone floue pour un effet similaire à celui ci-dessus.
Si vous brouillez sélectivement une partie d'une image, veillez à réduire l'opacité de votre calque de flou, que ce soit uniformément ou progressivement à travers un masque. En général, cela vous donnera des résultats assez laids. Essayez plutôt ceci:
- É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 sélection.
- Étape 4: Revenez à l'image d'origine et appliquez maintenant le flou en utilisant la sélection active.
Ce processus peut sembler pénible, mais il donne généralement de bien meilleurs résultats que de simplement masquer la couche de flou.
Ressources:
Image: Dave Conner
Police: Homestead
Créer un effet de décalage d'inclinaison
Au cours des deux dernières années, la photographie à décalage d'inclinaison a vraiment pris son envol. Plus souvent qu'autrement, ce n'est pas un cas où le photographe utilise un objectif à décalage d'inclinaison autant que c'est 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 lançons un effet de décalage d'inclinaison, soudain, le groupe principal de bâtiments au centre attire vraiment nos yeux. Globalement, l'image est plus facile à regarder et nous obtenons instantanément une idée de l'endroit où le concepteur dirige notre attention.
Ressources:
Image: Nosha
Police: avion
Flou pour la couleur
C'est souvent le cas que j'utilise une photo uniquement pour la belle palette de couleurs qu'elle offre. Je ne suis pas forcément intéressé par le contenu, juste la palette naturelle qui résulte souvent d'une bonne photographie.
Prenez l'exemple suivant. Les couleurs chaudes sont très intenses et il y a beaucoup de contraste avec lequel travailler. La photo est si belle que vous pourriez penser que c'est une honte de la ruiner, mais tous les designs n'appellent pas une photo d'un champ au coucher du soleil.
Tout comme dans notre premier exemple, nous allons entrer et flouter 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 pris très peu d'efforts pour créer.
Ressources:
Image: Leland Francisco
Police: Vevey
Essayez différents flous
Pendant que vous expérimentez l'utilisation du flou dans votre conception, ne vous laissez pas prendre au piège de s'en tenir à une seule technique. Photoshop et d'autres programmes de retouche d'image offrent de nombreuses fonctionnalités différentes en ce qui concerne le flou des filtres.
Essayez tous les flous différents que vous pouvez trouver pour voir comment ils affectent l'image différemment, même mélangez les flous pour voir ce qui se passe. Voici quelques-uns des principaux types de flous avec lesquels vous voudrez généralement jouer:
Image originale
Flou gaussien
Flou de l'objectif
Flou de mouvement
Flou radial
Ressources:
Image: Dave Morrow
Police: Deming
Conclusion
J'espère que cette brève discussion sur les astuces et les techniques de flou vous a fait réfléchir sur la façon d'appliquer de manière créative le flou dans vos conceptions. La prochaine fois que vous serez dans une situation difficile avec du texte illisible sur un fond occupé, revenez à cet article et jetez un œil aux exemples ci-dessus pour vous aider.
Avez-vous repéré des exemples de flou intentionnel récemment utilisé dans la conception? Nous voulons les voir. Laissez un lien ci-dessous dans la section des commentaires et dites-nous ce que vous pensez de l'exemple.
