Overblog Suivre ce blog
Administration Créer mon blog

Articles avec #tutorial gimp tag

Tutorial GIMP : Relooker vos Scans

Publié le par Alethios

Second tutorial sur le farouche GIMP, cheval fou des logiciels de graphisme, difficile à dompter tel l'étalon sauvage perdu dans la grande prairie des applicatifs de retouche photo mais qui a pour lui d'être entièrement libre de droit et qui ne refusera rien à qui voudra bien l'approcher.

 

Quel sera l'objectif du jour ?

Le but est assez simple. Qui n'a jamais été frustré après avoir fini un zoli dessin au crayon, en voyant le rendu détestable sur ordinateur une fois passé sur ce boulet de scanner à la mord-moi l'néon (oui pas la peine de baisser la tête, tu t'es reconnu, vilain scanner).

 

" Damned, puisque j'vous dis qu'il est mieux en vrai mais là ça rend pas bien T__T "

artiste anonyme dont je tairai le nom (T'inquiète, Alex, je balancerai pas)

 

Souvent les scans de dessin sont trop clairs, trop pâles... trop tristes.  

Voilà donc le pourquoi de ce tutorial (ambiance Téléshopping) :

TutoGIMPCourbes-Avant-Apres2.jpg

 

 

 

Nous allons essayer de voir comment, grâce à cheval fougueux de la steppe - pardon je veux dire GIMP - il est possible de booster vos beaux dessins à l'aide de trois outils basiques : Courbes, Niveaux et Teinte-Saturation.

 

Pour ce qui est de l'installation de GIMP, peut-être trouverez-vous quelques informations utiles dans le premier tutorial ici.

Sinon je suis dispo pour toute question si besoin. 

 

 

Ok, vous êtes prêts, allés aux toilettes, débranché le téléphone, fermé le gaz ?... 

Alors on est partis !

 

Note : n'hésitez pas à cliquer sur les images pour agrandir et épargner vos petits yeux fragiles.

 

 

 

1. Trouver ses Outils :

Parce qu'avant tout, ça ne sert à rien d'avoir un tournevis en adamantium si on l'a oublié dans son tracteur.

 

Trois moyens de retrouver ses petits :

 

a) La méthode logique :

Les trois outils Courbes, Niveaux et Teinte sont disponibles dans le menu Outils/Outils de Couleur/

Fastoche, mais trois clics, peut mieux faire...

 

TutoGimpCourbes01

 

 

b) La méthode semi-feignasse :

Plus rapidement, les trois outils sont accessibles directement via le menu Couleurs.

On a gagné un clic...mais c'est encore un clic de trop. 

 

TutoGimpCourbes02

 

 

c) La méthode finale de l'Ultime Feignasse :

Pourquoi ranger son tournevis dans sa boîte à outils, elle-même rangée dans son placard alors qu'il serait si simple de le laisser traîner sur la table, disponible au cas où ? Parce qu'il faut ranger ses affaires me direz-vous ?...non-sens.

 

Pour utiliser nos outils d'un seul clic, il faut les faire apparaître dans la boite avec tous ses autres petits copains.

Pour cela, aller dans le menu Fenêtre/Fenêtres ancrables/ et cliquer sur "Outils".

Vous ouvrez ainsi la fenêtre...Outils ! (incroyable, qui l'eut cru)

Cette fenêtre vous permet de sélectionner ou déselectionner chacun des outils dont vous voudrez disposer rapidement dans votre boîte à outils.

Vérifiez si l'oeil apparaît sur les trois outils Courbes, Niveaux et Teinte-Saturation. Si non, sélectionnez-les pour les rajouter.

Vous pouvez également modifier l'ordre des outils avec les flèches vertes en bas de la fenêtre (pour éviter par exemple d'avoir à croiser les flèches sur une copie d'écran de tutorial  T__T).

 

TutoGimpCourbes03

 

C'est bon pour les outils, maintenant on va pouvoir bosser un peu.

 

 


2. Préparer le scan :

Etape simple et néanmoins indispensable, d'abord ouvrir votre image à retoucher (ou créer-la directement de votre scanner par le menu "Fichier / Créer / Scanneur/Appareil photo".

 

L'image s'ouvre en tant qu'arrière-plan. 

TutoGimpCourbes04

 

 

Conseil : non obligatoire cependant je vous suggère fortement de créer un duplicata de votre image originale.

Ceci afin de pouvoir comparer le final avec l'initial d'une part mais surtout afin de pouvoir recommencer en cas de loupé et revenir sur l'image inaltérée.

 

Pour se faire, sélectionner votre calque d'Arrière-plan puis cliquer sur l'icone "double écran" pour créer un clône. 

 

TutoGimpCourbes05

 

 

 

3. Relooker son scan :

 

3.1 Outil Courbes 

 

Sélectionnez l'outil Courbes de la manière que vous voulez (cf. 1., c'était y a pas si longtemps quand même).

Vérifiez que vous avez bien sélectionné le bon calque de travail.

Cliquez ensuite sur l'image, n'importe où, invoquant ainsi l'interface de l'outil, prête à assouvir tous vos désirs (enfin presque tous). 

 

TutoGimpCourbes06

 

 

Vous pouvez maintenant sélectionner un point de la droite (disons au centre) et faire un cliquer/glisser pour transformer ce rectiligne des enfers en une belle courbe souple et harmonieuse (vous me dites si j'en fais trop).

 

L'outil Courbes permet d'accentuer les valeurs sans pour autant dégrader les tons d'origines.

Si c'est pas la classe, ca !

 

Vérifiez que la case "Aperçu" est bien cochée pour pouvoir visualiser le rendu en Live sur votre dessin.

L'intérêt est aussi de cocher/décocher pour juger du résultat et rendre votre verdict.

 

TutoGimpCourbes07

 

 

Je vous vois venir, apprentis sorciers avides de pouvoir et de puissance, faites attention à ne pas trop pousser la transformation au risque de déformer votre enfant et perdre en élégance.

De la subtilité, que diable ! (à moins d'un effet voulu qui dans certains cas peut être intéressant)

 

Si jamais vous avez franchi tous les tabous de la modification et que vous entrez en phase "c'était mieux avant", cliquez simplement sur le bouton "Réinitialiser" pour remettre votre courbe dans le droit chemin. 

 

 

TutoGimpCourbes08

 

 

 

3.2 Outil Niveaux :

 

Moins intéressant que Courbes (à mon avis), l'outil Niveaux peut être utilisé pour affiner le travail.

Cela reste optionnel, la plupart du temps, l'outil Courbes est suffisant. 

 

Pour le tester, même principe :

Choisir l'outil, cliquer sur l'image et la voilà qui arrive au garde-à-vous, fidèle fenêtre prête à opérer.

 

TutoGimpCourbes09

 

 

Sur la première barre, vous pourrez voir trois triangles représentant les niveaux d'entrée de l'image (c'est l'outil "niveaux", vous vous attendiez à quoi ?)

Pour affiner les valeurs, essayez de cliquer/glisser le triangle noir à gauche et le blanc à droite (toujours subtilement, par pitié). Voyez avec l'aperçu si le rendu est amélioré.

Vous pouvez jouer avec le triangle du milieu mais personnellement, celui-ci à tendance à fausser les valeurs et en général je réinitialise et je ne touche plus au triangle gris...à vous de voir.

 

TutoGimpCourbes10

 

 

 

3.3 Outil Teinte-Saturation :

 

Dernière phase, la teinturerie.

Le dessin peut déjà être finalisé si vous le souhaitez. Cet outil permet de donner un petit plus, un lèger soupçon de couleur dans cet univers N&B.

 

Pour cela : sélectionner, cliquer... et youpie fenêtre (je résume, m'en voulez pas).

 

Je ne détaillerai pas les histoires de couleur primaire maître ou de superposition, pas le temps (ok, c'est surtout que  j'y comprend rien pour l'instant).

Ici, nous utiliserons juste les barres pour ajuster les couleurs : Teinte, (Luminosité), et Saturation.

 

Veillez à bien cocher la case aperçu pour visualiser le rendu. 

 

TutoGimpCourbes11

 

 

Avec la barre Teinte, vous pouvez déplacer le thermostat pour choisir votre couleur (comme une barre de Mentos Rainbow en fait...désolé, je vois la pub sur le chemin du boulot).

 

Pour l'exemple, partons sur un violet :

 

TutoGimpCourbes12

 

 

Une fois la couleur sélectionnée, jouez sur la saturation pour définir l'intensité voulue, du niveau de gris (désaturé donc) jusqu'à la grosse couleur qui crache et qui bave (! subtil on a dit !) 

 

TutoGimpCourbes13

 

 

Pour le coup, on reste sur la teinte violet, mais atténuée en baissant un peu la saturation.

Concernant la barre "Luminosité", et bien résumons en disant que...ne pas y toucher. Enfin, ça pourrait servir mais honnêtement pour ma part je n'ai jamais rien amélioré en touchant à cette luminosité-là.

Essayez quand même, vous me direz.

 

Une fois d'accord avec vous-même, validez votre choix en cliquant sur le bouton intitulé... non là quand même vous pouvez vous débrouiller.

 

Dernière touche, vous pouvez appliquer un très léger flou pour adoucir l'ensemble :

Menu Filtres/Flou/Flou gaussien/    avec un rayon de 1 ou 2 pixels, pas plus (parce qu'on est quoi ? Subtil, merci !)

 

Et nous voilà arrivés à la fin   ^__^ 

 

 

TutoGimpCourbes14final

 

 

 

Ainsi s'achève la glamourisation d'un scan sous GIMP...

(bientôt un tutorial pour créer des mots qui n'existent pas mais que tout le monde comprendra)

 

 

 

TutoGIMPCourbes Apres

 

 

 

Désolé si j'ai enfoncé des portes ouvertes. Les techniques restent très basiques, je me disais juste que cela pourrait peut-être intéresser quelques personnes.

 

Merci de votre visite et j'espère à la prochaine.

Bon GIMP à toutes et tous !

 

Amicalement,

Votre hôte

 




K'Acoustiquer aujourd'hui ?

Qu'est-ce que c'est long à faire un tuto, en fait. J'en suis tout courbatu.

Vu que je commence à saturer, la chanson du jour, sans tarder :

 

P!nk - Just Like A Pill

 

Et vous, ce sera la pilule rouge ou la pilule bleue ?

 

Enjoy !

 

Voir les commentaires

Tutorial GIMP : Extraire et Colorier un Line

Publié le par Alethios

Petit préambule avant de démarrer ce qui sera mon premier tutoriel de ce capricieux applicatif aussi riche qu'indiscipliné : j'ai nommé l'ami GIMP.
De son vrai nom GNU Image Manipulation Program, GIMP n'est pas un animal en peluche ni un personnage du muppet show mais bien une alternative libre et entièrement gratuite au monstre Photoshop reconnu des professionnels de la profession.

On ne va pas se mentir, GIMP n'est pas la réincarnation de la simplicité. GIMP est une bête farouche, dure à dompter, parfois énervante, mais dont le potentiel mérite de retourner dans la cage, quitte à prendre un ou deux coups de pattes dans la tourte.

Première astuce pour bien réussir ce tuto : avoir GIMP ^__^
Je n'aurai pas le temps en un seul article d'expliquer même le peu que j'ai appris donc je vous recommande si vous ne connaissez absolument pas le bébé ces quelques liens de présentations générales :

Petites vidéos explicatives (gratuites et en français, vous êtes gâtés) :
> Wideo GIMP  où vous trouverez ce qu'il faut pour télécharger, installer et découvrir l'interface

(merci à "monsieurnicolas" l'auteur de ces vidéos) Elles ne sont pas toutes récentes mais le principe reste identique.

> Formation Video GIMP : autres videos en français pratiques et bien faites

Pour les littéraires, quelques sites plus textuels mais très complets :
> http://docs.gimp.org/2.6/fr/
et http://www.gimp.org/tutorials/
> http://www.gimpfr.org/didacticiel.php



OK, maintenant vous êtes prêts pour le mini tuto ? alors c'est parti...
En suivant les étapes suivantes, ça devrait aller... en théorie (ça marchait à la maison comme on dit...).

1. Ouvrir GIMP
Jusque là, tout va bien (sinon, c'est vraiment mal emmanché)
Vous avez alors une jolie interface de ce style (ou approchant) :
TutoGIMP Line 00


2. Scanner votre dessin
> Via le menu Fichier/Créer/Scanneur. Je m'étale pas trop à ce niveau.
Pensez à scanner l'image en couleur ou vérifier dans le menu Image/Mode/ que vous êtes bien en RVB.
TutoGIMP Line 01

Vous devez avoir votre image en Arrière-plan dans l'Onglet Calques.
TutoGIMP Line 02plus


3. Créer une sélection à partir des canaux

> Dans l'Onglet Calques, sélectionnez le calque contenant le line+fond blanc à séparer.
> Dans l'Onglet Canaux, vérifier que tous les canaux (Rouge, Vert, Bleu + Alpha si existant) sont sélectionnés.
Faites
un clic droit sur l'un des canaux (peu importe lequel) et choisir "Canal vers sélection"
TutoGIMP Line 03plus


4. Créer le calque du Line

> Une fois la sélection réalisée, inversez-la (Ctrl+I par défaut ou via le menu Sélection / Inverser)
> Créer un calque transparent nommé "Line" ou "Trait", ou même "Table basse" si ça vous dit, on s'en fout.
TutoGIMP Line 04plus


5. Extraire le Line
> Sélectionnez le nouveau calque transparent, choisissez une couleur et remplissez la sélection avec la couleur de votre choix (
Ctrl+, par défaut ou dans le menu Edition/Remplir avec la couleur de PP)
> Supprimez la sélection (Ctrl+D par défaut ou dans le menu Sélection/Aucune)

L'oeil à gauche de chacun des calques vous permet de les afficher ou de les masquer à votre convenance.
TutoGIMP Line 05plus


6. Verrouiller le calque du line
> N'oubliez pas de cocher la case "Verrouiller" pour bloquer les pixels transparents et ne modifier ainsi que le trait.
TutoGIMP Line 06plus



Voilà, maintenant votre trait est libéré de son carcan de papier et n'attend que de se faire coloriser par votre imagination débordante.

Vous pouvez maintenant créer un calque de fond à placer sous le trait, de la couleur de votre choix.
TutoGIMP Line 07

L'arrière-plan d'origine peut être supprimé si vous le souhaitez (sans violence quand même, il aura bien servi malgré tout).

Sélectionner votre calque de trait, prenez votre plus beau pinceau et lâchez-vous. Vous pouvez désormais colorier votre line sans risque de déborder, et sans attaquer le fond.
TutoGIMP Line 08


Pour arriver au final à l'image ci-dessous que vous connaissez déjà :
TutoGIMP Line Final



Bien sûr ce n'est pas exhaustif. J'espère que cela aura pu intéresser certains, ou motiver d'autres.
Si le tuto bloque, n'hésitez pas à demander. C'est grâce à vos retour qu'il pourra s'améliorer, ou se simplifer si vous connaissez un moyen plus efficace.

Et pour finir ce par quoi j'aurais dû commencer, un énorme merci à Thierry Rougeaux, auteur des vidéos tutorial pour Photoshop sur l'utilité de nettoyer et récupérer un trait, dont le tutorial GIMP ici présent n'est que l'adaption d'amateur passionné que je suis (escroc ! copieur !!...ah non pas les tomates !!).
N'hésitez pas à aller fouiller sur Wisibility, mine de trucs, astuces et pas à pas pour tout plein d'autres logiciels infographiques.

A votre entière disposition pour toute question (dans la mesure de mes compétences GIMPesques ^^)
Amicalement,
Votre hôte




K'Acoustiquer aujourd'hui ?

Rappel, Oyez, Oyez, derniers jours pour participer au deuxième concours du forum OO-Art (limite 23 février) afin de réaliser le portrait d'après photo de cette belle jeune fille aux cheveux légèrement teintés.

Pour le clip du jour, une chanteuse curieusement ressemblante au modèle (le même coiffeur sans doute) avec un beau micro orange et une chanson qui patate ! si cela peut vous inspirer ^__^
(Pas de panique, celle-là ne fait pas partie de la BO de Twilight...autant que je sache).

Paramore - That's What You Get


Enjoy !
(clip garanti sans vampire à l'intérieur)

Voir les commentaires