Informations principales:
Auteur original:
Corentin
Charron (Mr.Yann)
Contact:
Date
de création:
Samedi 27 Octobre 2007
Date
de dernière révision: 29/10/2007
Logiciel
utilisé:
GIMP
Version
du logiciel:
2.4
Informations pratiques:
Niveau
requis:
Les connaissances de base sont nécéssaires, ainsi que la
compréhension des principes de base. Les fonctionnalités avancées qui
seront utilisées dans ce tutoriel seront décrites et expliquées.
Objectif
du tutoriel:
Savoir faire une citrouille.
Résultat
optimal du tutoriel:
Objectif
didactique:
Maîtriser le "plaquage sur une sphère" et le "repoussage".
Le tutoriel aborde aussi les modes de fusion des calques. Le tutoriel
introduit la nécessité d'anticipation en graphisme: savoir dès le début
où on va et comment on y va.
Description
du tutoriel:
La période durant laquelle j'ai rédigé ce tutoriel est celle
d'Halloween. Dans le cadre de mes contributions à divers forums
graphiques, j'ai été, forcément, amené à faire des citrouilles. J'ai
donc décidé de créer ce tutoriel après avoir été moi-même surpris par
le résultat que j'obtenais, et la souplesse de la méthode employée...
Commentaire:
Le tutoriel offre une base minimale de connaissances. Le résultat final
n'est exploitatable qu'après l'avoir bien modifié et mis en scène. Le
résultat final s'oriente plus vers le réalisme que vers une citrouille
de type cartoon aux arêtes tranchées...
On
pourra aussi dire que c'est une orange aplatie que vous allez faire
dans ce tutoriel, et c'es tout de même vrai qu'on est loin d'une
citrouille réaliste. Bref, la citrouille n'est qu'un prétexte pour
aborder deux notions très importantes de GIMP: Plaquer
sur un objet
et Repoussage
d'après une carte.
License:
Non
que je tienne à l'immense notoriété que ces tutoriaux me confèrent (hum
hum), mais j'aime que mon travail soit respecté, donc je partage tout
mes tutoriaux selon les conditions suivantes (celles de la licence Creative Common):
- Vous êtes libre de distribuer, voire commercialiser ce document
- Vous êtes libre de modifier ce document
- A condition d'en indiquer l'auteur original (Mr.Yann)
- A condition de le partager selon les mêmes conditions que le présent document.
Plus de détails sur la license utilisée
Plan
du tutoriel:
- Création de la texture
visuelle de la citrouille
- Création des textures de
Bump
- "Mise en sphère"
- Assemblage de la citrouille
- Retouches
0) Préparation
Même
si je décris le processus plusieurs fois dans le tutoriel, voici les
notions de bases à connaître pour ce tutoriel, dont l'ignorance
pourrait perdre certains novices:
CALQUES:
| Créer
un calque |
Dupliquer
un calque |
Supprimer
un calque |
Fusionner
deux calques |
Modifier
un mode de fusion |
Modifier
l'opacité |
 |
 |
 |
Clique-droit
> Fusionner vers le bas |
 |
 |
OUTILS:
| Sélection
rectangulaire |
Outil
d'étirement ou de rétrécissement |
Déplacer |
Dégradé |
 |
 |
 |
 |
C'est
volontairement que je ne donne aucun raccourci clavier dans ce
tutoriel, puisque ceux-ci peuvent être modifiés très facilement, et
donc
être différents selon les utilisateurs, dont moi par exemple.
1) Création de la texture visuelle
de
la citrouille
Commençons
par créer une image, peu importe les dimensions, pourvu qu'elles soient
grandes pour nous permettre ensuite de réduire la citrouille obtenue en
plusieurs modèles. il faut aussi que le ratio soit de 1:1, ce qui
signifie une image carrée.
Information:
Le script que nous allons
utiliser par la suite, qui permet de plaquer un calque sur une forme,
et notamment sur une sphère, dépendant du ratio de l'image (du calque,
en
fait). Ainsi, un calque carré auquel on applique le filtre de plaquage
sur une sphère donnera un boule, mais si le calque est rectangulaire,
l'image finale donnera une sphère aplatie ou étirée par les pôles...
Il vaut mieux partir d'un carré, quitte à ensuite l'aplatir, car nous
contrôlerons mieux cet aplatissement en l'appliquant nous-même.
Nous
allons commencer par dessiner la texture de la citrouille à plat.
Supposons donc que les creux sont sombres, et que les bosses
sont
claires, ce qui simule l'éclairage naturel, nous
allons donc commencer par créer une texture qui va de l'orange
sombre à l'orange clair à l'orange sombre à l'orange clair, et ainsi de
suite...
Information:
Par défaut, l'oeil humain imagine que la source de lumière vient u coin
supérieur gauche.
Pour être le plus
précis possible, nous allons utiliser des guides.
Astuce: Les
guides peuvent être positionnés de deux manières différentes:
- La
première consite à maintenir cliqué sur la règle verticale ou
horizontale, selon nos besoins, puis à faire glisser (tout en gardant
appuyé) vers l'image. On peut ainsi positionner de manière
approximative, mais on peut s'aider des coordonnées données en direct
en
bas de la fenêtre. Cette méthode est
utile dans le cadre d'alignement entre objets par exemple.
- La seconde méthode est beaucoup plus
précise: Image > Guide > Nouveau guide ... Cette
méthode permet d'entrer
des coordonnées précises, ou des pourcentages, ou même de créer un
guide à partir de la selection courante.
Pour supprimer un guide,
approchez vous de lui avec l'outil sélection, puis déplacez-le hors du
cadre de l'image.
Information:
Les guides peuvent permettre de déplacer précisément des calques (par
rapport aux limites des calques). En effet, quand on approche un calque
d'un guide, le calque est attiré automatiquement, et, jusqu'à une
certaine
distance, reste aimanté au guide. Cette propriété, appellée
"magnetisation" peut être activée/désactivée via:
Affichage >
Afficher les guides
Pour placer ces
guides de manière
précise, aidez-vous des indications de coordonnées affichées en bas à
gauche de la fenêtre (le guide étant dans ce cas là vertical, seules
les
coordonnées horizontales nous interessent). Placez le premier guide à 40 pixels
du bord de l'image, puis le second à 80 pixels.
Information:
Les coordonnées sont affichées sous la forme (coordonnées horizontales
,
coordonnées verticales), l'unité étant paramétrable, et celle par
défaut étant le pixel.
Supprimez
l'arrière-plan, qui est gênant du fait qu'il ne soit pas un calque
comme les autres, à savoir qu'il reste en bas de la pile.
Créez un
nouveau calque nommé "texturecitrouille1". C'est sur ce calque que
vous allez mettre la texture à plat de la citrouille.
Choisissez
l'outil "Dégradé", puis mettez en couleur
de PP
(premier plan)
un
orange foncé, et en AP
(arrière plan)
un orange clair.
Voici les
coordonnées, en notation html, que j'ai utilisé dans le tutoriel:
AP:
#ff9000
PP:
#b37f0f
Enlevez bien le
signe "#" lorsque vous copiez-collez dans la fenêtre.
Choisissez le
dégradé PP vers AP, puis inversez le dégradé.
Choisisez enfin un
dégradé "bilinéaire".
Prenez
l'outil de Sélection, et sélectionnez la zone
allant de l'origine de
l'image au guide le plus éloigné que nous avons positionné tout à
l'heure. La magnétisation vous aidera à être plus précis.
Dans cette
sélection, reprenez l'outil de dégradé, puis faites un dégradé
partant du centre (guide
positionné à 40).
Maintenez la ligne de dégradé parfaitement horizontale en laissant
appuyé sur Ctrl (Contrôle).
Après
cette opération, dupliquez le calque "texturecitrouille1", et
décalez la copie de 80 pixel vers la droite. Utilisez
les flèches pour
plus de précision.
Sélectionnez le
calque précédement dupliqué, puis fusionnez-le avec celui du dessous:
Clique-droit
sur le calque > Fusionner vers le bas
Répétez
l'opération de duplication et de fusion des calques jusqu'à ce que vous
remplissiez tout l'espace, comme dans la capture ci-dessous:
Vous
ne devez avoir qu'un calque, qui est la fusion de tout les calques
dupliqués auparavant. Dupliquez encore une fois ce calque. Appliquez un
flou
gaussien
à la copie, qui est au dessus de l'original:
Filtres
> Flou > Flou Gaussien
Appliquez une
valeur d'environ 29
pixels
au flou, si vous avez pris les même dimension d'image que moi au départ.
Mettez le calque
que vous venez de "flouter" en mode de fusion "Superposer".
Cette opération
avait pour but d'attenuer le tranchant (l'extrémité)
des dégradés mis bout à bout. Pour bien vous rendre compte de la
différence, mettez le premier calque en invisible pour comparer.
Fusionnez encore
les deux calques.
Maintenant
que nous avons notre calque de couleur, étant donné que nous avons à
chaque fois doublé sa surface, il reste une moitié de la taille du
calque qui est vide !
Les limites du calque sont représentées en
tiret jaune et noir, et ils peuvent très bien sortir de l'image.
Seulement ça ne nous arrange pas ! Quand nous transforemerons ce calque
en sphère, seule une moitié de la sphère sera pleine, puisque seule une
moité du calque est pleine !
Pour remédier à cela, sélectionnez votre calque, puis:
Clique-droit
> Calque aux dimensions de l'image
Maintenant notre calque remplit tout l'image !
2) Création des textures de Bump
Dupliquez à nouveau
l'unique calque que vous devez avoir.
Désaturez l'un des
deux:
Couleurs
> Désaturer
Choisissez le
paramètre "Clarté".
Pour dénuancer
(contraste plus élevé) l'image obtenue, allez dans:
Couleurs
> Niveaux
Réduisez l'espace
entre les deux curseurs des extremités.
En
fait, plus tard, ce calque nous servira lorsque nous l'auront
transformé en sphère, à simuler des reliefs: pour GIMP (mais c'est une
norme
graphique générale) le noir correspond à un "trou", et le blanc à une
"bosse". Ainsi, en accentuant le contraste entre le noir et le blanc,
le relief sera plus prononcé.
Créez
un nouveau calque nommé "texturegrain". Il contiendra, selon le
principe expliqué juste avant, le relief qui rendra la surface de la
citrouille plus réaliste.
Appliquez à ce
calque le filtre
brouillage
uni:
Filtres
> Rendu > Nuages > Brouillage Uni
Le
brouillage ne doit pas être trop petit, mais toutefois plus tirer sur
les Y (Il faut donc mettre en Y une valeur légerement supérieure à X).
Créez encore un
nouveau calque, nommé "temp". Il contiendra
provisoirement le grain de relief pour le calque "texturegrain".
Dans ce calque,
appliquez un filtre Plasma:
Filtres
> Rendu > Nuages > Plasma
Mettez un valeur
qui donne un résultat equivalant à celui de la capture suivante:
Sélectionnez à
nouveau le calque "texturegrain", puis faites:
Filtres
> Cartes > Repoussage d'après une carte
Choisissez la carte
"temp", puis réglez comme sur la
capture qui suit:
N'hésitez pas à
bouger les valeurs pour voir l'effet de chacune d'elle.... Après avoir
appliqué le filtre, vous obtenez ceci:
Supprimez
maintenant le calque "temp", il est désormais inutile.
Avant de commencer
la partie suivante, assuront-nous d'avoir les trois calques suivants:
Texturecitrouille1
Copie
de texturecitrouille1 (dans mon cas, vous l'avez
peut-être renommé)
texturegrain
Comme
vous vous en doutez, lorsque vous mettrez ces calques en sphère,
l'extrème-gauche du claque se joindra à l'extrème-droite (on n'est pas
en sciences-politiques, bien sûr...).
Mais
vous le voyez peut-être, les deux bouts n'on pas la même couleur ! La
jonction sera donc très visible, comme les jouets fabriqués en Chine
(humhum)... Or notre citrouille n'es pas fabriquée en Chine. Mais comme
nous sommes en 2d, personne ne pourra aller voir derrière la citrouille
comment elle est faite, donc il n'y a aucun souci: la jonction
"pas-belle" se fera derrière la citrouille !
Toutefois,
si par je ne sais quel miracle, cette jonction est, chez vous, visible
sur la face non-cachée, vous pourrez utiliser l'option de rotation dans
le dernier onglet du filtre que nous allons voir, qui permettra de
faire tourner la sphère jusqu'a ce qu'on ne voit plus la coupure...
3) "Mise en sphère"
Sélectionnez le
calque "Texturecitrouille1", et appliquez lui le
filtre "Plaquer
sur un objet":
Filtres
> Cartes > Plaquer sur un objet
Dans l'onglet "Options":
Choisissez: Plaquer
sur : Sphère
Activez: "Arrière-Plan
transparent"
Dans l'onglet "Matériau":
Mettez:
"Spéculaire" à 0,00
Puis validez ! Vous
obtenez le résultat suivant:
Si une coupure
laide apparaît, re-voyez ce petit
paragraphe.
Ensuite,
sélectionnez le calque "Copie
de Texturecitrouille1", et appliquez-lui le même
filtre, avec les même paramètres:
Filtres
> Répéter "Plaquer sur un objet"
Pour finir,
sélectionnez "graintexture", et appliquez encore une
fois "Plaquer
sur un objet":
Filtres
> Répéter "Plaquer sur un objet"
Voila,
maintenant, nous avons transposé toutes nos textures en sphère, mais ça
ne ressemble pas encore à une citrouille. Il va donc falloir assembler
et faire interagir à proprement parler ces trois calques...
Vous devez toujours
avoir trois claques, qui sont les mêmes qu'avant, sauf qu'on y a
appliqué le filtre "Plaquer
sur une sphère".
4)
Assemblage de la citrouille
Sélectionnez le
calque "Texturecitrouille1", puis appliquez lui un "Repoussage
d'après une carte":
Filtres
> Cartes > Repoussage d'après une carte
Choisissez
de repousser d'après la carte "Copie
de Texturecitrouille1", puis
donnez les mêmes valeurs que moi, ou presque.
Le réglage est très
sensible, n'en négligez aucun point.
Dans un premier
temps, bornez-vous
à faire ce que je dis, car moi, je sais où je veux aller, et pas vous !
Ca ne vous empêche vraiment pas de tester tout les paramètres.
Après avoir
appliqué le filtre, réutilisez-le, toujours sur le caque "Texturecitrouille1":
Filtres
> Cartes > Repoussage d'après une carte
Cette fois, faites
le repoussage d'après la carte "texturegrain".
Encore une fois,
saisissez les mêmes valeurs que moi dans la capture qui suit:
Après avoir
appliqué, vous obtenez le résultat suivant:
Mettez
maintenant le calque "Copie
de Texturecitrouille1" en premier plan dans
la pile des calques, puis appliquez lui le masque de fusion
"Superposer". Jouez éventuellement
avec l'opacité, mais ça n'est pas
nécéssaire.
On obtient
désormais ceci, les raies sont plus visibles:
Fusionnez
désormais les calques "Copie
de Texturecitrouille1" et
"Texturecitrouille1" en sélectionnant le
premier et:
Clique-droit
> Fusionner vers le bas
Supprimez le calque
"texturegrain".
Utilisez maintenant
l'outil d'étirement pour aplatir la citrouille
qui ne représente désormais qu'un seul calque.
Applatissez à peu
près dans les proportions de l'image suivante.
La citrouille
proprement dite est désormais terminée. Maintenant, il faut la
peaufiner et la styliser...
5) Retouche
Sélectionnez le
calque de la citrouille et rendez-le plus orange, en allant dans:
Couleurs
> Teinte-Saturation
Modifiez la teinte
d'environ "-9"
Dupliquez
maintenant le calque de la citrouille puis donnez le mode de fusion "Ecran" à celui qui est en haut
de la pile.
Fusionnez les deux
calques.
Dupliquez
encore le calque, puis appliquez le mode de fusion "Addition" à celui
qui est en haut de pile, en baissant considérablement son opacité,
comme dans la capture qui suit.
Quand vous obtenez
un résultat satisfaisant, fusionnez les deux calques.
Pour la dernière
fois, dupliquez le calque, puis appliquez un Flou
Gaussien
à l'un de deux:
Filtres
> flou > Flou Gaussien
Mettez comme
valeur 22 pixels environ, cela dépend de la
taille de vottre image.
Mettez le calque
que vous venez de flouter derrière le calque de la citrouille nette.
Vous avez terminé
votre citrouille !
Ce n'est qu'un
départ, vous pouvez énormement améliorer la techniques, la styliser, ou
la mettre en scène.
Dans
le cas de la capture suivante, dupliquez votre citrouille, réduisez
l'une des copies, faite de petites rotations, faites un beau décor de
dégradés, et le tour est joué !
