Utilisation des combinaisons de couleurs                  Lors de la création de vos publications, l’un des               ...
138       Labo d’apprentissage          Utilisation des combinaisons de couleursUtilisation des combinaisons de couleursDa...
Labo d’apprentissage                         139                            Utilisation des combinaisons de couleurs    Lo...
140        Labo d’apprentissage          Utilisation des combinaisons de couleursModification des combinaisons de couleurs...
Labo d’apprentissage                                 141                                Utilisation des combinaisons de co...
142        Labo d’apprentissage           Utilisation des combinaisons de couleurs  Sélectionnez lobjet, puis, dans la bar...
Labo d’apprentissage                      143                                     Utilisation des combinaisons de couleurs...
144       Labo d’apprentissage           Utilisation des combinaisons de couleurs    Dans l’onglet Combinaisons, localisez...
Labo d’apprentissage                             145                                   Utilisation des combinaisons de cou...
146       Labo d’apprentissage          Utilisation des combinaisons de couleurs    Essayez de créer plusieurs combinaison...
Labo d’apprentissage                               147                           Utilisation des combinaisons de couleurs·...
148       Labo d’apprentissage          Utilisation des combinaisons de couleurs    À partir de votre couleur de base et d...
Labo d’apprentissage        149                                 Utilisation des combinaisons de couleursPalettes de couleu...
150       Labo d’apprentissage           Utilisation des combinaisons de couleursVous pouvez également associer votre coul...
Prochain SlideShare
Chargement dans…5
×

Utiliser les combinaisons de couleurs

5 188 vues

Publié le

0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
5 188
Sur SlideShare
0
Issues des intégrations
0
Intégrations
13
Actions
Partages
0
Téléchargements
268
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Utiliser les combinaisons de couleurs

  1. 1. 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.
  2. 2. 138 Labo d’apprentissage Utilisation des combinaisons de couleursUtilisation 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 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.
  3. 3. Labo d’apprentissage 139 Utilisation des combinaisons de couleurs 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 vouscréez une toute nouvelle publication, vous pouvez Si vous copiez un objetétendre une combinaison de couleurs à vos éléments de avec une certaine combinaisonmise en page en utilisant le processus décrit ci-avant. de couleurs dans un autreL’essai et le choix de la combinaison la plus adaptée document PagePlus, celui-ci reprend la combinaison depeuvent prendre un certain temps. Toutefois, le couleurs utilisée dans leprocessus reste extrêmement simple. nouveau document.
  4. 4. 140 Labo d’apprentissage Utilisation des combinaisons de couleursModification 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 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.
  5. 5. Labo d’apprentissage 141 Utilisation des combinaisons de couleurs 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 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 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.
  6. 6. 142 Labo d’apprentissage Utilisation des combinaisons de couleurs Sélectionnez lobjet, puis, dans la barre doutils Organiser, cliquez sur (ou faites un clic droit sur limage 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 limage 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.
  7. 7. Labo d’apprentissage 143 Utilisation des combinaisons de couleurs 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 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. 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 dede couleurs sont enregistrées de la combinaison, puis cliquez sur OK.manière globale. Vous pourrezdonc appliquer cette combinaison Cliquez sur Enregistrer la combinaison et saisissezà vos prochaines publicationsPagePlus. un nom pour votre combinaison de couleurs.
  8. 8. 144 Labo d’apprentissage Utilisation des combinaisons 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 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 sur Ne sous-estimez pas l’importance duun 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é deVous pouvez également vous baser sur une professionnalisme de votre mise en pageimage qui n’apparaît pas dans votre document ou l’intérêt de votre contenu, unemais qui contient une plage de couleurs que utilisation inappropriée des couleurs peutvous jugez particulièrement attrayante et qui déboucher sur des pages disgracieusesdépeint parfaitement l’ambiance et le message et/ou difficiles à lire.que 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.
  9. 9. Labo d’apprentissage 145 Utilisation des combinaisons de couleursExemple 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 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.
  10. 10. 146 Labo d’apprentissage Utilisation des combinaisons de couleurs 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 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 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.
  11. 11. Labo d’apprentissage 147 Utilisation des combinaisons de couleurs· 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 laroue colorimétrique afin de déterminer si elle est chaude ou froide et voir sa relation avec lesautres 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
  12. 12. 148 Labo d’apprentissage Utilisation des combinaisons de couleurs À 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émentairePalettes de couleurs analoguesLes couleurs analogues sont extraites dans les deux zonesadjacentes à 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.
  13. 13. Labo d’apprentissage 149 Utilisation des combinaisons de couleursPalettes 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é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émentaireLes 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 mixtesSi vous vous sentez audacieux, vous pouvez également associer b a a a cdes 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 c ca ca ca
  14. 14. 150 Labo d’apprentissage Utilisation des combinaisons de couleursVous 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•!

×