comment faire avec canalblog

Petits tutoriels pour le mode avancé de Canalblog. Venez profiter de mes essais et erreurs pour apprendre quelques trucs pour personnaliser votre blog.

13.06.07

Cahier 10 - la palette de couleur, première partie

La palette de couleur

Couleur unie, degradés, textures et motifs..

 

Je fais une petite dérogation et je passe à la palette de couleur avant de prendre un autre outil. Je crois qu'il est important, maintenant que nous venons de voir l'outil "pinceau" de maîtriser notre palette de couleur et toutes ses options possibles. Il y en a effectivement plusieurs..

Pour commencer, revoyons notre palette de couleurc146

 

Nous avons déjà vu au cahier 7 les bases de la palette de couleur.

On résume vite vite:

Les deux petits rectangle en haut pour les arrière-plan et avant-plan surtout quand on ajoute une bordure ou à l'utilisation de certains filtres.
Le grand rectangle arc-en-ciel pour la sélection des couleurs de façon rapide.
Les deux rectangles suivants cases de styles ( rouge en avant-plan et bleu en arrière-plan) qui affecte directement nos outils ( clic gauche pour le rouge et clic droit pour le bleu) comme le pinceau. On peut aussi sélectionner, à partir de ces rectangles, des 2-couleurs unies, 3- des dégradés ( gradients), 4-des textures ou 5-annuler la possibilité.

c114

Fin du résumé: nous avons aussi vu, que dans le dernier rectangle ( RGB) nous pouvions y voir le numéro exact de la couleur, surtout quand on survole un dessin à l'aide de la pipette.

Nous allons maintenant nous attaquer principalement à cette partie de la palette.

c147

 Nous avons déjà parlé des rectangles "styles". Nous allons approfondir le sujet et nous parlerons aussi des rectangles nommés "textures". Ce sera principalement sous formes d'exemples comme les cahiers précédents, mais nous allons aussi parler technique ( extension des images enregistrées pour êtres utilisés dans cette section, comment enregistrer de nouvelles textures...)

Je vais aussi, tout de suite régler le sort au petit carré coché "lock" ou "verrou".

Le Verrou : cette petite case vous permet de choisir de garder vos configurations pour chaque outil et de se les rappeler quand vous reprenez un outil ou de partager une configuration à tous les outils un après l'autre. Je m'explique un peu plus ! Je suis présentement en rouge et bleu ( image ci-dessus) et je dessine avec le pinceau. Je change d'outil et je prend "texte" et je veux garder ces mêmes couleurs pour écrire. Je garde la case "lock-verrou" coché et la configuration des couleurs restera la même que je passe de texte à pinceau ou à pot de peinture.
Au contraire, je travaille avec le rouge et le bleu toujours avec mon pinceau et je sais que je vais avoir à me servir souvent de cette configuration mais aussi d'autre couleur pour mon texte et une autre aussi pour mon pot de peinture. Je décoche mon "verrou", et je configure les couleurs pour chacun de mes outils. De cette façon, à chaque fois que je vais revenir à mon outil pinceau, les couleurs vont se remettre toutes seules au rouge et bleu. Quand je vais utiliser mon outil Texte, il va prendre les couleurs que je lui aurai indiquées et ainsi de suite. Voilà pour le verrou.

image37

Si vous cliquez sur le petit triangle en bas du rond plein, vous aurez pourrez transformer votre pinceau en dégradé ou avec un patron. Le patron (ou motif)  est différent de la texture dans le sens ou cela n’affecte pas la couleur du pinceau mais dessine directement un dessin au complet… comme ici une peau de léopard ? Par contre… si vous choisissez d’activé le petit rond texturé juste après comme ceci

image38

La vous activez la texture et cela aura pour effet d’affecter soit la couleur, le dégradé ou même le patron

Voici quelques exemples :

image39

1, couleur unie seulement

1a : couleur affecté par la texture brique

2 : dégradé seulement

2a : dégradé affecté par la texture brique

3 : motif seulement

3a : motif affecté par la texture brique…

Les options de la couleur unie - personnaliser une couleur

c148

A: pour avoir cette fenêtre, on clic droit une fois sur le rectangle de couleur ( avant ou arrière-plan). Nous avons donc les dernières couleurs utilisées ( je sais, je me répète mais ça ne fait pas toujours tort...)
B: on clic sur autres pour avoir la grande fenêtre "couleur". On va apprendre ici à "faire une couleur personnalisée"

C: on clic sur un petit carré blanc de libre ou encore un carré de couleur que l'on sait ne plus utiliser pour le travail en cours.

En effet, je trouve cette option de personnaliser les couleurs très pratique lorsque nous travaillons sur une image avec plusieurs étapes. Quand nous prévoyons utiliser une couleur ultérieurement dans notre travail, on peut ainsi "placer" cette couleur en attente et revenir la sélectionner à notre guise à cet endroit. Les couleurs ainsi personnalisées restent en mémoire même si nous fermons notre ordinateur. Il peut quand même être intéressant de noter les numéros des couleurs si nous prévoyons revenir sur ce travail que plusieurs jours plus tard pour le cas où nous effacerions notre couleur par mégarde.

D: On choisit notre couleur à l'aide du cercle chromatique et du "carré de précision" au milieu de celui-ci, où encore à l'aide des numéro de code html en #2 ou grâce au numéros de RGB selon les indications que vous auriez.
E: Une fois notre couleur choisie, que l'on peut voir dans notre fenêtre de pré-visualisation #1, on clic sur "add custom- ajouter" et nous avons une nouvelle couleur personnalisée. Il suffira maintenant de revenir à cette fenêtre, et de cliquer sur le petit carré rouge pour re-sélectionner cette couleur.

#1 : vous avez la fenêtre de visualisation présente quand vous promenez votre pipette dans votre cercle chromatique ou dans le "carré de précision" au milieu. Elle vous indique donc , au fur et à mesure de votre petite promenade, la couleur qui est choisie. Juste en dessous de la première fenêtre, vous avez votre "ancienne couleur". C'est pratique quand vous chercher une couleur soit très près mais démarquante ou encore une couleur complémentaire. Vous avez donc côte à côte votre ancienne couleur et celle que vous êtes en train de choisir, ce qui vous aide à comparer.

#2: identifier une couleur par son "étalage numérique" ou par son "code html". L'étalage numérique s'identifie pas vos couleur de Rouge, Vert et Bleu (RVB ou RGB en anglais). Ma couleur était moi pur rouge car je n'avais que 255 en rouge et rien en bleu et en vert. En général, quand vous aurez des indications quant aux numéros de couleur, cet à cette option que l'on pense. Il est assez rare que l'on vous demande les numéros pas saturation... ( les configuration juste à côté). De plus, si vous avez coché "link colors - couleurs de lien", vous aurez le code html de la couleur. Toujours à 6 caractères, lettres et chiffres, ce code de couleur est presque universel et est très pratique pour la conception de page web.

image40

Cette option n’est plus offerte de cette manière avec pspX. Si vous faites un clic droit de la souris c’est les dernières couleurs (configurations de la palette, textures, motifs…) utilisées qui apparaîtront. Si vous voulez gardez des couleurs pour un usage ultérieur, vous devez alors aller au cahier 7.  

 

Passons au dégradé

c149

Cette palette pour pspX, est presque identique alors je ne ferai pas de capture d’écran

A: On clic et on tient le bouton gauche de la souris pour voir apparaître la petite fenêtre des choix de styles et on choisit l'espèce de petit carré à dégradé.

B: Ensuite, on clic gauche une fois sur le rectangle et la grande fenêtre Dégradée va s'ouvrir.

C: Nous avons une fenêtre qui nous montre le dégradé présentement sélectionné. Nous pouvons en faire défiler d'autre en cliquant sur la petite flèche.

D: Nous pouvons créer nos propres dégradés...

1: voici les quatre différents style de dégradés possibles ( exemple va suivre)

2: on peut configurer les positions des dégradés selon le style choisi ( exemple va suivre)

3: on peut inverser notre gradient ( exemple va suivre)

4: détail technique, il faut indiquer le chemin pour les autres gradients...

Voici un premier exemple des résultats selon le style de dégradé choisi. Toutes les images ont été faites avec le même choix de dégradé mais les 4 styles possibles. De plus, vous pouvez voir que j'ai une colonne avec le chois "invert" de coché et l'autre de pas coché.

c150

Ici je vous montre, avec le style "carré" l'option "repeats- répéter" ce que mon dégradé peut devenir. En fait, il va répéter la séquence du dégradé 5 fois ici à l'intérieur de la même surface.

c151

J'ai pris ici le style "rond" de dégradé ( toujours avec le même dégradé que tout à l'heure) et j'ai joué avec les configurations horizontal et vertical. Vous pouvez constater que cela fait changer le "milieu" du dégradé.

c152

En prenant le style "linéaire" ( c'est le seul qui vous donne accès à l'option angle ), j'ai encore une fois pris l'option répéter et changer l'angle de mon dégradé.

Avec pspX, vous pouvez changer l’angle aussi avec le carré et le radial (sunset)

c153

Enfin, le dernier style ( je n'ai pas de nom à lui donné à celui-là) j'ai encore une fois joué avec "horizon et vertical" et augmenté le "répéter" pour avoir un très bel effet ! :-)

c154

Les variations sont presque infinis ici. Et on n'a encore rien vu...

Posté par frenchgirl à 10:02:00 AM - Cahiers psp - Commentaires [0] - Rétroliens [0] - Permalien [#]

Commentaires

Poster un commentaire







Rétroliens

URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=244436&pid=5288066

Liens vers des weblogs qui référencent ce message :