Affichage des articles dont le libellé est Illustration. Afficher tous les articles
Affichage des articles dont le libellé est Illustration. Afficher tous les articles
mercredi 4 janvier 2012
mardi 27 décembre 2011
lundi 26 décembre 2011
vendredi 23 décembre 2011
jeudi 15 septembre 2011
Tutorial bannière
Je me suis dit que ça serait intéressant de faire une explication pas-à-pas de l'illu que j'ai fait pour la bannière du blog, vu que j'ai moi-même pas mal appris de trucs utiles en la faisant :]
Alors voilà, on commence sous Photoshop ou tout autre logiciel du même type, avec une tablette graphique, je dis pas que c'est obligé mais pour la peinture digitale c'est bien plus pratique ^-^"
Bref on commencera par donner l'ambiance avec un fond qui doit avant tout déterminer d'où vient la lumière.
Je vous conseille à ce propos ce tutorial super bien fait dans lequel vous pourrez vous rendre compte du rôle du fond de départ dans l'organisation générale de la lumière dans un dessin.
En l'occurence je n'ai pas fait un paysage mais un simple fond dégradé radial pour donner une source de lumière diffuse en fond, qui donne une ambiance de "grands fonds marins" sans pour autant détourner l'attention des éléments de l'illustration elle-même.
On peut utiliser pour donner une direction à la lumière un dégradé linéaire ou radial selon le type de source de la lumière (grande, petite, fenêtre, soleil ou lumière artificielle). Il est aussi utile de bien doser les changements de couleurs dans le dégradé et les placer judicieusement. Dans Photoshop cela se passe ici :
[Cette boîte s'ouvre en cliquant sur la miniature du dégradé qui s'affiche dans la barre du haut quand on utilise l'outil dégradé]
Note : on voit pas ça dans mes images (faites après coup en utilisant le fond final) mais au tout départ j'ai commencé avec un dégradé en valeurs de gris pour donner l'emplacement et la forme du halo lumineux, je ne l'ai mis en couleur qu'après, quand j'ai voulu mettre en place l'ambiance du dessin. Mais d'abord j'ai fait la construction, en esquissant mon poisson :)
Il donne juste l'idée de départ du dessin. L'ébauche de squelette à ce moment était juste là pour m'aider à construire et proportionner le corps du poisson.
Et puis je me suis dit, pourquoi ne pas le faire apparaître par transparence ? J'ai déjà fait pas mal de recherches sur ce genre de poissons (et de croquis, j'en mettrai peut-être un ou deux plus tard) et la plupart ont la peau plutôt transparente, simplement parce qu'avoir une peau pigmentée est inutile à une profondeur où la lumière naturelle est inexistante. BREF j'avais envie qu'on voie son squelette, parce que voilà.
Alors je l'ai repéré avec quelques lignes blanches pour accentuer. Notez que les lignes blanches ne font pas partie de l'esquisse, elles sont visibles sur le dessin final.
[Pour mieux voir ce que je faisais à la phase de construction, j'ai rajouté en-dessous un calque avec un rectangle gris 50% que je pouvais mettre et enlever au besoin en un clic]
Puis je me suis mis à faire la couleur du squelette lui-même, sachant que la couleur serait filtrée et vue seulement par transparence. Pouvoir utiliser des calques est ici un avantage qui rend beaucoup de choses possibles, et c'est un des avantages de la peinture digitale.
Note : Il est très important de bien paramétrer son outil quand on commence à faire les couleurs. Jusqu'ici j'ai utilisé un trait fin avec 100% d'opacité pour faire le "crayonné". A partir de cette étape j'ai réglé l'outil "brush" à différentes tailles et "duretés" (netteté ou flou des contours) et j'ai spécifié de contrôler l'opacité du trait grâce à la pression du stylet de la tablette. On peut également utiliser la pression pour changer la largeur du trait, c'est parfois utile pour un effet un peu plus "crayon". En se débrouillant bien on peut transformer la tablette en un outil réellement intuitif et pratique.
Après ça je suis revenu sur le fond et j'ai placé des valeurs bleues en transparence par-dessus le squelette : c'est la peau du poisson.
J'ai aussi mis quelques couleurs basiques sur la pipe. Le feu à l'intérieur en réalité je l'ai fait un peu plus tard mais ça a peu d'importance. Il faut simplement faire attention à placer chaque élément distinct et chaque couche de couleur sur un calque différent : à cette étape j'ai un calque pour le fond, un pour l'esquisse, un pour les lignes blanches des contours du squelette, un pour la couleur du squelette, un pour la peau, un pour la couleur sur la pipe et enfin un autre pour le feu. Ainsi je peux éditer tous les éléments distinctement sans avoir peur d'appliquer un effet sur autre chose que ce que je veux modifier. Si on veut appliquer un changement à plusieurs calques, il est possible de les lier ou de les fusionner.
La "lampe" du poisson : une couleur orange diffuse et au centre un point blanc. Et dès qu'on ajoute les premiers reflets lumineux, la peau du poisson prend tout de suite de la texture. C'est simplement les ombres et les reflets qui donnent les impressions de matière, dans 90% des cas :)
Les reflets bleu translucide rendent l'interaction de la texture avec la lumière bleue du fond. J'ai utilisé un bleu très clair, presque blanc, en trait fin et diffus, que j'ai simplement passé sur les contours. A cette étape on a plus besoin de l'esquisse. Mais avant de l'enlever pour les finitions, passons à la fumée
Je me suis bien amusé à faire la fumée lumineuse honnêtement :)
C'est assez spécial dans la mesure où ici la lumière traverse les volutes de fumées et semble en même temps en émaner, dans une espèce de fluorescence bizarre 8)
Voilà comment j'ai fait :
D'abord, on prend un trait épais avec toujours le contrôle d'opacité du stylet, et on donne une forme générale en blanc.
Ensuite on la recouvre en gris foncé en suivant le contour en bas de la forme. Il faut que seul le contour garde de la lumière. Ensuite on rajoute une forme blanche qui vient se superposer pour faire une deuxième forme par-dessus : (OK c'est mal formulé mais euh il est super tard)
On a donc un deuxième contour blanc sur lequel on va passer une autre couche de gris allant plus foncé vers le haut, pour donner un effet de profondeur (vous me suivez ?) et on recommence l'opération plusieurs fois - voilà le résultat :
On arrive à une sorte d'amas de formes assez brutes, mais dans lesquelles on distingue déjà normalement un peu de volume.
Puis la couleur : Je l'ai obtenue en inversant les canaux de couleur, c'est une astuce pratique pour produire des couleurs très lumineuses et vives qui se mélangent dans les tons d'une image.
Explication :
Cette boîte de dialogue se trouve dans celle où on peut gérer les calques, dans l'onglet "channels". C'est les canaux de couleurs. Ici je travaille en RVB parce que l'image est destinée à être visionnée sur des écrans qui eux affichent en RVB, le rouge/vert/bleu étant les couleurs qui composent les pixels. Pour imprimer on préfèrera le CMJN (cyan/magenta/jaune/noir) qui sont les couleurs des encres des imprimantes. Si on travaille dans le mauvais mode de couleurs, elles seront converties à l'affichage ou à l'impression, et certaines couleurs seront légèrement altérées, ce qui donnera des images ternes.
On a donc ici les canaux de couleur. Eh bien en sélectionnant un des canaux et en le mettant simplement en négatif (ctrl+i ou pomme+i dans Photoshop) on inverse la position des valeurs de rouge, vert ou bleu dans l'image, et ça aura pour effet d'enlever la couleur en question des parties noires de l'image et d'en remplir les parties blanches. (C'est l'inverse en CMJN normalement je crois, mais j'ai pas vérifié XD)
En inversant le canal bleu, ici j'ai rempli les valeurs blanches de la fumée d'un bleu très vif, pour ne pas dire "fluo" :
Vous remarquerez que les valeurs foncées, faites à partir du pinceau noir, ont changé de couleur dans le sens inverse : elles ont été vidées de leur composante bleue.
Reste à donner à tout ça une vraie texture de fumée : pour ça on a deux amis précieux dans Photoshop;
L'outil goutte d'eau qui donne un effet de flou aux contours (il est bon de laisser certains contours nets pour donner du volume, en laissant plus de netteté aux formes qui sont censées être au premier plan on a toujours un effet plus agréable à l'oeil )
Puis l'outil doigt, avec lequel on ...expérimente des trucs jusqu'à ce qu'on obtienne un truc cool
On revient ensuite dans le dessin avec notre fumée :
(notez que j'ai rajouté des ombres dedans en bleu foncé pour accentuer la profondeur)
Reste simplement un peu de finition : on enlève le calque de l'esquisse (quoique parfois il finit par faire partie du dessin, mais ici l'effet de transparence est bien meilleur sans)
Puis on ajuste les contours à coups de doigt, de gomme, de ce que vous voulez, pour leur donner plus de netteté.
Et voilà le travail 8D !
© Baltic, 2011, tous droits réservés.
Alors voilà, on commence sous Photoshop ou tout autre logiciel du même type, avec une tablette graphique, je dis pas que c'est obligé mais pour la peinture digitale c'est bien plus pratique ^-^"
Bref on commencera par donner l'ambiance avec un fond qui doit avant tout déterminer d'où vient la lumière.
Je vous conseille à ce propos ce tutorial super bien fait dans lequel vous pourrez vous rendre compte du rôle du fond de départ dans l'organisation générale de la lumière dans un dessin.
En l'occurence je n'ai pas fait un paysage mais un simple fond dégradé radial pour donner une source de lumière diffuse en fond, qui donne une ambiance de "grands fonds marins" sans pour autant détourner l'attention des éléments de l'illustration elle-même.
On peut utiliser pour donner une direction à la lumière un dégradé linéaire ou radial selon le type de source de la lumière (grande, petite, fenêtre, soleil ou lumière artificielle). Il est aussi utile de bien doser les changements de couleurs dans le dégradé et les placer judicieusement. Dans Photoshop cela se passe ici :
[Cette boîte s'ouvre en cliquant sur la miniature du dégradé qui s'affiche dans la barre du haut quand on utilise l'outil dégradé]
Note : on voit pas ça dans mes images (faites après coup en utilisant le fond final) mais au tout départ j'ai commencé avec un dégradé en valeurs de gris pour donner l'emplacement et la forme du halo lumineux, je ne l'ai mis en couleur qu'après, quand j'ai voulu mettre en place l'ambiance du dessin. Mais d'abord j'ai fait la construction, en esquissant mon poisson :)
Il donne juste l'idée de départ du dessin. L'ébauche de squelette à ce moment était juste là pour m'aider à construire et proportionner le corps du poisson.
Et puis je me suis dit, pourquoi ne pas le faire apparaître par transparence ? J'ai déjà fait pas mal de recherches sur ce genre de poissons (et de croquis, j'en mettrai peut-être un ou deux plus tard) et la plupart ont la peau plutôt transparente, simplement parce qu'avoir une peau pigmentée est inutile à une profondeur où la lumière naturelle est inexistante. BREF j'avais envie qu'on voie son squelette, parce que voilà.
Alors je l'ai repéré avec quelques lignes blanches pour accentuer. Notez que les lignes blanches ne font pas partie de l'esquisse, elles sont visibles sur le dessin final.
[Pour mieux voir ce que je faisais à la phase de construction, j'ai rajouté en-dessous un calque avec un rectangle gris 50% que je pouvais mettre et enlever au besoin en un clic]
Puis je me suis mis à faire la couleur du squelette lui-même, sachant que la couleur serait filtrée et vue seulement par transparence. Pouvoir utiliser des calques est ici un avantage qui rend beaucoup de choses possibles, et c'est un des avantages de la peinture digitale.
Note : Il est très important de bien paramétrer son outil quand on commence à faire les couleurs. Jusqu'ici j'ai utilisé un trait fin avec 100% d'opacité pour faire le "crayonné". A partir de cette étape j'ai réglé l'outil "brush" à différentes tailles et "duretés" (netteté ou flou des contours) et j'ai spécifié de contrôler l'opacité du trait grâce à la pression du stylet de la tablette. On peut également utiliser la pression pour changer la largeur du trait, c'est parfois utile pour un effet un peu plus "crayon". En se débrouillant bien on peut transformer la tablette en un outil réellement intuitif et pratique.
Après ça je suis revenu sur le fond et j'ai placé des valeurs bleues en transparence par-dessus le squelette : c'est la peau du poisson.
La "lampe" du poisson : une couleur orange diffuse et au centre un point blanc. Et dès qu'on ajoute les premiers reflets lumineux, la peau du poisson prend tout de suite de la texture. C'est simplement les ombres et les reflets qui donnent les impressions de matière, dans 90% des cas :)
Les reflets bleu translucide rendent l'interaction de la texture avec la lumière bleue du fond. J'ai utilisé un bleu très clair, presque blanc, en trait fin et diffus, que j'ai simplement passé sur les contours. A cette étape on a plus besoin de l'esquisse. Mais avant de l'enlever pour les finitions, passons à la fumée
Je me suis bien amusé à faire la fumée lumineuse honnêtement :)
C'est assez spécial dans la mesure où ici la lumière traverse les volutes de fumées et semble en même temps en émaner, dans une espèce de fluorescence bizarre 8)
Voilà comment j'ai fait :
D'abord, on prend un trait épais avec toujours le contrôle d'opacité du stylet, et on donne une forme générale en blanc.
Ensuite on la recouvre en gris foncé en suivant le contour en bas de la forme. Il faut que seul le contour garde de la lumière. Ensuite on rajoute une forme blanche qui vient se superposer pour faire une deuxième forme par-dessus : (OK c'est mal formulé mais euh il est super tard)
On a donc un deuxième contour blanc sur lequel on va passer une autre couche de gris allant plus foncé vers le haut, pour donner un effet de profondeur (vous me suivez ?) et on recommence l'opération plusieurs fois - voilà le résultat :
On arrive à une sorte d'amas de formes assez brutes, mais dans lesquelles on distingue déjà normalement un peu de volume.
Puis la couleur : Je l'ai obtenue en inversant les canaux de couleur, c'est une astuce pratique pour produire des couleurs très lumineuses et vives qui se mélangent dans les tons d'une image.
Explication :
Cette boîte de dialogue se trouve dans celle où on peut gérer les calques, dans l'onglet "channels". C'est les canaux de couleurs. Ici je travaille en RVB parce que l'image est destinée à être visionnée sur des écrans qui eux affichent en RVB, le rouge/vert/bleu étant les couleurs qui composent les pixels. Pour imprimer on préfèrera le CMJN (cyan/magenta/jaune/noir) qui sont les couleurs des encres des imprimantes. Si on travaille dans le mauvais mode de couleurs, elles seront converties à l'affichage ou à l'impression, et certaines couleurs seront légèrement altérées, ce qui donnera des images ternes.
On a donc ici les canaux de couleur. Eh bien en sélectionnant un des canaux et en le mettant simplement en négatif (ctrl+i ou pomme+i dans Photoshop) on inverse la position des valeurs de rouge, vert ou bleu dans l'image, et ça aura pour effet d'enlever la couleur en question des parties noires de l'image et d'en remplir les parties blanches. (C'est l'inverse en CMJN normalement je crois, mais j'ai pas vérifié XD)
En inversant le canal bleu, ici j'ai rempli les valeurs blanches de la fumée d'un bleu très vif, pour ne pas dire "fluo" :
Vous remarquerez que les valeurs foncées, faites à partir du pinceau noir, ont changé de couleur dans le sens inverse : elles ont été vidées de leur composante bleue.
Reste à donner à tout ça une vraie texture de fumée : pour ça on a deux amis précieux dans Photoshop;
L'outil goutte d'eau qui donne un effet de flou aux contours (il est bon de laisser certains contours nets pour donner du volume, en laissant plus de netteté aux formes qui sont censées être au premier plan on a toujours un effet plus agréable à l'oeil )
Puis l'outil doigt, avec lequel on ...expérimente des trucs jusqu'à ce qu'on obtienne un truc cool
On revient ensuite dans le dessin avec notre fumée :
(notez que j'ai rajouté des ombres dedans en bleu foncé pour accentuer la profondeur)
Reste simplement un peu de finition : on enlève le calque de l'esquisse (quoique parfois il finit par faire partie du dessin, mais ici l'effet de transparence est bien meilleur sans)
Puis on ajuste les contours à coups de doigt, de gomme, de ce que vous voulez, pour leur donner plus de netteté.
Et voilà le travail 8D !
© Baltic, 2011, tous droits réservés.
Inscription à :
Articles (Atom)