Créer des échantillons de couleur pour vos dessins à partir d'une photographie

Ce que vous allez créer

La combinaison d'images, de graphiques et de typographie crée un design cohérent qui se fait remarquer. Tous ces éléments présentent également une variété de couleurs qui travaillent toutes ensemble dans le design. Mais comment savoir quelles couleurs utiliser? Quelles couleurs fonctionnent ensemble et lesquelles devriez-vous éviter? Quelles couleurs donnent le ton spécifique que vous recherchez dans votre conception??

Il y a beaucoup de choses à considérer lors du choix des couleurs pour vos créations. Il ne suffit pas de choisir les couleurs que vous aimez et de les mettre en œuvre. Que vous soyez un concepteur débutant ou expérimenté, vous pouvez toujours consulter vos images et photos de base pour vous inspirer des couleurs. Dans ce tutoriel, je vais vous montrer comment utiliser des images et des photographies comme source d'inspiration pour les couleurs de vos créations. Vous apprendrez également à capturer les couleurs de ces images et à créer des échantillons à utiliser dans vos conceptions..

Choisir une image

Ce tutoriel vous guidera dans le choix des couleurs à partir d'une image principale. De nombreuses conceptions d'impression fortes tournent autour d'une image qui se démarque, offrant d'excellentes options de couleur et pouvant accueillir du contenu supplémentaire tel que du texte..

Conseils pour choisir les couleurs

Lorsque vous collectez des photos et des images potentielles pour vos conceptions, il est important de choisir des photos comportant de nombreuses options de couleur. N'oubliez pas que de nombreuses options de couleur ne signifient pas nécessairement un kaléidoscope de couleur. Cela signifie simplement que vos photos offriront une multitude d’options et d’inspirations. Alors par où commencez-vous? Nous allons examiner quatre options qui vous aideront à choisir les couleurs de vos conceptions..

1. Commencez avec une seule couleur

Avant d'ouvrir Photoshop ou InDesign, regardez votre image. Vous pouvez voir dans l'exemple ci-dessus qu'il existe plusieurs couleurs vives allant de la sarcelle aux sarcelles, en passant par les bruns. Vous pouvez utiliser soit comme base pour votre conception. Dans cet exemple, vous pouvez utiliser le bleu sarcelle pour les titres et les arrière-plans, le brun pour le texte de paragraphe et le surlignage, par exemple les rectangles, les cercles et autres éléments de motifs ornementaux. La couleur crème de la garniture fouettée donnerait également de superbes couleurs de texte sur un fond sombre.

2. Ajouter des couleurs gratuites

Les couleurs complémentaires placées les unes à côté des autres créent le contraste le plus puissant et se renforcent mutuellement. Le moyen le plus rapide de déterminer si deux couleurs sont complémentaires est de les regarder sur la roue chromatique. Les couleurs complémentaires sont directement en face les unes des autres: bleu et jaune, rouge et vert, violet et orange. L'utilisation de couleurs complémentaires dans vos conceptions crée un contraste vibrant, généralement entre les couleurs chaudes et froides. Cette méthode crée souvent un design brillant qui saute aux couleurs mais fonctionne bien en raison des choix de couleurs complémentaires. La clé ici est de varier l’utilisation de chaque couleur et d’en choisir une comme couleur dominante dans votre dessin. De cette façon, vos couleurs ne rivalisent pas pour attirer l’attention. Dans l'exemple ci-dessus, vous pouvez voir que le bleu froid domine l'image et le jaune chaud illumine le coin droit. Si vous deviez placer du texte sur cette photo, vous voudriez vous en tenir aux jaunes.

3. Utilisez des teintes et des nuances

Vous utiliserez probablement plus de deux couleurs dans vos conceptions. Au lieu d’ajouter une autre couleur au mélange, nous allons examiner les teintes et les nuances de nos couleurs complémentaires ou d’une couleur vive. Pour un design épuré, maintenez vos choix de couleur à un maximum de 3 mais ajoutez un mélange de teintes et de nuances d'une couleur que vous avez déjà choisie pour mélanger les choses. Cela augmentera considérablement les options de couleur disponibles dans une conception sans ajouter de couleurs qui ne complètent pas ce que vous avez déjà. Pour revenir au premier exemple, vous pouvez augmenter vos options de couleur en choisissant une teinte de sarcelle ou brune. Une teinte est un mélange de couleur et de blanc. Cela augmente la légèreté d'une couleur. Une nuance est un mélange de couleur et de noir. Cela diminue la légèreté d'une couleur. Cela signifie que vous pouvez ajouter plus d'options de couleur en augmentant la luminosité ou l'obscurité de la couleur de base. La luminosité et les ténèbres sont très variées, les options sont infinies.

4. Attachez le tout ensemble

Terminez avec une gamme de choix comprenant une couleur audacieuse, une teinte ou une nuance de cette couleur audacieuse, une couleur neutre et ensuite une couleur complémentaire pour le mettre en valeur. Cela vous donnera le plus d'options possibles pour votre conception, que vous ayez besoin d'une couleur claire pour un arrière-plan sombre ou d'une couleur sombre pour un arrière-plan clair et ainsi de suite. Dans l'exemple ci-dessous, vous pouvez voir l'inspiration des couleurs et la qualité de leur collaboration. Auriez-vous choisi ces couleurs sans la photo pour vous inspirer? 

Alors, comment pouvez-vous choisir les couleurs d’une photo puis les appliquer à un dessin? Nous aborderons les prochaines étapes techniques.

Créer des échantillons de couleur

Étape 1

Frappé Contrôle-O et accédez à votre image sur votre disque dur et ouvrez-la dans Photoshop.

Étape 2

Sélectionnez le Outil Pipette (I) et cliquez sur une zone pour sélectionner votre couleur de base. Frappé X et répétez pour choisir votre couleur complémentaire. Il est plus facile de sélectionner votre couleur principale et de rechercher immédiatement la couleur complémentaire. Dans l'exemple d'image, nous avons sélectionné un vert foncé comme base et nous pouvons voir que le rouge serait une couleur complémentaire et un point fort. Notez que le rouge ne doit pas nécessairement être un rouge parfait. Nous y sommes allés avec un rouge plus atténué avec une nuance rose basée sur la couleur de la photo..

Étape 3

Ensuite, nous devons créer un document pour les échantillons. Cette étape supplémentaire vous permettra de sauvegarder facilement les couleurs pour référence ultérieure, que vous utilisiez Photoshop ou InDesign. Ces échantillons permettent également d’incroyables inclusions dans un brief créatif. Vous utiliseriez simplement le Outil compte-gouttes (I) sélectionner ces couleurs pour vos créations.

Frappé Contrôle-N et créer un Nouveau document de 800 x 200 pixels, dans Mode de couleur RVB à 72 pixels / pouce. Nomme le Échantillons de couleurs.

Étape 4

Sélectionnez le Outil Ellipse (U) et tracez un cercle de n'importe quelle taille. Ici nous avons choisi 2 pouces. ensuite double-cliquez la cercle dans le Palette de couches et vous remarquerez que le curseur se transforme en Compte-gouttes et le Pipette à couleurs La fenêtre s'ouvre. Vous pouvez maintenant sélectionner votre couleur de base à partir de la couleur de fond / premier plan à gauche.

Étape 5

Répéter Étape 4 pour la couleur complémentaire.


Étape 6

Ensuite, avec le calque de forme de couleur complémentaire sélectionné, maintenez enfoncé Alt-Shift et faites glisser un cercle en double à côté du cercle rose. Relâchez votre souris lorsque votre cercle est en position. Répétez cette étape pour créer un autre cercle dupliqué couche. Vous devriez maintenant avoir 4 cercle couches. Ces deux derniers cercles abriteront votre couleur neutre et couleur de teinte.

Étape 7

Revenez à votre photo et répéter l'étape 2 sélectionner un couleur gris neutre. Revenez ensuite à vos échantillons et double-cliquez la troisième cercle et sélectionnez la couleur grise avec le Outil compte-gouttes (I).

Étape 8

La dernière couleur est une teinte de la couleur de base. Sélectionnez le Outil compte-gouttes (I) et cliquez sur le cercle vert foncé à l'extrême gauche. Double-cliquez le cercle à l'extrême droite (Ellipse 1 copie 3) de la Palette de couches et sélectionnez la couleur verte avec le Compte-gouttes (I). Maintenant, vous voulez une teinte de cette couleur afin de sélectionner une couleur vers la fin blanche de la Pipette à couleurs. Nous voulons une belle écume de mer verte ici, pas trop blanche, mais pas trop sombre non plus.

Étape 9

Vous pouvez réorganiser les cercles en cliquant sur chacun d'eux dans la liste. Palette de couches et en le déplaçant dans l’ordre dans lequel vous souhaitez que vos échantillons apparaissent. Ici, nous avons les couleurs allant de la base à la couleur complémentaire. Pour enregistrer ceci en tant qu’image, allez à Fichier> Enregistrer sous> JPEG et nommez-le quelque chose comme FinalColorSwatches. Maintenant, vous avez une palette de couleurs prête pour votre prochain design!

Prêt Pour Plus?

Le choix des couleurs est une étape importante de votre processus de conception et vous pouvez vous inspirer des images déjà disponibles! Vous obtiendrez des combinaisons de couleurs uniques et remarquables en un rien de temps. Ensuite, il est temps de faire passer vos créations au niveau supérieur et d'appliquer ce que vous avez appris à une vraie brochure.. 

Rendez-vous sur mon cours Principes de base de la conception d’imprimés pour un guide complet du débutant sur la conception d’imprimés. Du concept au pré-presse, vous allez commencer à créer votre première brochure dans InDesign..