Utiliser les combinaisons de couleurs

Lors de la création de vos publications, l’un desprincipaux facteurs à prendre en compte est la couleur.Un choix judicieux vous permettra d’attirer l’attention devotre public cible, d’instaurer l’ambiance adéquate et devéhiculer le message voulu. À l’inverse, un choix malavisé éloignera vos lecteurs, quel que soit le niveau deprofessionnalisme de votre mise en page ou l’intérêt devotre contenu.

Mais comment sélectionner une palette de couleursadaptée à votre publication•? Dans ce didacticiel, nousallons démystifier ce processus et vous montrerdifférentes méthodes pour trouver les couleurs idéalespour vos projets. Par la même occasion, nous vousprésenterons les combinaisons de couleurs PagePluspré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’unephoto.

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

Utilisation des combinaisons de couleurs

138 Labo d’apprentissageUtilisation des combinaisons de couleurs

Utilisation des combinaisons de couleursDans 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 modifierdes combinaisons de couleurs. Enfin, nous créerons une toute nouvelle combinaison decouleurs personnalisée. Attaquons...

Application de combinaisons de couleurs à des objetsVous 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 vouspouvez aisément basculer d’une combinaison à une autre.

Pour appliquer une combinaison de couleursCliquez sur Fichier, puis sur Ouvrir ou, dans l’Assistant dedé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 à cettepublication apparaît en surbrillance.

Cliquez sur Outils, puis Gestionnaire decombinaisons).

Dans la boîte de dialogue Gestionnaire decombinaisons, cliquez sur l’onglet Combinaisons.

Cliquez sur quelques-unes des combinaisons de couleurs.

Chaque fois que vous sélectionnez une nouvellecombinaison, observez le volet Aperçu. Vousremarquerez que plusieurs éléments de la pagechangent de couleur.

Alors que se passe-t-il exactement ?

Globalement, les combinaisons de couleursfonctionnent comme un système de motifs de peinturepar nombre, où plusieurs zones et éléments d’une pagesont encodés avec des nombres. Dans chaquecombinaison, une couleur spécifique est attribuée àchaque nombre.

139Labo d’apprentissageUtilisation des combinaisons de couleurs

Lorsque vous changez de combinaison, leséléments de la publication encodés avec l’un desnombres de la combinaison en question enprennent la couleur correspondante.

Observons ceci en action...

Dans la liste Formes pleines de la barre Outils,

cliquez sur le Rectangle et tracez unegrande forme sur la page.

Cliquez sur l’onglet Echantillons.

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

Sélectionnez votre forme puis, dans l’ongletÉchantillons :

· Cliquez sur le bouton Remplissage, puis sur lacombinaison à appliquer pour remplir la forme.

· Cliquez sur le bouton Contour et appliquezune autre combinaison de couleurs auxcontours de votre forme.

Dans l’onglet Combinaisons, cliquezpour appliquer une autre combinaisonde couleurs à votre publication.

PagePlus applique la nouvellecombinaison de couleurs à la forme.

Dans l’onglet Échantillons,remarquez que les échantillons de lacombinaison de couleurs ont étéremplacés par les couleurs de lanouvelle combinaison.

Comme vous le voyez, lorsque vous créez de nouveauxéléments dans un document PagePlus ou lorsque vouscréez une toute nouvelle publication, vous pouvezétendre une combinaison de couleurs à vos éléments demise en page en utilisant le processus décrit ci-avant.

L’essai et le choix de la combinaison la plus adaptéepeuvent prendre un certain temps. Toutefois, leprocessus reste extrêmement simple.

Si vous copiez un objetavec une certaine combinaisonde couleurs dans un autredocument PagePlus, celui-cireprend la combinaison decouleurs utilisée dans lenouveau document.

Lorsque vous sauvegardezune publication, sa combinaisonde couleurs active est enregistréeavec le fichier PagePlus.


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

Pour modifier une combinaison de couleursFaites Outils > Gestionnaire de combinaisonset sélectionnez l’onglet Editer.

Les couleurs de la combinaison activeapparaissent dans l’onglet Éditer.

Chacun des cinq numéros de couleurs de lacombinaison (plus les couleurs Lien hypertextenormal, Lien hypertexte suivi et Lien hypertexteactif) dispose de sa propre liste déroulante, laquellereprend les couleurs disponibles dans la palettePagePlus.

Pour définir ou modifier une couleur, cliquezsimplement sur le bouton pour dérouler la liste, puissélectionnez une nouvelle couleur.

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

Dans la boîte de dialogue Sélecteur de couleur,différentes commandes vous permettent de choisirune couleur à appliquer ou de mélanger vospropres couleurs personnalisées.

· L’onglet Combinaisons affiche le rendu dumodèle colorimétrique sélectionné.

· L’onglet Palette de publication vous permetde modifier la palette de couleurs associée àla publication active.

Après avoir modifié votrecombinaison dans l’ongletÉditer, enregistrez-la encliquant sur Enregistrer lacombinaison.

Vous pouvez étendre la palette de publication de laboîte de dialogue Sélecteur de couleur en utilisant leGestionnaire de palette. Celui-ci vous permet demodifier la palette active mais également de charger etd’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 sonnom et cliquez sur OK.

· Si vous créez une nouvelle combinaison, saisissez unnouveau nom, puis cliquez sur OK.

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

Création de nouvelles combinaisons de couleursVous souhaiterez peut-être, dans certaines circonstances, créer une toute nouvelle combinaisonde couleurs, par exemple pour reprendre les couleurs de votre logo d’entreprise ou d’une imagefigurant 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 devotre choix.

Vous trouverez notre exemple de photo Cocktail.jpg sur notre site. Vous pouvez télécharger cefichier à l’endroit où vous avez ouvert ou téléchargé ce didacticiel.

Pour créer une combinaison de couleurs personnalisée à partir d’une imageDans 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.

Les boutons Enregistrer la combinaison et OKproduisent différents résultats. Chaque document PagePlusstocke une combinaison définie localement, laquelle peut ounon correspondre à une combinaison spécifique.

· La modification d’une combinaison dans le Gestionnairede combinaisons, suivie d’un clic sur Enregistrer lacombinaison actualise la combinaison spécifique maisne l’applique pas à la publication.

· Pour vous assurer que la publication utilise la dernièreversion de la combinaison spécifique, cliquez sur OKdans le Gestionnaire de combinaisons ou réappliquezla combinaison spécifique à partir du Gestionnaire decombinaisons 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.


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

Dans Photolab, cliquez sur l’onglet Réglages. Puiscliquez 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 queles couleurs qui constituent l'image se fondent dansdes blocs de couleur, comme illustré. Cliquez surValider puis sur OK.

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

Sélectionnez la forme, maintenez la touche Ctrlenfoncée, puis faites-la glisser vers la droite pouren créer une copie.

Répétez l’étape précédente pour créer cinqcarré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 poursélectionner la première couleur à ajouter dans votrenouvelle combinaison de couleurs.

L’échantillon de couleur prélevé change au fur et à mesureque vous survolez différentes zones de l’image.


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

Sélectionnez successivement chacun des autrescarrés et répétez l’étape précédente pour remplir lesformes avec quatre autres couleurs prélevées survotre image.

Ouvrez le Gestionnaire de combinaisons et cliquezsur l’onglet Éditer.

· Cliquez sur la flèche en regard de Combinaison 1pour dérouler la palette.

· Repérez les couleurs ajoutées lors des étapesprécédentes.

· Cliquez sur la couleur que vous souhaitez affecter enCombinaison 1.

Répétez l’étape 12 pour attribuer les autrescombinaisons.

Remarque•: si vos couleurs n’apparaissent pas dans lapalette déroulante, cliquez sur Plus de couleurs pourouvrir la boîte de dialogue Sélecteur de couleur.

Dans l’onglet Palette de publication, les couleursapparaissent à la fin de la palette. Cliquez sur lacouleur que vous souhaitez affecter comme nuance dela combinaison, puis cliquez sur OK.

Cliquez sur Enregistrer la combinaison et saisissezun nom pour votre combinaison de couleurs.

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

Remarque•: les combinaisonsde couleurs sont enregistrées demanière globale. Vous pourrezdonc appliquer cette combinaisonà vos prochaines publicationsPagePlus.


Dans l’onglet Combinaisons, localisez votre nouvellecombinaison de couleurs.

Cliquez sur l’onglet Échantillons. Remarque•: leséchantillons situés au bas de l’onglet correspondentmaintenant à vos combinaisons de couleurspersonnalisées.

Vous pouvez utiliser ces échantillons pour appliquerdes combinaisons de couleurs à des objets de votrepage.

Félicitations, vous avez créé une toute nouvellecombinaison 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èvediscussion 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 à choisirdes couleurs qui ne sont pas seulement attrayantes mais qui reflètent également le contenu devotre publication.

Choix des couleursLes concepteurs et créateurs ont recours à de nombreuses méthodes différentes pour choisirles couleurs de leurs documents et sites Web. Dans l’exemple suivant, nous avons créé notrecombinaison de couleurs à partir d’une imagefigurant sur la couverture d’une brochure.Comme mentionné précédemment, vouspourriez également prélever vos couleurs surun logo d’entreprise ou toute autre«•signature•».

Vous pouvez également vous baser sur uneimage qui n’apparaît pas dans votre documentmais qui contient une plage de couleurs quevous jugez particulièrement attrayante et quidépeint parfaitement l’ambiance et le messageque vous souhaitez transmettre à votre publicdans votre publication ou site Web.

Si vous souhaitez adopter une approche plus structurée, vous pouvez même appliquer unepetite théorie des couleurs extrêmement simple•! Une recherche rapide sur Internet vouspermettra 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 cettesection, nous vous inviterons à parcourir les approches suivantes•:

Exemple 1•: trouvez une image ou une photo qui dépeint parfaitement l’ambiance ou lemessage de votre document ou site (pas nécessairement en rapport avec son contenu) etchoisissez une plage de couleurs au sein de cette image.

Exemple 2•: choisissez une couleur «•de base•» (par exemple dans une image qui apparaîtradans votre publication), puis utilisez la théorie des couleurs pour déterminer les couleurs enharmonie avec celle-ci.

Ne sous-estimez pas l’importance duchoix des couleurs lors de la conceptiond’un site Web ou document PagePlus.Quel que soit le degré deprofessionnalisme de votre mise en pageou l’intérêt de votre contenu, uneutilisation inappropriée des couleurs peutdéboucher sur des pages disgracieuseset/ou difficiles à lire.


Exemple 1•: utilisation d’une image ou photoImaginons que nous devons réaliser une brochure pour un centre thermal. La première étapeconsiste à réfléchir à l’image que nous souhaitons faire passer. Un établissement thermal, nousl’associons à des idées telles que le calme et la tranquillité. Par conséquent, il est évident que nousn’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 decouleurs 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 groupecontenant différentes teintes de bleu avec des tons plusnaturels, et l’autre groupe avec une dominante dans lestons de terre, plus sourds.

À ce stade, vous (ou votre client)devez décider quelle palette decouleurs utiliser. Pour ce didacticiel,nous partirons du principe que notrecentre thermal préfère les tons deterre du gros plan sur les galets.

Vous pouvez maintenant suivre la procédure décriteprécédemment pour créer votre combinaison de couleurspersonnalisée (voir la section «•Création de nouvellescombinaisons de couleurs•»).

Nous vous conseillons de commencer par créer une série depetits carrés et de les remplir avec différentes couleurs extraitesde l’image. Lorsque vous disposez d’une jolie palette decouleurs, jouez avec les nuances et testez différentsregroupements avant de sélectionner vos cinq couleurs finales.

Vous ne parvenez pas à décider quelle palette decouleurs utiliser•? Créez une combinaison de couleursPagePlus pour chaque palette, puis créez une «•simili-page•» avec chacune des combinaisons.Procédez de la sorte également si vous créez undocument pour un client à qui vous souhaitezproposer différentes versions possibles.


Essayez de créer plusieurs combinaisonsdifférentes en variant vos échantillonsprélevés. Ensuite, basculez d’unecombinaison à l’autre pour apprécier lesdifférentes versions de votre publication.

Exemple 2•: utilisation de la théorie des couleursCette méthode commence par le choix d’une couleur «•de base•». Vous pouvez choisir n’importequelle 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 lacouverture d’une brochure de centres aérés pour enfants.

Suivez la procédure décrite précédemment pourextraire une série de couleurs de votre image (voir lasection «•Création de nouvelles combinaisons decouleurs•»).

· N’oubliez pas d’ajouter d’abord le réglaged’image Médian afin de créer desblocs de couleurs que vouspourrez utiliser ensuite.

· Commencez par les couleurs«•principales•», celles que vousvoyez 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 derendre le choix plus difficile. Extrayez par exemple huit ou dix couleurs, ou plus selonvos 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 laroue colorimétrique afin de déterminer si elle est chaude ou froide et voir sa relation avec lesautres couleurs.

· Nos couleurs chaudesfigurent dans les zones rougesdu tee-shirt de la fillette, ainsique dans ses cheveux et leteint de sa peau. Choisissezl’une de ces couleurs si votrebut est d’apporter à votrepublication un aspect plusdoux et plus léger.

· Nos couleurs froides sontdérivées des zones bleues etblanches du tee-shirt,ainsi quedes yeux. Ces couleurs sontgénéralement utilisées dansdes approches plus sérieusesou professionnelles.

Couleurs froides

Couleurs chaudes

Roue colorimétriqueLa roue colorimétrique est un modèle de base.Elle sert uniquement de guide. Ne vousinquiétez donc pas si vous n’y trouvez pasexactement 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 depalettes de couleurs appropriées pour votredocument.


À partir de votre couleur de base et de sa position sur la roue colorimétrique, vous pouvezmaintenant 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 analoguesLes couleurs analogues sont extraites dans les deux zonesadjacentes à celle de la couleur de base.

Ces couleurs partagent toutes lamême nuance de fond (dans

notre exemple, rouge-orange,rouge et rouge-mauve).

Les combinaisons de couleursanalogues sont idéales pourles impressions ou laconception de sitesWeb•: elles sont

harmonieuses et très faciles àutiliser.

Palettes de couleurs monochromesLes palettes monochromes se composent

des tons foncés, intermédiaires etclairs (ombres et teintes) de

votre couleur de base.

Une ombre s’obtient enajoutant du noir à unecouleur pour la foncer.

Une teinte s’obtient enajoutant du blanc à une

couleur pour l’éclaircir.

Vous pouvez choisir voséchantillons de couleurs dansla palette PagePlus, puisaugmenter le contraste enréglant la valeur Teinte del’onglet Échantillons.


Palettes de couleurs complémentairesLes 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éecomme accentuation.

Ces palettes offrent uncontraste extrême, envéhiculant de l’énergie et del’excitation. Bien qu’utiliséefréquemment pour lessupports imprimés, soyezprudent lorsque vous

utilisez cette palette dans lacréation pour le Web. En

effet, des couleurs aussicontrastées ont tendance àapparaître discordantes àl’écran.

Palettes de couleurs analogues de lacomplémentaire

Les couleurs analogues de la complémentaire sont lescouleurs analogues, donc

adjacentes, de lacomplémentaire elle-même.

Moins discordante que lacomplémentaire, cettecombinaison offre uncontraste plus subtil et unepalette plus harmonieuse.

Dans cet exemple, lacouleur de base rougeserait utilisée commeaccentuation dans notremise en page.

Palettes mixtesSi vous vous sentez audacieux, vous pouvez également associerdes palettes pour créer certains effets intéressants.

Par exemple, essayez d’opposer votre couleur de base et sescouleurs analogues avec la complémentaire.

b a a a c

b c ca ca ca


Vous pouvez également associer votre couleur de base et sa complémentaire avec lescouleurs analogues de la complémentaire.

Comme vous le voyez dans nos illustrations, chaque palette, appliquée à une même mise enpage, crée un effet relativement différent. La palette finale, vous la choisirez en fonction dumessage 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. Nousespérons que vous avez apprécié ces exercices et appris quelques techniques. Vous devriezmaintenant vous sentir à l’aise dans la création de vos propres combinaisons de couleurs etcomprendre un peu plus en quoi consiste une utilisation efficace des couleurs dans laconception.

Testez, expérimentez et amusez-vous•!

Documents

Utiliser les combinaisons de couleurs