Utiliser les combinaisons de couleurs

Utilisation des combinaisons de couleurs

Lors de la création de vos publications, l’un des
principaux facteurs à prendre en compte est la couleur.
Un choix judicieux vous permettra d’attirer l’attention de
votre public cible, d’instaurer l’ambiance adéquate et de
véhiculer le message voulu. À l’inverse, un choix mal
avisé éloignera vos lecteurs, quel que soit le niveau de
professionnalisme de votre mise en page ou l’intérêt de
votre contenu.
Mais comment sélectionner une palette de couleurs
adaptée à votre publication•? Dans ce didacticiel, nous
allons démystifier ce processus et vous montrer
différentes méthodes pour trouver les couleurs idéales
pour vos projets. Par la même occasion, nous vous
présenterons les combinaisons de couleurs PagePlus
prédéfinies, que vous pourrez appliquer à n’importe quel
élément de votre création.
Découvrez comment•:
· Appliquer une combinaison de couleurs prédéfinie
à partir du Gestionnaire de combinaisons.
· Modifier une combinaison de couleurs existante.
· Créer votre propre combinaison de couleurs.
· Créer une combinaison de couleurs à partir d’une
photo.

· Utiliser la théorie des couleurs pour créer une
gamme de palettes.

138 Labo d’apprentissage

Dans la première section de ce didacticiel, nous appliquerons des combinaisons de couleurs à
certains éléments spécifiques d’une page. Ensuite, nous vous montrerons comment modifier
des combinaisons de couleurs. Enfin, nous créerons une toute nouvelle combinaison de
couleurs personnalisée. Attaquons...

Application de combinaisons de couleurs à des objets
Vous pouvez appliquer une combinaison de couleurs à tout moment du processus de création.
Chaque publication ne peut accepter qu’une seule combinaison de couleurs à la fois et vous
pouvez aisément basculer d’une combinaison à une autre.

Pour appliquer une combinaison de couleurs
Cliquez sur Fichier, puis sur Ouvrir ou, dans l’Assistant de
démarrage de PagePlus, sélectionnez Ouvrir une publication.
Ouvrez le fichier SANTE.ppp. Vous pouvez télécharger ce fichier à
l’endroit où vous avez ouvert ou téléchargé ce didacticiel.

Cliquez sur l’onglet Combinaisons.

Une liste de combinaisons spécifiques apparaît,
chacune composée de cinq couleurs de base.
La combinaison de couleurs appliquée à cette
publication apparaît en surbrillance.

Cliquez sur Outils, puis Gestionnaire de
combinaisons).
Dans la boîte de dialogue Gestionnaire de
combinaisons, cliquez sur l’onglet Combinaisons.

Cliquez sur quelques-unes des combinaisons de couleurs.

Chaque fois que vous sélectionnez une nouvelle
combinaison, observez le volet Aperçu. Vous
remarquerez que plusieurs éléments de la page
changent de couleur.
Alors que se passe-t-il exactement ?
Globalement, les combinaisons de couleurs
fonctionnent comme un système de motifs de peinture
par nombre, où plusieurs zones et éléments d’une page
sont encodés avec des nombres. Dans chaque
combinaison, une couleur spécifique est attribuée à
chaque nombre.

Labo d’apprentissage 139


Lorsque vous changez de combinaison, les
éléments de la publication encodés avec l’un des
nombres de la combinaison en question en Lorsque vous sauvegardez
prennent la couleur correspondante. une publication, sa combinaison
de couleurs active est enregistrée
Observons ceci en action... avec le fichier PagePlus.

Dans la liste Formes pleines de la barre Outils,
cliquez sur le Rectangle et tracez une
grande forme sur la page.

Cliquez sur l’onglet Echantillons.

Au bas de l’onglet, sous les échantillons de
couleurs, les cinq couleurs principales de la
combinaison active apparaissent sous la forme de
nuances numérotées.

Sélectionnez votre forme puis, dans l’onglet
Échantillons :
· Cliquez sur le bouton Remplissage, puis sur la
combinaison à appliquer pour remplir la forme.

· Cliquez sur le bouton Contour et appliquez
une autre combinaison de couleurs aux
contours de votre forme.

Dans l’onglet Combinaisons, cliquez
pour appliquer une autre combinaison
de couleurs à votre publication.
PagePlus applique la nouvelle
combinaison de couleurs à la forme.
Dans l’onglet Échantillons,
remarquez que les échantillons de la
combinaison de couleurs ont été
remplacés par les couleurs de la
nouvelle combinaison.
Comme vous le voyez, lorsque vous créez de nouveaux
éléments dans un document PagePlus ou lorsque vous
créez une toute nouvelle publication, vous pouvez
Si vous copiez un objet
étendre une combinaison de couleurs à vos éléments de
avec une certaine combinaison
mise en page en utilisant le processus décrit ci-avant. de couleurs dans un autre
L’essai et le choix de la combinaison la plus adaptée document PagePlus, celui-ci
reprend la combinaison de
peuvent prendre un certain temps. Toutefois, le couleurs utilisée dans le
processus reste extrêmement simple. nouveau document.


Modification des combinaisons de couleurs
Si, après avoir testé différentes combinaisons de couleurs, vous n’en avez trouvé aucune qui
convienne à votre document, vous avez la possibilité de modifier les couleurs d’une
combinaison existante afin d’en créer une nouvelle.

Pour modifier une combinaison de couleurs
Faites Outils > Gestionnaire de combinaisons
et sélectionnez l’onglet Editer.
Les couleurs de la combinaison active
apparaissent dans l’onglet Éditer.
Chacun des cinq numéros de couleurs de la
combinaison (plus les couleurs Lien hypertexte
normal, Lien hypertexte suivi et Lien hypertexte
actif) dispose de sa propre liste déroulante, laquelle
reprend les couleurs disponibles dans la palette
PagePlus.

Pour définir ou modifier une couleur, cliquez
simplement sur le bouton pour dérouler la liste, puis
sélectionnez une nouvelle couleur.

Étape facultative•: si la palette déroulante ne contient
pas la couleur souhaitée, cliquez sur Plus de
couleurs pour afficher le Sélecteur de couleur.

Dans la boîte de dialogue Sélecteur de couleur,
différentes commandes vous permettent de choisir
une couleur à appliquer ou de mélanger vos
propres couleurs personnalisées.
· L’onglet Combinaisons affiche le rendu du
modèle colorimétrique sélectionné.
· L’onglet Palette de publication vous permet
de modifier la palette de couleurs associée à
la publication active.

Après avoir modifié votre
combinaison dans l’onglet
Vous pouvez étendre la palette de publication de la
Éditer, enregistrez-la en
boîte de dialogue Sélecteur de couleur en utilisant le
cliquant sur Enregistrer la Gestionnaire de palette. Celui-ci vous permet de
combinaison. modifier la palette active mais également de charger et
d’enregistrer des palettes spécifiques.
Pour plus d’informations, reportez-vous à la rubrique
«•Gérer les couleurs et les palettes d’une publication•»
de l’aide en ligne.



Dans la boîte de dialogue Enregistrer la combinaison :

· Si vous modifiez une combinaison existante, conservez son
nom et cliquez sur OK.
· Si vous créez une nouvelle combinaison, saisissez un
nouveau nom, puis cliquez sur OK.

Si vous avez enregistré vos modifications sous un nouveau nom, cliquez sur l’onglet
Combinaisons et faites défiler la liste pour y localiser votre nouvelle combinaison.

Les boutons Enregistrer la combinaison et OK
produisent différents résultats. Chaque document PagePlus
stocke une combinaison définie localement, laquelle peut ou
non correspondre à une combinaison spécifique.
· La modification d’une combinaison dans le Gestionnaire
de combinaisons, suivie d’un clic sur Enregistrer la
combinaison actualise la combinaison spécifique mais
ne l’applique pas à la publication.
· Pour vous assurer que la publication utilise la dernière
version de la combinaison spécifique, cliquez sur OK
dans le Gestionnaire de combinaisons ou réappliquez
la combinaison spécifique à partir du Gestionnaire de
combinaisons ou de l’onglet Combinaisons.
En cas de modifications répétées d’une combinaison, veillez
à ce que votre document utilise la dernière version.

Création de nouvelles combinaisons de couleurs
Vous souhaiterez peut-être, dans certaines circonstances, créer une toute nouvelle combinaison
de couleurs, par exemple pour reprendre les couleurs de votre logo d’entreprise ou d’une image
figurant dans votre document PagePlus ou sur votre site Web.
Pour la section suivante, vous pouvez utiliser notre exemple de photo ou n’importe quelle image de
votre choix.
Vous trouverez notre exemple de photo Cocktail.jpg sur notre site. Vous pouvez télécharger ce
fichier à l’endroit où vous avez ouvert ou téléchargé ce didacticiel.

Pour créer une combinaison de couleurs personnalisée à partir d’une image
Dans la barre Outils, cliquez sur Importer une image
et localisez l’image que vous souhaitez utiliser.

Cliquez sur Ouvrir et placez l’image sur votre page.


Sélectionnez l'objet, puis, dans la barre d'outils Organiser, cliquez sur (ou
faites un clic droit sur l'image et choisissez PhotoLab)..

Dans Photolab, cliquez sur l’onglet Réglages. Puis
cliquez sur le réglage Réduction du bruit.
Le volet de réglage contient une glissière Rayon.
Déplacez la glissière vers la droite de manière à ce que
les couleurs qui constituent l'image se fondent dans
des blocs de couleur, comme illustré. Cliquez sur
Valider puis sur OK.

De retour dans l’espace de travail de
PagePlus , dans la barre Outils, sélectionnez le
Rectangle et tracez un petit carré sur votre
page (le nôtre mesurait environ 60 x 60 pixels).

Sélectionnez la forme, maintenez la touche Ctrl
enfoncée, puis faites-la glisser vers la droite pour
en créer une copie.

Répétez l’étape précédente pour créer cinq
carrés identiques.

Sélectionnez le premier carré, cliquez sur l’onglet Couleur,
puis sur l’outil Pipette .

Dans l’image, cliquez et faites glisser la souris pour
sélectionner la première couleur à ajouter dans votre
nouvelle combinaison de couleurs.
L’échantillon de couleur prélevé change au fur et à mesure
que vous survolez différentes zones de l’image.



Une fois satisfait de la couleur affichée dans
l’échantillon, relâchez le bouton de la souris. La
couleur sélectionnée s’applique au carré et apparaît
dans la Palette de publication de l’onglet
Échantillons.

Sélectionnez successivement chacun des autres
carrés et répétez l’étape précédente pour remplir les
formes avec quatre autres couleurs prélevées sur
votre image.

Vous n’êtes pas obligé d’utiliser des Formes pleines pour
afficher vos couleurs sélectionnées. Toutefois, nous estimons qu’il
est utile de voir les couleurs les unes à côté des autres avec
l’image sur la page.
Ceci vous permet de déterminer si les couleurs s’associent bien
avec l’image et si elles fonctionnent bien une fois isolées. Vous
pouvez modifier les couleurs rapidement et facilement, en choisir
de nouvelles ou en modifier l’ordre avant d’adopter votre
combinaison finale.
Nous avons utilisé cinq carrés, un pour chaque couleur principale
de notre combinaison. Mais vous pouvez en créer davantage pour
commencer. Après avoir rempli vos carrés avec les couleurs de
votre choix, vous pouvez ensuite composer votre palette finale.

Ouvrez le Gestionnaire de combinaisons et cliquez
sur l’onglet Éditer.
· Cliquez sur la flèche en regard de Combinaison 1
pour dérouler la palette.
· Repérez les couleurs ajoutées lors des étapes
précédentes.
· Cliquez sur la couleur que vous souhaitez affecter en
Combinaison 1.

Répétez l’étape 12 pour attribuer les autres
combinaisons.
Remarque•: si vos couleurs n’apparaissent pas dans la
palette déroulante, cliquez sur Plus de couleurs pour
ouvrir la boîte de dialogue Sélecteur de couleur.
Dans l’onglet Palette de publication, les couleurs
apparaissent à la fin de la palette. Cliquez sur la
Remarque•: les combinaisons couleur que vous souhaitez affecter comme nuance de
de couleurs sont enregistrées de la combinaison, puis cliquez sur OK.
manière globale. Vous pourrez
donc appliquer cette combinaison Cliquez sur Enregistrer la combinaison et saisissez
à vos prochaines publications
PagePlus.
un nom pour votre combinaison de couleurs.


Dans l’onglet Combinaisons, localisez votre nouvelle
combinaison de couleurs.

Cliquez sur l’onglet Échantillons. Remarque•: les
échantillons situés au bas de l’onglet correspondent
maintenant à vos combinaisons de couleurs
personnalisées.
Vous pouvez utiliser ces échantillons pour appliquer
des combinaisons de couleurs à des objets de votre
page.

Félicitations, vous avez créé une toute nouvelle
combinaison de couleurs•! Cette technique,
relativement simple, vous sera utile, nous l’espérons,
pour vos prochaines publications PagePlus.
Nous allons conclure ce didacticiel par une brève
discussion sur les couleurs en général. Certes,
l’utilisation de la couleur relève de choix personnels. Mais notre but est de vous aider à choisir
des couleurs qui ne sont pas seulement attrayantes mais qui reflètent également le contenu de
votre publication.

Choix des couleurs
Les concepteurs et créateurs ont recours à de nombreuses méthodes différentes pour choisir
les couleurs de leurs documents et sites Web. Dans l’exemple suivant, nous avons créé notre
combinaison de couleurs à partir d’une image
figurant sur la couverture d’une brochure.
Comme mentionné précédemment, vous
pourriez également prélever vos couleurs sur Ne sous-estimez pas l’importance du
un logo d’entreprise ou toute autre choix des couleurs lors de la conception
«•signature•». d’un site Web ou document PagePlus.
Quel que soit le degré de
Vous pouvez également vous baser sur une professionnalisme de votre mise en page
image qui n’apparaît pas dans votre document ou l’intérêt de votre contenu, une
mais qui contient une plage de couleurs que utilisation inappropriée des couleurs peut
vous jugez particulièrement attrayante et qui déboucher sur des pages disgracieuses
dépeint parfaitement l’ambiance et le message et/ou difficiles à lire.
que vous souhaitez transmettre à votre public
dans votre publication ou site Web.
Si vous souhaitez adopter une approche plus structurée, vous pouvez même appliquer une
petite théorie des couleurs extrêmement simple•! Une recherche rapide sur Internet vous
permettra d’accéder à une manne d’informations sur le sujet. Effectuez une recherche sur
«•utilisation des couleurs dans l’impression ou la création Web•» par exemple. Dans cette
section, nous vous inviterons à parcourir les approches suivantes•:
Exemple 1•: trouvez une image ou une photo qui dépeint parfaitement l’ambiance ou le
message de votre document ou site (pas nécessairement en rapport avec son contenu) et
choisissez une plage de couleurs au sein de cette image.
Exemple 2•: choisissez une couleur «•de base•» (par exemple dans une image qui apparaîtra
dans votre publication), puis utilisez la théorie des couleurs pour déterminer les couleurs en
harmonie avec celle-ci.



Exemple 1•: utilisation d’une image ou photo
Imaginons que nous devons réaliser une brochure pour un centre thermal. La première étape
consiste à réfléchir à l’image que nous souhaitons faire passer. Un établissement thermal, nous
l’associons à des idées telles que le calme et la tranquillité. Par conséquent, il est évident que nous
n’utiliserons pas de couleurs vives ou agressives dans notre mise en page.

Choisissez quelques images susceptibles de s’inscrire dans cette atmosphère. Les palettes de
couleurs des photos ci-après reflètent toutes l’ambiance que nous souhaitons véhiculer à
travers notre brochure.
En regardant ces images, il est évident qu’elles peuvent
être classées dans deux groupes distincts•: un groupe
contenant différentes teintes de bleu avec des tons plus
naturels, et l’autre groupe avec une dominante dans les
tons de terre, plus sourds.

Vous ne parvenez pas à décider quelle palette de
couleurs utiliser•? Créez une combinaison de couleurs
À ce stade, vous (ou votre client)
PagePlus pour chaque palette, puis créez une «•simili-
devez décider quelle palette de page•» avec chacune des combinaisons.
couleurs utiliser. Pour ce didacticiel, Procédez de la sorte également si vous créez un
nous partirons du principe que notre document pour un client à qui vous souhaitez
centre thermal préfère les tons de proposer différentes versions possibles.
terre du gros plan sur les galets.

Vous pouvez maintenant suivre la procédure décrite
précédemment pour créer votre combinaison de couleurs
personnalisée (voir la section «•Création de nouvelles
combinaisons de couleurs•»).
Nous vous conseillons de commencer par créer une série de
petits carrés et de les remplir avec différentes couleurs extraites
de l’image. Lorsque vous disposez d’une jolie palette de
couleurs, jouez avec les nuances et testez différents
regroupements avant de sélectionner vos cinq couleurs finales.


Essayez de créer plusieurs combinaisons
différentes en variant vos échantillons
prélevés. Ensuite, basculez d’une
combinaison à l’autre pour apprécier les
différentes versions de votre publication.

Exemple 2•: utilisation de la théorie des couleurs
Cette méthode commence par le choix d’une couleur «•de base•». Vous pouvez choisir n’importe
quelle couleur en fonction de vos préférences.
Dans notre exemple, nous prélèverons notre couleur de base dans une photo qui figurera sur la
couverture d’une brochure de centres aérés pour enfants.

Suivez la procédure décrite précédemment pour
extraire une série de couleurs de votre image (voir la
section «•Création de nouvelles combinaisons de
couleurs•»).
· N’oubliez pas d’ajouter d’abord le réglage
d’image Médian afin de créer des
blocs de couleurs que vous
pourrez utiliser ensuite.

· Commencez par les couleurs
«•principales•», celles que vous
voyez au premier coup d’œil•:
peau, cheveux et vêtement.
Ensuite, prélevez les couleurs
«•secondaires•»•: bouche, yeux,
clairs et sombres.



· Même s’il vous faut un large choix de couleurs, n’en faites pas trop, vous risqueriez de
rendre le choix plus difficile. Extrayez par exemple huit ou dix couleurs, ou plus selon
vos besoins. Le nombre exact variera en fonction de votre image.

Regroupez vos résultats par couleur, puis triez chaque série de couleurs, de la plus sombre à
la plus claire, en supprimant les couleurs trop similaires.

Sélectionnez l’une de vos couleurs comme couleur «•de base•». Localisez la couleur sur la
roue colorimétrique afin de déterminer si elle est chaude ou froide et voir sa relation avec les
autres couleurs.

· Nos couleurs chaudes
figurent dans les zones rouges
du tee-shirt de la fillette, ainsi
que dans ses cheveux et le
teint de sa peau. Choisissez
l’une de ces couleurs si votre
but est d’apporter à votre
publication un aspect plus
doux et plus léger.

· Nos couleurs froides sont
dérivées des zones bleues et
blanches du tee-shirt,ainsi que
des yeux. Ces couleurs sont
généralement utilisées dans
des approches plus sérieuses
ou professionnelles.

Roue colorimétrique
Couleurs froides
La roue colorimétrique est un modèle de base.
Elle sert uniquement de guide. Ne vous
inquiétez donc pas si vous n’y trouvez pas
exactement votre couleur.
Après avoir repéré votre couleur de base,
examinez sa relation avec les autres couleurs,
ce qui vous aidera à créer une gamme de
palettes de couleurs appropriées pour votre
document.
Couleurs chaudes


À partir de votre couleur de base et de sa position sur la roue colorimétrique, vous pouvez
maintenant commencer à créer une série de palettes de couleurs. Plusieurs approches sont à
votre disposition•:
· Analogue
· Monochrome
· Complémentaire
· Analogue de la complémentaire
Palettes de couleurs analogues
Les couleurs analogues sont extraites dans les deux zones
adjacentes à celle de la couleur de base.
Ces couleurs partagent toutes la
même nuance de fond (dans
notre exemple, rouge-orange,
rouge et rouge-mauve).
Les combinaisons de couleurs
analogues sont idéales pour
les impressions ou la
conception de sites
Web•: elles sont
harmonieuses et très faciles à
utiliser.

Palettes de couleurs monochromes
Les palettes monochromes se composent
des tons foncés, intermédiaires et
clairs (ombres et teintes) de
votre couleur de base.
Une ombre s’obtient en
ajoutant du noir à une
couleur pour la foncer.
Une teinte s’obtient en
ajoutant du blanc à une
couleur pour l’éclaircir.
Vous pouvez choisir vos
échantillons de couleurs dans
la palette PagePlus, puis
augmenter le contraste en
réglant la valeur Teinte de
l’onglet Échantillons.



Palettes de couleurs complémentaires
Les couleurs complémentaires se situent à l’exact opposé
de la couleur de base. Généralement, la complémentaire
(dans notre cas, le vert) est utilisée
comme accentuation.
Ces palettes offrent un
contraste extrême, en
véhiculant de l’énergie et de
l’excitation. Bien qu’utilisée
fréquemment pour les
supports imprimés, soyez
prudent lorsque vous
utilisez cette palette dans la
création pour le Web. En
effet, des couleurs aussi
contrastées ont tendance à
apparaître discordantes à
l’écran.

Palettes de couleurs analogues de la
complémentaire
Les couleurs analogues de la complémentaire sont les
couleurs analogues, donc
adjacentes, de la
complémentaire elle-même.
Moins discordante que la
complémentaire, cette
combinaison offre un
contraste plus subtil et une
palette plus harmonieuse.
Dans cet exemple, la
couleur de base rouge
serait utilisée comme
accentuation dans notre
mise en page.

Palettes mixtes
Si vous vous sentez audacieux, vous pouvez également associer b a a a c
des palettes pour créer certains effets intéressants.
Par exemple, essayez d’opposer votre couleur de base et ses
couleurs analogues avec la complémentaire.
b c ca ca ca


Vous pouvez également associer votre couleur de base et sa complémentaire avec les
couleurs analogues de la complémentaire.
Comme vous le voyez dans nos illustrations, chaque palette, appliquée à une même mise en
page, crée un effet relativement différent. La palette finale, vous la choisirez en fonction du
message que vous souhaitez faire passer à votre public par le biais de votre publication.
Ainsi se termine notre didacticiel. Nous avons abordé de nombreux points différents. Nous
espérons que vous avez apprécié ces exercices et appris quelques techniques. Vous devriez
maintenant vous sentir à l’aise dans la création de vos propres combinaisons de couleurs et
comprendre un peu plus en quoi consiste une utilisation efficace des couleurs dans la
conception.
Testez, expérimentez et amusez-vous•!

Utiliser les combinaisons de couleurs

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Utiliser les combinaisons de couleurs