Archive for the ‘color’ Category

Couleur vs Gris / Colour vs Gray

Friday, June 4th, 2010

Je vais parler des gris et comment je fais pour résoudre des problèmes de couleurs à cette étape. J’ai pris mon illustration ‘Crab’ comme exemple.

J’ai fait deux comparaisons: une avec les bonnes valeurs de couleur et l’autre avec les mauvaises valeurs de couleur.

Dans cette illustration, le crabe est le sujet. L’oeil est attiré vers le crabe pour plusieurs raisons: 1- la couleur orange qui est la complémentaire du bleu, 2- la valeur de l’orange est plus foncée que celle du sable et 3- la composition.

Pour voir la différence, j’ai diminuer la saturation des couleurs pour ne voir que les gris. Je voulais que le crabe soit le sujet principal, j’ai donc modifié la valeur de mes couleurs pour avoir le plus de contraste possible. La valeur, c’est si une couleur est pâle ou foncée.

Une autre chose que j’ai fait pour m’assurer que le crabe soit le sujet principal, c’est l’utilisation des couleurs complémentaires. Le seul objet orange dans l’illustration est le crabe. Tout le reste sont dans des teintes de bleus.

Dans le deuxième exemple, j’ai modifié l’illustration pour rapprocher la valeur des couleurs du crabe et du sable le plus possible l’une de l’autre. Après avoir diminué la saturation des couleurs, on voit tout suite que le crabe disparaît. Ce n’est plus lui qui est le sujet principal, parce que le contraste entre le sable et le crabe est presqu’inexistant. Les algues et les roches dans le fond ont un plus grand contraste et notre oeil est porté à regarder cette partie de l’illustration. Même si le crabe est dans une couleur complémentaire, sa valeur n’est pas la bonne.

T-Shirt pour la Fête des Pères, disponible ici

Autocollant, ici

—-

I will talk about grays and how I solve color problems at this point. I took my illustration ‘Crab’ as an example.

I made two comparisons: one with good color values and the other with the wrong color values.

In this illustration, the crab is the subject. The eye is drawn to crab for several reasons: 1 – the colour orange is complementary to the blue, 2 – the value of the orange is darker than the value of the sand and 3 – the composition.

To see the difference, I desaturated the colours to see only the grays. I wanted the crab to be the main subject, so I changed the value of my colour to get the most contrast. The value of a colour is if a colour is light or dark.

Another thing I did to make sure the crab was the subject is the use of complementary colours The only orange object in the illustration is the crab. All the rest are in shades of blue.

In the second example, I changed the colour values of the crab and the sand to be as close as possible from each other. After decreasing the colour saturation, it is obvious to the eye that the crab disappears. The crab is not the main subject anymore, because the contrast between the sand and the crab is almost non-existent. The algae and the rocks in the background have a greater contrast. Our eyes now focus on this part of the illustration. Even if the crab is still in a complementary colour, its value is not good.

T-Shirt for Father’s Day, available here

Stickers, here

Couleurs/Colors (Français)

Saturday, May 29th, 2010

Note:  Ceci est la même entrée que Couleurs/Colors mais cette fois-ci je l’ai traduis pour vous, lecteurs francophones :)

This is the same Couleurs/Colors but this time in French.  I decided to translate this post, because I have francophone readers :)

Je ne suis pas une experte et je suis encore en train d’apprendre sur la lumière et la couleur. Je décris mes procédés pour partager avec les gens. Vous pouvez partager vos procédés dans les commentaires.

Il s’agit de mon processus de couleur pour l’illustration “Dino”. Ceci n’est pas un tutoriel de Photoshop. Si vous êtes intéressé, je peux vous donner les liens de ceux que j’ai utilisé, dans une autre entrée.

Quand je peins digitalement, j’utilise mes connaissances de mélanges de vraie peinture.  J’essaye de trouver les meilleurs résultats possible en observant les résultats. Je dis cela parce que je ne peux pas mélanger les couleurs correctement dans Photoshop :) Je suis toujours à la recherche d’une bonne façon de le faire. (Deux couleurs complémentaires ne font pas un gris neutre, mais donnent des bruns)

Tout d’abord, j’ai travaillé les gris. Je n’ai pas gardé le croquis dans mon document, mais j’en ai fait un rapidement pour me donner une idée. C’est l’équivalent de la couleur en gris. Par exemple, le jaune donne un gris plus pâle que le violet, qui sera le plus foncé des deux. Vos couleurs seront alors bien balancé dans l’illustration. Cela permet de définir le sujet et de le séparer du reste de la peinture. Vous pouvez résoudre beaucoup de problèmes avec cette étape. Ainsi, avec un programme, comme Photoshop ou Gimp, vous pouvez juste désaturer votre peinture pour vérifier ses gris et le comparer avec votre croquis en gris. Avec une peinture sur toile, je prends une photo en utilisant l’option noir et blanc et il est plus facile de voir ce qui doit être modifié.

Ici, c’est l’illustration finale que j’ai désaturée. Vous pouvez voir que l’avant-plan est sombre, le dinosaure est sombre, le sol et la montagne à l’arrière sont plus pâles. J’ai gardé les gris des éléments de premier plan similaires pour garder l’intérêt sur le dinosaure.

Dans cette illustration, j’ai utilisé les couleurs complémentaires. Je n’ai pas choisi toutes mes couleurs au début, mais je les ai ajoutées au besoin.

En premier, j’ai choisi une couleur qui me donne une atmosphère. Dans ce cas, je pensais au désert, j’ai donc choisi une couleur orange pâle. J’ai fait une couche sous mon dessin et couvert toute la toile avec cette couleur, comme une sous-couche. (En art, une sous-couche est une couche initiale de peinture appliquée sur une toile, qui sert de base pour les autres couches de peinture. Les sous-couches sont souvent monochromes et aide à définir les valeurs de couleur pour la peinture plus tard.)

(Il s’agit du orange pâle après avoir effacé autour de l’illustration.)

Avec cette première couleur, cela m’a donné un point de référence pour choisir le reste de mes couleurs. Alors, j’ai choisi un bleu-gris pour les dinosaures qui complémente l’orange pâle. Je voulais aussi que les couleurs du paysage et les couleurs de premier plan soient similaires. Donc, mon sujet principal est bleu, et le reste est brun-orange.

J’ai ensuite utilisé le croquis en gris comme référence pour mes choix de couleurs. J’ai désaturé mon illustration à plusieurs reprises pour comparer les niveaux de gris avec le dessin.

Pour l’éclairage, j’ai utilisé une petite flèche pour me rappeler de la direction de la lumière. J’ai choisi une lumière de 45 degrés à partir du haut à gauche. Maintenant que je la regarde, l’ombre du Dino sur le terrain aurait pu être plus sombre. L’ombrage est à peine visible.

Pour les ombres, je n’ai pas simplement ajouté du noir. Dans le sélecteur de couleurs, j’ai déplacé le curseur vers le haut ou le bas pour ajouter de l’intérêt. Par exemple, je peux faire un cyan qui est plus bleu ou plus violet. Avec de la vraie peinture, j’ajouterais la couleur complémentaire pour les ombres.

Voici la palette que j’ai utilisée. J’ai fait une roue des couleurs assez simple et au milieu sont mes couleurs pour cette illustration. Comme vous pouvez le voir, elles sont des variantes de bleu et orange.

Quelles sont vos techniques pour vérifier vos couleurs?

Couleurs / Colors

Saturday, May 15th, 2010

Update: I fixed the images.

*Note:  J’ai écris cet article en anglais pour le moment.  Je veux garder mon blog bilingue, mais si j’ai des demandes pour traduire ces articles, alors je le ferai. :)

I am not an expert and I am still learning about light and colors.

This is about my color process for the illustration “Dino”.  This is not a Photoshop tutorial.  If your are interested, I’ll give you the links of the ones I used in another post.

The only thing I do when I paint digitally is use my knowledge from mixing real paint and use my eyes to make it work on the screen.   I say that because I can’t properly mix colors in Photoshop :)  I am still looking for a good way to do it.  (Two complementary colors doesn’t make a neutral gray, but some brown instead.)

First, I worked out the tonal.  I didn’t keep the layer in my file, but I did a super quick painting to work out the tonal.  It is the gray equivalent of the color.  For example, the gray equivalent of yellow is lighter than the gray equivalent of purple.  Your colors will then read well in the illustration.  It also makes sure the subject is the main focus and not a background element.  You can solve a lot of problems with that step.  So, with a program you can just desaturate your painting to check your grays and compare it with your gray sketch.  With a real painting, I take a picture set on black and white and it makes it easier to figure out what needs to be fix.

Here, is the final illustration which I desaturated.  You can see that the foreground is dark, the dinosaur is dark, the ground and the mountain in the back is lighter.  I kept the grays of the foreground element close together to keep the interest on the dinosaur.

In this illustration, I used complementary colors.  I didn’t choose all my colors at first, I just kept adding them as needed.

I like to choose a color that gives me the mood I want for the drawing.  In this case I was thinking of dry land, so I chose some light orange.   I made a layer under my drawing and covered the entire canvas with that color, like an underpainting.

(This is the light orange after I erased around the illustration.)

With that first color down, it gave me a reference point to choose all the rest of my colors.  So I chose some blue-gray for the dinosaur which complement the light orange.   I also wanted the background colors and the foreground colors to be the same.    So my main subject is blue, and the rest is orange-brown.

I then used the tonal sketch as a reference for my color choices.  I desaturated my illustration several times to compare the grays with the sketch.

For lighting, I just drew a little arrow to remind me of the direction of the light.  I chose a 45 degree light from the top left.  Now that I look at it, the shadow of the dino on the ground could have been way darker.  It is barely visible.

For the shadows, I didn’t just add black.  In the Color Picker,  I moved the slider up or down to add interest.  For example, I can make a dark blue more purple or more cyan.  With real paint, I would add the complementary color for the shadows, but like I said earlier, I have a hard time mixing colors with computer programs.

So, this is the pallet I used.  I made a very crude color wheel and in the middle are my colors for this illustration.  As you can see, they are variations of blue and orange/brown.

If you are interested, I can make other posts like this.  What would you like me to talk about?  Was that an interesting post?  Are my explanations clear?   Let me know in the comments.