Concevoir à partir d'une photo Conseils rapides et meilleures pratiques

La photographie est la meilleure chose à frapper le design depuis la typographie. Une photo de qualité peut faire bien paraître un pauvre designer et un bon designer. Il peut transmettre des émotions, apporter des couleurs, fournir et fournir un point focal fort.

Aujourd'hui, nous allons examiner quelques astuces, techniques et idées pour concevoir de superbes photographies.

Où puis-je trouver de bonnes photos?

Tout d’abord, la photographie est l’une des meilleures compétences que vous puissiez acquérir en tant que designer. Les photographes créent des images, les concepteurs utilisent des images pour communiquer; les deux domaines ne pourraient tout simplement pas être plus complémentaires s'ils essayaient.

Nous allons bientôt publier un article qui traite davantage de ce sujet, je ne vais donc pas aller plus loin, sauf pour dire que vous devriez jeter un œil à PhotoTuts, un blog génial qui peut vous aider à devenir un meilleur photographe, peu importe où vous vous trouvez actuellement. le spectre des talents.

Cela dit, même si vous êtes un photographe génial, vous n’avez pas toujours le temps et les ressources nécessaires pour prendre la photo dont vous avez besoin. Dans ces cas, la photographie de stock est votre ami.

Cependant, utiliser des images de stock peut être délicat alors assurez-vous de lire notre article 10 pièges à éviter lors de l'utilisation de Stock Photography.

Si vous avez un budget pour la photographie, consultez iStock. C'est peut-être le choix du cliché, mais il y a certainement une raison à cela. Ils ont une tonne d'images abordables de très haute qualité.

Si vous n'avez pas de budget, essayez plutôt SXC, un site de photographie entièrement gratuit. SXC contient une tonne de choses horribles, mais vous trouverez également quelques joyaux si vous êtes prêt à y consacrer un peu de temps.

Enfin, vous devriez absolument consulter les photos sous licence de Flickr Creative Commons. Flickr est une énorme source d'excellentes photographies et la collection Creative Commons est assez vaste.

Veillez simplement à garder un œil sur les exigences d'attribution pour chaque image. Ils sont libres d’utilisation, mais nécessitent généralement un lien ou un crédit, de quelque manière que ce soit, avec l’utilisation.

Schémas de couleurs

L'une des méthodes les plus essentielles pour concevoir une page autour d'une photographie consiste à clouer le schéma de couleurs. Normalement, créer une palette de couleurs unie nécessite beaucoup de réflexion et de planification. Ce peut être une tâche très intimidante si vous débutez dans la conception.

Cependant, lorsque vous utilisez la photographie en tant que héros, tout le travail est fait pour vous. L'une des astuces les plus anciennes du panier de cadeaux du concepteur consiste à créer une palette de couleurs directement à partir des couleurs d'une photo.

A titre d'exemple, considérons l'image ci-dessous.

Ce que j'ai fait ici est simplement utilisé la pipette Photoshop pour saisir certaines couleurs de la photo. Cela nous donne une très belle palette de départ qui s’intègre parfaitement à nos images.

À partir de là, choisissez-en quelques-uns que vous aimez et courez avec eux. N'hésitez pas à expérimenter avec différentes nuances et opacités. Les couleurs ne sont qu'un point de départ et ne sont pas nécessairement des directives strictes à respecter.

Typographie

Ce que je vois le plus souvent avec les concepteurs qui luttent en ce qui concerne les photos, c'est comment intégrer le texte en eux. Je ne connais pas le nombre de sites Web et d'affiches que je vois quotidiennement qui jettent toutes les idées en matière de lisibilité, car ils souhaitent utiliser une belle police de caractères fine pour attirer l'attention. Contexte.

Il en résulte quelque chose qui peut sembler décent en un coup d’œil mais qui vous blesse la tête lorsque vous essayez de le lire.

Mon premier conseil serait de choisir une photo et / ou une police de caractères différentes, mais parfois, vous ne pouvez pas les y aider simplement. Le client veut ce qu'il veut et vous ne pouvez souvent rien faire pour changer d'avis.

Dans ces situations, votre travail consiste à augmenter la clarté du message. Si vous êtes coincé avec la photo très chargée et la police mince, cherchez des moyens de la faire ressortir davantage.

L'un des moyens les plus simples d'y parvenir consiste à emprunter la méthode de la palette de couleurs ci-dessus. Échantillonnez une belle couleur unie de l'image et créez une barre de couleur pour contenir le texte.

Ne vous contentez pas de créer un rectangle de couleur. Dans l'image ci-dessus, vous pouvez voir que j'ai appliqué une légère ombre sur la boîte, réduit l'opacité et rendu la photo floue dans la zone située derrière la boîte pour lui donner une sorte d'effet de verre dépoli.

Choisir la bonne photo

Idéalement, en tant que concepteur, vous aurez le droit de choisir à la fois la photo et la typographie que vous implémentez. Dans ces cas, vous souhaiterez trouver quelque chose qui dispose de suffisamment d’espace vide pour contenir votre message.

Il ne doit pas nécessairement s'agir d'un fond solide, mais il doit être aussi simple que possible et ne pas avoir trop de contraste de couleurs dans la zone où le type va être placé.

Le contraste est une bonne chose dans la conception, mais le mettre en arrière-plan derrière votre texte est simplement une utilisation impropre qui crée une confusion visuelle. Le contraste devrait plutôt être entre le type et l'arrière-plan, comme dans l'image ci-dessous.

Ici, nous avons l’impression d’un côté et le texte de l’autre. Le blanc et le jaune dans les lettres ne sont pas choisis dans l'image comme dans les exemples ci-dessus, mais sélectionnés car ils présentent un niveau de contraste élevé sur un fond noir. Si j'avais échantillonné la couleur de la chemise de l'homme, la lisibilité en aurait beaucoup souffert.

Si vous cliquez sur l'image ci-dessus, vous pouvez voir la photo d'origine. Le fond était en fait un peu occupé et ne s'étendait pas très loin derrière l'épaule de l'homme. J'ai peint un peu de bokeh et ai étendu le bord droit pour répondre à mes besoins. Cela n'a pris qu'une minute et m'a évité des heures de recherche pour trouver la photo qui répondait parfaitement à mes besoins.

Ne vous préoccupez pas de trouver la photo parfaite, recherchez plutôt une photo avec une bonne structure avec laquelle vous pouvez travailler.

Saigner

Que ce soit sur le Web ou sur papier, il y a quelque chose dans une photo à fond perdu qui est élégante et belle. Cependant, ce n'est pas toujours pratique ou possible pour ce que vous devez travailler.

Par exemple, supposons que le client vous donne une photo verticale et un espace publicitaire horizontal, puis quoi? Dans ces cas, il existe plusieurs astuces que vous pouvez essayer. La première chose qui vous vient à l’esprit est de recadrer la photo de manière horizontale, mais elle ne fonctionnera que dans un petit nombre de circonstances.

Une solution beaucoup plus pratique consiste à laisser votre photo remplir l’espace vertical et le reste avec une couleur unie. Cette solution est simple et semble nette. Cela vous donne également beaucoup de place pour placer vos messages et les images plus petites dont vous avez besoin.

Dans le dessin ci-dessous, j'ai encore utilisé l'astuce d'échantillonnage des couleurs d'en haut (vous ne pouvez pas abuser de cette astuce lorsque vous concevez des photos) pour saisir l'une des couleurs les plus sombres que j'ai pu trouver sur l'image, dans ce cas la couleur des taches de la girafe. .

Étant donné que la photo a un arrière-plan clair, l’échantillonnage de l’une des couleurs les plus sombres crée un contraste audacieux entre les deux moitiés et apporte beaucoup d’intérêt visuel à la page.

Ne pleure pas quand tu ne peux pas saigner

Lorsque vous travaillez avec une impression, il y aura de nombreuses fois où vous ne pourrez tout simplement pas faire saigner la photo ou la couleur du bord du papier. Cette limitation vient souvent du fait de travailler avec de petites organisations qui imprimeront elles-mêmes des documents et ne pourront pas gérer des travaux sans frontières.

Ce que vous ne voulez pas faire dans ces situations, c'est de concevoir quelque chose qui saigne jusqu'au bord, puis de permettre à l'imprimante de le couper simplement à l'endroit voulu, en laissant une bordure blanche autour du bord. Cela crie un travail d'impression peu coûteux et est donc assez collant.

Au lieu de cela, vous souhaitez créer une conception comportant beaucoup d'espaces afin que les bordures aient un aspect intentionnel. Si cela est fait correctement, personne ne saura jamais que votre imprimante ne peut pas aller au bord, il semblerait simplement que vous ayez pris la décision de concevoir de ne pas aller aussi loin.

Dans l'image ci-dessus, j'ai appliqué beaucoup d'espacement sur tous les côtés de la photo, de sorte que la bordure semble intentionnelle plutôt qu'accidentelle. Remarquez également la manière dont j'ai apporté la texture du ciel derrière les lettres pour donner l'impression que la photo s'étend sous le blanc. C'est un autre petit truc génial que vous pouvez utiliser pour augmenter l'efficacité de l'illusion sans frontières.

La méthode ci-dessus fonctionne assez bien dans de nombreux cas, mais si vous avez la liberté dans votre sélection de photo, il existe un moyen encore plus élégant de traiter ce problème.

Trouver une image prise sur un fond blanc vous donne vraiment un look sans frontière sans effort qui ne semblera pas bon marché ou peu professionnel du tout.

Remarquez à quel point le crapaud ci-dessus saute vraiment (jeu de mots) du fond. Lorsque vous utilisez cette technique, assurez-vous de trouver une image avec beaucoup de contraste et de couleurs vives afin d’attirer vraiment l’attention de vos téléspectateurs.

Notez également comment j'ai retourné l'image d'origine afin que le crapaud soit placé dans l'espace publicitaire. Il s’agit d’une astuce simple qui attire votre attention sur l’annonce et sur le contenu plutôt que de l’éloigner.

Conclusion

Les informations ci-dessus devraient vous donner beaucoup à penser à la prochaine fois que vous envisagez de concevoir avec la photographie. En fait, la solution à retenir ici est nécessairement de concevoir avec la photographie, mais de concevoir autour de la photographie.

Une image forte est le héros idéal pour votre design et votre travail consiste alors à envelopper la communication de manière à ce que les deux éléments soient bien mis en valeur.

Les meilleurs conseils ci-dessus incluent ne jamais sacrifier la lisibilité, toujours tirer les couleurs de l'image si vous le pouvez, le contraste est votre ami et ne laissez jamais les contraintes de fond perdu réduire la qualité perçue du produit final.
Merci d'avoir lu, faites-nous une faveur et partagez l'article sur Twitter ou via votre méthode préférée si vous l'avez apprécié!