Page 1 sur 3

Coloriser sa Gladius numériquement - Tutoriel

Posté : lun. 7 mai 2012 23:08
par Thibault
Yopyop :cote:

Bon, comme on me le demande par mp, autant que je le fasse pour tout le monde.

Je crée un nouveau topic car si je mets à la suite de l'autre, l'information sera de nouveau perdue dans quelques mois. C'est pratique pour recommencer au propre en plus.

Coloriser sa Gladius numériquement - Hein ?!

Il y a pas mal de temps, j'avais réalisé un fichier Adobe Photoshop PSD qui permet de personnaliser la Gladius (ajout/suppression d'accessoires et colorisation des pièces).

Lien pour le télécharger : http://gladius.tiboqorl.fr/coloriage/11 ... n_beta.psd

Et comment qu'ça marche ? Tutorial

Sous Adobe Photoshop
(Pour Gimp, c'est juste en dessous, mais je conseille vivement de lire ce tutoriel, plus détaillé, avant. Ce qui fonctionne de la même manière que sous 'toshop n'a pas été détaillé dans le tuto' Gimp)

A l'ouverture du fichier dans Photoshop, faîtes en sorte de voir apparaître le menu "Calques" (Menu "Fenêtre" > "Calques").

Une vue comme celle-ci sera optimum pour bosser :

Image

Chaque dossier représente un accessoire ou un pièce principale. Il est strictement nécessaire que ces dossiers restent classés dans cet ordre (si vous ne voulez pas que le cadre passe au-dessus des caches-cadre, je vous le conseille en tout cas).

NB : Certains calques sont "orphelins" (ils ne sont pas dans des dossiers).

En fait, pour voir l'étendu des modifications que vous pouvez effectivement réaliser, il vous suffit de masquer le calque "fond moto". Pour masquer un calque, rien de plus simple, on clique sur le petit oeil devant son nom.

Image

Si vous avez réussi cette opération, déjà, ça veut dire que vous êtes maintenant capable de choisir les accessoires (parmi les disponibles) pour personnaliser la photo.

Pour ce faire, il suffit de trouver le nom de l'accessoire désiré dans la liste des dossiers calque, de cliquer sur la petite flèche devant le nom du dossier pour le dérouler, puis de choisir l'accessoire (donc le calque) à afficher.

Par exemple, je trouve mes caches-cadre officiel vraiment laids, mon rêve serait de les remplacer par ceux de chez JMV en carbone (mais mon portefeuille il veut pas). :'(

Je trouve le dossier "Cache-cadre", je le déroule. Je masque le calque "Cache-cadre officiel" et j'affiche le "Cache cadre JMV (carbone)".

Enjoy!

Image

Suite à ça, je vous laisse faire mumuse et personnalisez la Glad' à votre bon vouloir.

C'est maintenant l'étape la plus difficile : coloriser. Ca n'a rien de bien sorcier, mais c'est un peu laborieux de trouver la teinte idéale que l'on voudrait. Enfin bon, ça se trouve quand même hein, 'faut juste perseverer un peu. ;)

Supposons que votre rêve soit d'installer un sabot de chez JMV en bi-teinte. Il suffit de dérouler le dossier calque "Sabot", puis le sous dossier "Sabot JMV" (y'a un sous-dossier car le sabot étant en bi-teinte, il y a deux calques pour le même sabot : @jmv sabot (arrière) et @jmv sabot (avant), qui se gèrent donc différemment).

Mettons que notre but est de colorier l'arrière en violet. On sélectionne le calque "@jmv sabot (arrière)" (le sélectionner signifie qu'il apparaît surligné en bleu, comme sur l'image ci-dessous).

Ensuite, on va dans le menu "Image" > "Réglages" > "Teinte/Saturation" (Ctrl+U pour ceux qui ont la CS5).

Dans la fenêtre qui s'ouvre, sélectionnez les options "Redéfinir" (qui permet de repartir d'une couleur, sinon vous partez du gris, et à coloriser le gris, c'est quasi impossible) et "Aperçu" (pour voir votre boulot en direct).

Ensuite, faites varier :
1. La teinte : pour avoir la couleur désirée (sur la teinte approximative ou exacte, selon votre degré d'exigence).
2. La saturation : plus vous vous approchez de 0, plus la couleur est fade. A vous de voir. Perso' j'aime quand ça claque bien. :cote:
3. La luminosité : plus vous vous approchez de 0, plus c'est foncé. Question de goût.

Image

Après deux/trois minutes de bidouilles, on obtient un truc assez acceptable (après... les (é)gouts et les odeurs...).

Image

Avec les pièces blanches, on veillera à maximiser la saturation et à diminuer la luminosité de manière assez importante afin d'éviter de se retrouver avec des pièces blanchâtres, du plus mauvais effet.

Image

Après deux/trois minutes... C'est bien moche, mais ça montre un peu ce qu'on peut faire.

Image

Après, pour ceux qui veulent aller plus loin, vous noterez que j'ai tout lissé de manière très acceptable et ai même redessiné certaines pièces cachées par d'autres, ce qui permet, par exemple :
1. de changer le fond d'écran : il vous suffit de coller l'image désirée, puis de la déplacer dans le dossier calque "Arrière plan" (le dernier dossier), puis vous faites comme pour les accessoires : afficher/masquer.
2. de faire joujou avec la transparence : rendre des pièces translucides (juste pour le fun, indeed) en faisant varier, pour le calque correspondant le paramètre "opacité" (dans le menu calque, en haut à droite).
3. de redessiner vos propres accessoires (la selle de chez Sellerie-Concept, c'est Coco qui me l'avait dessinée !!!) et, le cas échéant, n'hésitez pas à m'envoyer vos add-ons, que je les intègre au fichier. ;)

Voili voilou pour le tutorial sous Photoshop.

Sous Gimp

Le présent tutoriel ne reprend que les points qui diffèrent entre Gimp et Photoshop (il est donc réduit par rapport à l'autre). Je vous conseille donc de lire rapidement le tutoriel Photoshop (bien détaillé) pour bien comprendre le principe. Après, y'a rien de sorcier, donc vous devriez vous en sortir sans problème, même si vous avez deux mains gauche (pour les droitiers, et vice versa) ou que l'informatique et vous ça fait 2. :P

Gimp est l'équivalent libre (Now, We Are Free!) et gratuit d'Adobe Photoshop. Franchement moins ergonomique, mais pour ce qu'on a à faire ici, ça ira très bien (et pas besoin de galérer à cracker un logiciel hors de prix). :gene:

Pour le télécharger, en français, c'est par ici : http://www.gimp.org/downloads/

Une fois le logiciel installé, je vous conseille de changer rapidement son interface pour la rendre moins déroutante :
1. Menu "Fenête" > "Mode fenêtre unique" (cela permet de ne pas perdre des morceaux de fenêtres un peu partout sur votre écran, surtout si vous êtes un peu désordonné) :mrgreen:
2. Normalement, à gauche vous avez vos outils (rectangle de sélection, lasso, baguette magique, pipette, pinceau, etc.) et à droite les calques, canaux, etc. Ce qui nous intéressera le plus ce sont les calques. Si vous ne voyez pas ces derniers, cliquez sur le menu "Fenêtre" > "Fenêtres ancrables" > "Calques". 'i voilou. :cote:
3. Ouvrez le fichier .psd téléchargeable en haut de cette page dans Gimp. Vous devriez obtenir quelque chose comme ceci (pour zoomer, dézoomer l'image : [Ctrl] + molette de la souris) :

Image

Les calques fonctionnent en arborescence (comme les dossiers d'un ordinateur) : si vous empêcher un calque de s'afficher, cela empêche l'ensemble de ses sous-calques de s'afficher.

Chaque calque principal représente un type d'accessoire. Ainsi sur l'image ci-dessus, vous pouvez choisir d'afficher un sabot à votre moto (vous sélectionnez le calque principal "Sabot"), puis vous choisissez le sabot qui vous plaît le plus (par exemple le Sabot de chez S2 concept). Vous remarquerez que le sabot de chez S2 concept étant monochrome il est en un seul sous-calque. Celui de JMV étant bicolore, il est lui-même divisé en deux sous-calques (avant et arrière).

Ce que je vous conseille, c'est d'abord de sélectionner les accessoires que vous voulez (dans mon cas un sabot S2 concept et un saute vent bicolore JMV, je fais simple, le but est juste d'expliquer comment ça marche, pas de tout refaire).

Ensuite, vous sélectionnez le sous-calque de l'accessoire que vous voulez coloriser (il doit se surligner en bleu). Puis Menu "Couleurs" > "Colorier". Dans la fenêtre qui s'ouvre, il suffit de jouer de la même manière que décrit dans le tutoriel de Photoshop !

Et voili voilou. ;)

Image

Bon, j'avoue, c'est du rapide. Mais je pense que ça ira bien. Si vous avez besoin d'aide de toute façon, je suis ouvert à toute question.

Ouais ok, mais ça permet quoi concrètement ?

Voici quelques exemples de personnalisations que j'avais faits pour m'amuser et montrer un peu ce qu'on peut faire avec en jouant uniquement sur les couleurs, la transparence et l'arrière plan :
Image
JMV Bamboo Concept

Image
Blue Sea

Image
Spiderglad

Image
Purple Evil

Image
Matrix Gladiused

Image
HP Petrolean Flowers

Image
Arctic Ice

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : lun. 7 mai 2012 23:14
par Sabine
super sympa, tu t'amuses bien? J'ai pas photoshop. Mais de toute façon, j'ai pas de sous pour faire des modif de peinture, alors comme ça, c'est réglé...

Je trouve ton initiative très sympa. Merci

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : lun. 7 mai 2012 23:28
par benjy007
Excellent ! :super:

Tks 4 sharing!

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : lun. 7 mai 2012 23:31
par adone
Sabine a écrit :super sympa, tu t'amuses bien? J'ai pas photoshop. Mais de toute façon, j'ai pas de sous pour faire des modif de peinture, alors comme ça, c'est réglé...

Je trouve ton initiative très sympa. Merci
+1 :gene:

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : lun. 7 mai 2012 23:35
par third
Un véritable artiste :super:
Thibault a écrit :Pour Gimp, ça viendra peut-être un jour, si je trouve le courage de le réinstaller
Pour TheGimp, il suffit d'ouvrir le PSD avec et tada ! (Enfin je n'ai pas essayé tout mais ça s'ouvre déjà ! C'est déjà ça :hehe: )

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : mar. 8 mai 2012 16:18
par Voulz
Bravo Thibault !
J'utilisais PS il y a quelques années en arrière afin me creer des kit design pour mes websites !
Là, il y a un boulot enorme, chaque piece = 1 calque, bravo !

Moi qui songe à peindre certaines parties, c'est parfait !
Je te le pique !

Merci beaucoup !

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : mar. 8 mai 2012 16:22
par third
Voulz a écrit :Bravo Third !
J'utilisais PS il y a quelques années en arrière afin me creer des kit design pour mes websites !
Là, il y a un boulot enorme, chaque piece = 1 calque, bravo !

Moi qui songe à peindre certaines parties, c'est parfait !
Je te le pique !

Merci beaucoup !
C'est Thibault qu'il faut remercier, je n'ai que simplement dit qu'on pouvait aussi l'ouvrir avec TheGimp :mrgreen:

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : mar. 8 mai 2012 16:57
par Voulz
Ouais mince, je viens de voir çà, qué con, autant pour moi, merci Thibault !!!

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : dim. 27 mai 2012 16:22
par Gladios
Et réaliser une peinture ça coûte combien? Des adresses sur IDF?

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : ven. 29 juin 2012 20:33
par floblackburn
Je ne m'y connais pas du tout en retouche photos:/
Mais est-ce que quelqu'un pourrait me faire une gladius avec une TDF de MT 03?? Svp??

J'aimerais faire ça plutôt que de taillé dans une tdf poly pour le circuit et faire tout un buizness...

Merki les gens

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : ven. 6 juil. 2012 07:33
par vaness49
waouuuu je vais pouvoir m'amusée :mrgreen:

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : ven. 6 juil. 2012 07:38
par vaness49
:( j'ai pas photo shop :snif: j'ai jamais réussi à l'installée 8|

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : ven. 6 juil. 2012 11:00
par third
vaness49 a écrit ::( j'ai pas photo shop :snif: j'ai jamais réussi à l'installée 8|
Télécharge TheGimp, c'est gratuit et ça marche aussi :)

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : ven. 6 juil. 2012 12:36
par floblackburn
vaness49 a écrit :waouuuu je vais pouvoir m'amusée :mrgreen:
Yep :p tien moi au jus

Re: Coloriser sa Gladius numériquement - Tutoriel

Posté : ven. 6 juil. 2012 12:44
par Thibault
third a écrit :
vaness49 a écrit ::( j'ai pas photo shop :snif: j'ai jamais réussi à l'installée 8|
Télécharge TheGimp, c'est gratuit et ça marche aussi :)
Dès que j'aurais un peu de temps, il faudra que je fasse un tuto pour Gimp. Ça ne doit pas être très différent mais bon, l'interface reste assez déroutante quand on est habitué aux produits Adobe.
floblackburn a écrit :Je ne m'y connais pas du tout en retouche photos:/
Mais est-ce que quelqu'un pourrait me faire une gladius avec une TDF de MT 03?? Svp??

J'aimerais faire ça plutôt que de taillé dans une tdf poly pour le circuit et faire tout un buizness...

Merki les gens
Je ne comprends pas trop l'intérêt de la démarche sur 'toshop ? Le montage photo ne donnera rien de réaliste, àma...