Gérer la transparence sur ses planches
Posté : 29 juil. 2012, 23:46
Gérer la transparence sur ses planches
1.0 Intro
2.0 La transparence
- 2.1 Gimp
- 2.2 Irfanview
/!\ S'il y a une image qui n'apparait pas normalement, ce qui arrive très souvent (c'est imageshack...), n'hésitez pas à me contacter !
1.0 Intro
Déjà, bonjour à tous !
Le but de ce tuto est en fait d'utiliser la transparence sur les planches. De cette manière le SC fondera mieux dans le décor de là où il atterri. Par exemple, le forum. Je vais vous montrer un exemple concret avec l'un de mes SC :
Comme vous pouvez très bien le voir, entre les cases, c'est vide et c'est les couleurs du forum ! C'est parce que j'ai utilisé la transparence dessus ! Bref, mon but est donc de vous apprendre à faire ça. Pour ce tuto, je vais utiliser ce SC :
Merci à Yoshi80 pour ce SC. :P
Quoiqu'il en soit, comme vous le voyez, ce qui est dommage dans ce SC, c'est la présentation de la planche. Les cases sont collées au bord. Si l'auteur aurait utilisé la transparence, le tout se serait beaucoup mieux fondu dans le forum !
Eh bien c'est parti. J'ai divisé le tuto en deux parties. Ce sont en fait deux méthodes différentes. Une faites avec Gimp, et l'autre avec Irfanview. A vous de voir la méthode qui vous convient le mieux.
/!\ Paint.NET est un logiciel qui permet aussi de le faire. Mais ne le connaissant pas, je préfère ne pas m'aventurer dedans.
2.0 La transparence
2.1 Gimp
C'est pas bien compliqué, je vous demanderai seulement de posséder ces deux logiciels :
Ouvrez maintenant Gimp.
/!\ La version a changé ! On est passé à la 2.6 ! Ce tuto concerne la 2.6, et non la 2.4 ! Téléchargez cette nouvelle version de Gimp si vous ne l'avez pas.
Vous avez normalement un "Editeur d'image". Pour coller votre image, rien de plus simple, allez dans "Edition", puis "Collez".
Cela fait :
Voilà. Tout est place. Par contre, un problème se pose. Lequel à votre avis ? Le fond du SC est en blanc ! Or les bulles aussi sont en blanc, si on retire le blanc, tout le blanc du SC va partir avec ! Pour régler ça, ben rien de plus simple, on va juste colorier d'une autre couleur que le blanc...
Dans votre barre d'outil, sélectionner "L'outil remplissage" :
Ensuite, pour choisir la couleur, cliquez simplement sur le carré noir :
Cette fenêtre devrait apparaitre :
/!\ C'est normal si vous n'avez pas toutes les couleurs comme moi. C'est ma config qui a fait ça. Mais si vous ouvrez pour la première fois Gimp, vous ne devriez avoir que de simples rectangles blanc.
Choisissez n'importe quelle couleur, ça n'a aucune importance. Juste, il ne faut pas que ce soit blanc, ni noir (ben oui, les contours des cases sont en noirs) Quand vous avez choisi votre couleur, faites "Valider" :
Ce sera un rouge assez clair pour moi donc. Retournez sur votre image, et cliquez sur là où il y a le blanc pour tout remplir grâce à "l'outil remplissage" :
Et voilà. Rien de bien compliqué pour l'instant... Maintenant, il s'agit de retirer le rouge, pour n'avoir en fait, qu'un fond transparent. Dans votre barre d'outil, sélectionnez l'outil "Outil de sélection par couleur" :
Cet outil permet en faite de sélectionner une couleur précise dans toute l'image. Ben c'est simple, cliquez sur la couleur que vous avez choisie de rendre transparente !
Voilà. Maintenant cliquez sur la touche "suppr" de votre clavier. Si vous la trouvez pas, faites un clic droit sur le SC, puis "Edition" et "Effacer".
Et voilà. Les petits carrés signifient que le tout est transparent ! Faites maintenant "Ctrl + A" pour resélectionner la totalité du SC. Vous n'avez plus qu'à enregistrer. Pour ça, faites un clic droit sur votre SC, "Fichier" puis "Enregistrer sous...". Une fenêtre apparait. Mettez votre image où vous voulez. Ce qui compte, c'est de cliquez sur "Sélectionner le type de fichier" et de bien choisir "Image PNG" :
Faites ensuite "Enregistrer". Il va encore ouvrir une autre fenêtre. Laissez comme tel. Et refaites "Enregistrer".Et voilà ! C'est terminé ! Vous pouvez tout quitter ! Héberger votre image avec votre hébergeur préféré et normalement, quand vous la mettrez sur le fofo :
C'est quand même plus jolie non ? :P
2.2 Irfanview
En fait, la méthode Irfanview est OH combien de fois plus simple que celle de Gimp ! En vérité, il suffit de faire deux/trois clic avec Irfanview pour arriver au résultat final ! En fait, j'ai fait la méthode Gimp quand même, car Irfanview est avant tout une visionneuse. Il se peut que certaines personnes n'utilisent pas ce logiciel. Pour les fondus d'Irfanview comme moi, je vous conseil largement cette méthode du tuto. Car rendre une planche transparente avec Irfanview est extrêmement simple !
Je vous demanderai de posséder ces 2 logiciels :
Choisissez une couleur, par ex, bleu claire :
Et cliquez sur la partie "blanche" de votre SC :
Maintenant, faites "Ctrl + A" pour sélectionner tout le SC, faites un clic droit dessus puis "Copier". Cela fait, ouvrez Irfanview, et cliquez sur "Paste" que j'ai entouré en rouge :
Et voilà. Votre SC est collé sur Irfanview. Plus qu'à enregistrer. Faites "File" puis "Save as...". Dans "Type", sélectionnez bien "PNG" :
Après avoir sélectionné "PNG" en format, une petite fenêtre à votre droite devrait apparaitre :
Dans cette fenêtre, cochez la case "Save transparent color" qui veut dire en Français : "Sauvez une couleur transparente". Cela fait, cliquez sur "Enregistrer". Et là ?
"Choose transparent color". En fait, il vous demande de cliquer sur la couleur que vous voulez rendre transparente ! Eh bien, cliquez sur le bleu claire ! Et voilà, il a enregistré en prenant compte de la couleur choisi ! Héberger le tout comme vous le faites d'habitude et :
Le SC se fond dans le forum ! ^^ Plus jolie non ?
1.0 Intro
2.0 La transparence
- 2.1 Gimp
- 2.2 Irfanview
/!\ S'il y a une image qui n'apparait pas normalement, ce qui arrive très souvent (c'est imageshack...), n'hésitez pas à me contacter !
1.0 Intro
Déjà, bonjour à tous !
Le but de ce tuto est en fait d'utiliser la transparence sur les planches. De cette manière le SC fondera mieux dans le décor de là où il atterri. Par exemple, le forum. Je vais vous montrer un exemple concret avec l'un de mes SC :
Comme vous pouvez très bien le voir, entre les cases, c'est vide et c'est les couleurs du forum ! C'est parce que j'ai utilisé la transparence dessus ! Bref, mon but est donc de vous apprendre à faire ça. Pour ce tuto, je vais utiliser ce SC :
Merci à Yoshi80 pour ce SC. :P
Quoiqu'il en soit, comme vous le voyez, ce qui est dommage dans ce SC, c'est la présentation de la planche. Les cases sont collées au bord. Si l'auteur aurait utilisé la transparence, le tout se serait beaucoup mieux fondu dans le forum !
Eh bien c'est parti. J'ai divisé le tuto en deux parties. Ce sont en fait deux méthodes différentes. Une faites avec Gimp, et l'autre avec Irfanview. A vous de voir la méthode qui vous convient le mieux.
/!\ Paint.NET est un logiciel qui permet aussi de le faire. Mais ne le connaissant pas, je préfère ne pas m'aventurer dedans.
2.0 La transparence
2.1 Gimp
C'est pas bien compliqué, je vous demanderai seulement de posséder ces deux logiciels :
- Gimp 2.6.# (# Le logiciel est constamment mis à jour, prenez la version que vous voyez !^^)
- Paint
Ouvrez maintenant Gimp.
/!\ La version a changé ! On est passé à la 2.6 ! Ce tuto concerne la 2.6, et non la 2.4 ! Téléchargez cette nouvelle version de Gimp si vous ne l'avez pas.
Vous avez normalement un "Editeur d'image". Pour coller votre image, rien de plus simple, allez dans "Edition", puis "Collez".
Cela fait :
Voilà. Tout est place. Par contre, un problème se pose. Lequel à votre avis ? Le fond du SC est en blanc ! Or les bulles aussi sont en blanc, si on retire le blanc, tout le blanc du SC va partir avec ! Pour régler ça, ben rien de plus simple, on va juste colorier d'une autre couleur que le blanc...
Dans votre barre d'outil, sélectionner "L'outil remplissage" :
Ensuite, pour choisir la couleur, cliquez simplement sur le carré noir :
Cette fenêtre devrait apparaitre :
/!\ C'est normal si vous n'avez pas toutes les couleurs comme moi. C'est ma config qui a fait ça. Mais si vous ouvrez pour la première fois Gimp, vous ne devriez avoir que de simples rectangles blanc.
Choisissez n'importe quelle couleur, ça n'a aucune importance. Juste, il ne faut pas que ce soit blanc, ni noir (ben oui, les contours des cases sont en noirs) Quand vous avez choisi votre couleur, faites "Valider" :
Ce sera un rouge assez clair pour moi donc. Retournez sur votre image, et cliquez sur là où il y a le blanc pour tout remplir grâce à "l'outil remplissage" :
Et voilà. Rien de bien compliqué pour l'instant... Maintenant, il s'agit de retirer le rouge, pour n'avoir en fait, qu'un fond transparent. Dans votre barre d'outil, sélectionnez l'outil "Outil de sélection par couleur" :
Cet outil permet en faite de sélectionner une couleur précise dans toute l'image. Ben c'est simple, cliquez sur la couleur que vous avez choisie de rendre transparente !
Voilà. Maintenant cliquez sur la touche "suppr" de votre clavier. Si vous la trouvez pas, faites un clic droit sur le SC, puis "Edition" et "Effacer".
Et voilà. Les petits carrés signifient que le tout est transparent ! Faites maintenant "Ctrl + A" pour resélectionner la totalité du SC. Vous n'avez plus qu'à enregistrer. Pour ça, faites un clic droit sur votre SC, "Fichier" puis "Enregistrer sous...". Une fenêtre apparait. Mettez votre image où vous voulez. Ce qui compte, c'est de cliquez sur "Sélectionner le type de fichier" et de bien choisir "Image PNG" :
Faites ensuite "Enregistrer". Il va encore ouvrir une autre fenêtre. Laissez comme tel. Et refaites "Enregistrer".Et voilà ! C'est terminé ! Vous pouvez tout quitter ! Héberger votre image avec votre hébergeur préféré et normalement, quand vous la mettrez sur le fofo :
C'est quand même plus jolie non ? :P
2.2 Irfanview
En fait, la méthode Irfanview est OH combien de fois plus simple que celle de Gimp ! En vérité, il suffit de faire deux/trois clic avec Irfanview pour arriver au résultat final ! En fait, j'ai fait la méthode Gimp quand même, car Irfanview est avant tout une visionneuse. Il se peut que certaines personnes n'utilisent pas ce logiciel. Pour les fondus d'Irfanview comme moi, je vous conseil largement cette méthode du tuto. Car rendre une planche transparente avec Irfanview est extrêmement simple !
Je vous demanderai de posséder ces 2 logiciels :
- Irfanview
- Paint
Choisissez une couleur, par ex, bleu claire :
Et cliquez sur la partie "blanche" de votre SC :
Maintenant, faites "Ctrl + A" pour sélectionner tout le SC, faites un clic droit dessus puis "Copier". Cela fait, ouvrez Irfanview, et cliquez sur "Paste" que j'ai entouré en rouge :
Et voilà. Votre SC est collé sur Irfanview. Plus qu'à enregistrer. Faites "File" puis "Save as...". Dans "Type", sélectionnez bien "PNG" :
Après avoir sélectionné "PNG" en format, une petite fenêtre à votre droite devrait apparaitre :
Dans cette fenêtre, cochez la case "Save transparent color" qui veut dire en Français : "Sauvez une couleur transparente". Cela fait, cliquez sur "Enregistrer". Et là ?
"Choose transparent color". En fait, il vous demande de cliquer sur la couleur que vous voulez rendre transparente ! Eh bien, cliquez sur le bleu claire ! Et voilà, il a enregistré en prenant compte de la couleur choisi ! Héberger le tout comme vous le faites d'habitude et :
Le SC se fond dans le forum ! ^^ Plus jolie non ?
