1point2vue » alpha

Remplir un texte avec une texture avec Gimp

Antoine — Tue, 28 Jun 2011 08:48:22 +0000

Remplir un texte avec une texture avec Gimp sur 1point2vue

Pour habiller un peu les textes et changer de la classique couleur unie, nous allons voir comment utiliser une texture pour remplir un texte. Voici ce que nous allons obtenir:

Pour ceci, nous allons utiliser l’outil texte de Gimp et cette texture:

Vous pouvez obtenir cette texture en haute définition en téléchargeant le pack de textures disponible dans les ressources.

Principe: nous allons écrire un texte puis le transformer en sélection. Il suffira alors de supprimer de la texture tout ce qui n’appartient pas à la sélection. Si le principe est simple, nous verrons que la réalisation demande une petite subtilité.

Le Texte

Ouvrez la texture avec Gimp et sélectionnez l’outil texte.

Entrez le texte que vous souhaitez et placez-le où vous voulez sur la texture.

Note: Si vous ne savez pas utiliser l’outil texte, je vous conseille de lire l’article qui détaille comment écrire un texte avec Gimp.

Transformation en sélection

Nous allons créer une sélection à partir de ce texte. Rien de plus simple, Gimp propose une option qui le fait directement: dans la fenêtre des calques, faites un clic droit sur le calque qui contient votre texte puis choisissez « texte vers sélection ».

Vous avez maintenant une sélection qui suit le contour du texte.

A partir de ce moment, nous n’aurons plus besoin du calque de texte. Vous pouvez alors le désactiver (en cliquant sur l’oeil dans la fenêtre de calque).

Cette sélection contient le texte, or il nous faut l’inverse: une sélection qui contient tout ce qui n’est pas du texte. Il suffit d’inverser la sélection: menu « sélection » -> « inverser ».

Découper la texture

C’est là qu’intervient la subtilité que j’ai évoquée dans l’intro. Comme la texture est au format JPG, il n’y a pas de canal alpha. Pour simplifier, le canal alpha correspond à la gestion de la transparence: un calque qui n’en contient pas ne peut pas avoir de zones transparentes. Dans notre cas, on veut rendre transparent tous les pixels de la texture qui ne sont pas dans la sélection: on a donc besoin d’un canal alpha. Pour en savoir plus sur la transparence et le principe du canal alpha, lisez l’article sur les calques de gimp et le principe de la transparence.

Pour ajouter un canal alpha: dans la fenêtre des calques, cliquez sur le calque qui contient la texture et choisissez « ajouter un canal alpha ».

Note: Le nom des calques qui n’ont pas de canal alpha apparaissent en gras dans la fenêtre des calques.

Une fois que le calque contient un canal alpha, il suffit d’appuyer sur la touche « suppr » et vous obtenez ceci:

Vous pouvez maintenant utiliser ce calque tel quel dans n’importe quelle composition ou montage photo. Si on ajoute un fond blanc, on obtient ceci:

Voici d’autres exemples en utilisant le même principe mais avec d’autres textures:

Et voila, je vous laisse faire votre choix parmi les milliers de textures que contient le web.

Conclusion

Voila, la manipulation est ici détaillée à l’extrême mais ce n’est finalement pas si compliqué. Il faut surtout bien penser au canal alpha qui peut poser problème.

Pour aller plus loin, vous pouvez ajuster les couleurs du texte obtenu en jouant sur les réglages de luminosité ou de teinte.

Profitez gratuitement des services d'1point2vue :

10 astuces d’utilisation pour Gimp

Antoine — Mon, 19 Jul 2010 06:13:52 +0000

10 astuces d’utilisation pour Gimp sur 1point2vue

On me pose souvent des questions à propos de Gimp qui ne méritent pas de faire un tutoriel complet mais qui sont tout de même intéressantes. Voici quelques trucs et astuces qui en sont autant d’exemples.

1. Remplir une sélection avec une couleur

Pour remplir rapidement une sélection avec une couleur, utilisez le raccourci « Ctrl » + « , » pour remplir avec la couleur de premier plan ou « Ctrl » + « . » pour remplir avec la couleur d’arrière-plan.

Plus de détails: les sélections dans Gimp

2. Gérer la transparence

Pour gérer la transparence d’un calque simplement et rapidement, ajoutez un masque de calque: clic droit sur le calque puis « ajouter un masque de calque ».

Avec l’outil pinceau, en peignant sur le masque en noir, vous ferrez disparaitre des portions du calque. En peignant en noir, vous les ferrez réapparaitre. Pour passer rapidement de la couleur noir à la couleur blanche, utilisez la touche raccourcis »X » qui a pour effet d’inverser la couleur de premier et de second plan.

En alternant entre blanc et noir et en peignant directement sur le masque, cela permet d’affiner au fur et a mesure la transparence. Cette astuce est très utile dans le cas de déroutage complexe ou le gommage doit être ajusté avec précision.

Plus de détails: Les masques de calques de Gimp

3. Se déplacer dans la zone de travail

En cour d’édition d’un calque, vous pouvez vous déplacer dans la zone de travail en cliquant sur le bouton central de la souris (molette).

Pour zoomer sur la photo en cour d’édition, utilisez le raccourcis »Ctrl » + molette souris. En tournant la molette dans un sens ou dans l’autre, vous pouvez zoomer ou dé-zoomer sur l’image.

4. Ré-appliquer le dernier filtre

Pour appliquer de nouveau un filtre que vous venez d’utilisez, vous pouvez utiliser les touches de raccourcis « Ctrl » + « F ». L’effet s’appliquera alors à l’identique une deuxième fois. (« Ctrl » + « Maj » + « F » pour reparamétrer le filtre)

5. Transformer un texte en sélection

Lorsque vous écrivez un texte, un calque de texte est créé. Faites un clic droit sur ce calque puis choisissez « Alpha vers sélection » une sélection de la forme du texte apparait alors.

Plus de détails: l’outil de texte de Gimp

6. Désactiver une sélection

Pour désactiver rapidement une sélection, utilisez la touche de raccourcis « Ctrl » + « Maj » + « A ».

Plus de détails: les sélections dans Gimp

7. Applatir l’image sans fusionner les calques

Lorsque vous avez beaucoup de calques, il peut être utile de fusionner tous les calques. Le problème c’est que cette opération est irréversible.

Il existe cependant une alternative: menu « Calque » -> « Nouveau depuis le visible ». Un nouveau calque est crée et qui correspond à l’image aplatie. L’avantage de cette technique est qu’il est possible de travailler sur le nouveau calque comme s’il s’agissait de l’image applatie tout en conservant tous les calques en cas de besoin.

8. Corriger la balance des blancs

Gimp possède un outil qui corrige automatiquement la balance des blancs: menu « Couleurs » -> « Auto » -> « Balance des blancs ». Les résultats sont variables mais cette manipulation est parfois suffisante.

Il est aussi possible de le faire manuellement: menu « Couleurs » -> « Balance des couleurs » mais c’est beaucoup plus fastidieux.

Plus de détails: La balance des blancs

9. Augmenter la luminosité

Pour gérer la luminosité, il existe un outil simple: menu « Couleurs » -> « Luminosité/Contraste ». il suffit ensuite d’utiliser les curseur pour ajuster la lumière.

Plus de détails: Corriger la luminosité avec Gimp

10. Effacer uniquement une couleur

Pour effacer uniquement une couleur d’une image, choisissez l’outil pinceau en mode « effacer la couleur »

La couleur de premier plan sera effacée au passage du pinceaux. Les autres couleurs ne seront pas affectées.

Exemple sur l’image suivante, en choisissant le bleu comme couleur de premier plan:

On remarque que le bleu est effacé mais il reste des nuances de turquoise à gauche et de rose à droite.

Note: pour que cette manipulation fonctionne, il faut que le calque ait un canal alpha: clic droit sur le calque -> « ajouter un canal alpha ». Voir l’article sur la transparence pour plus d’infos.

Conclusion

Ces astuces ne révolutionnent pas la pratique de Gimp mais elles facilitent tout de même la tache. A utiliser sans modération.

Profitez gratuitement des services d'1point2vue :

Les calques de Gimp (3/3): transparence et fusion

Antoine — Wed, 03 Mar 2010 07:37:25 +0000

Les calques de Gimp (3/3): transparence et fusion sur 1point2vue

Gimp est un logiciel qui utilise des calques. Dans ce tutoriel, nous allons voir comment ça marche et comment les utiliser.

Sommaire

Cet article fait partie d’une série de trois:

Dans cette troisième et dernière partie, nous allons voir comment gérer la transparence des calques et comment les fusionner.

La transparence

La transparence est un élément important des calques, il existe plusieurs façon de la gérer qui ont des conséquences un peu différentes sur l’image.

Masque de calque: un masque est une image en niveaux de gris qui permet de définir des zones de transparence sur un calque. Pour plus de détails, voir l’article sur les masques de calques.

Canal alpha: une image contient trois canaux qui codent les couleurs: un rouge, un vert et un bleu. Il existe un quatrième canal qui code les informations sur la transparence: le canal alpha.

Exemple: Un calque avec de la transparence et le canal alpha correspondant:

Même si le principe est un peu le même, il ne faut pas faire la confusion entre le canal alpha et le masque de calque: le canal alpha est une information inclue dans les données de l’image alors que le masque est un outil propre au fonctionnement de Gimp. Les deux sont complètement indépendant: un calque peut avoir un masque et pas de canal alpha ou inversement.

Certain formats d’images enregistrent le canal alpha (le format PNG par exemple) c’est à dire que ces images peuvent avoir des zones de transparences. Le format JPG n’enregistre pas cette information et ne gère donc pas la transparence.

Dans Gimp, un calque qui n’a pas de canal alpha voit son titre apparaitre en gras dans la fenêtre de calque. Pour ajouter un canal alpha: clic droit sur le calque puis « Ajouter un canal alpha ».

Le canal alpha est une notion à connaitre même si concrètement, on ne travaille qu’indirectement dessus. Par exemple, en utilisant l’outil gomme, vous dessinez sur le canal alpha.

Verrouiller le canal Alpha: en cochant la case « verrouiller le canal alpha » en haut de la fenêtre de calque, toutes les modifications sur un calques n’affectent pas le canal alpha.

Exemple: Le canal alpha du calque rouge est verrouillé, avec l’outil pinceau, il est possible dessiner uniquement sur les zones opaques du calque:

Note: Pour rendre une partie de calque transparente, il est préférable d’utiliser un masque plutôt que la gomme car le travail sur un masque est non destructif. C’est à dire que l’image source n’est pas modifiée alors qu’avec la gomme des détails sont définitivement perdus.

Fusionner les calques

Pour alléger la fenêtre de calques ou pour réaliser des effets particuliers, il peut être utile de fusionner des calques.

Fusionner deux calques: Sélectionnez un calque puis faites un clic droit et choisissez « fusionner vers le bas ». Il sera alors fusionné avec celui qui est juste en dessous en prenant en compte le mode de fusion.

Fusionner tous les calques: Clic droit sur un des calques puis sélectionnez « aplatir l’image ». Tous les calques sont alors regroupé en un seul.

note: l’option menu « calques » -> « Nouveau depuis le visible » permet de créer un calque qui correspond à la fusion de tous les calques visibles. Cette option permet d’obtenir le même résultat qu’en fusionnant tous les calques sans supprimer les originaux.

Enregistrement: si vous enregistrez votre image dans un format qui ne gère pas les calques (par exemple JPG, PNG ou GIF) les calques seront automatiquement fusionnés. Si vous ré-ouvrez ce fichier avec Gimp, il ne contiendra qu’un seul calque. Pour sauvegarder l’image avec tous les calques, l’idéal est de l’enregistrer au format XCF (le format natif de Gimp).

Conclusion

On arrive à la fin de cette série d’article sur les calques.

Le principe des calques est une notion fondamentale de la retouche photo que ce soit avec Gimp ou Photoshop. Ces trois articles ne sont pas faits pour faire le tour de la question mais pour en fixer les bases. Si vous avez bien assimilé tout ça, le reste viendra avec la pratique et si vous avez encore des questions, les commentaires sont la pour ça…

Profitez gratuitement des services d'1point2vue :

Coloriser un dessin

Antoine — Sat, 13 Jun 2009 11:00:41 +0000

Coloriser un dessin sur 1point2vue

Une fois n’est pas coutume, ce tutoriel ne concerne pas directement la photo, mais il permet de voir certaines manipulations qui pourront vous servir plus tard…

Nous allons voir comment coloriser un dessin avec The Gimp. Pour illustrer ce tuto, je vais utiliser un dessin de Bart Simpson:

Et voici le résultat que l’on va obtenir:

Etant donné, qu’il y a beaucoup de chose à faire, je ne vais pas autant détailler que d’habitude.

Voici les étapes que nous allons suivre pour arriver au résultat final:

Supprimer le fond blanc: Garder uniquement les trais
Colorier
Ajouter des ombres

Et maintenant au boulot: On ouvre l’image avec Gimp.

Surpression du fond

Pour simplifier la colorisation, nous allons garder uniquement les trais et supprimer le fond blanc. Pour cela, on va ajouter un masque sur notre calque: clic droit sur le calque -> « Ajouter un masque de calque », choisissez « Copie du calque en niveaux de gris » dans la fenêtre d’option et cochez l’option « Inverser le masque » puis cliquez sur « ajouter ».

Le fond est maintenant transparent et on voit uniquement les trais. Pour la suite, on n’aura plus besoin de modifier le masque de calque: on va donc l’appliquer définitivement: clic droit sur le masque -> « appliquer le masque calque ».

Coloriser

Nous allons maintenant colorier notre dessin.

Pour cela, on crée un nouveau calque sur lequel on va appliquer les couleurs: clic sur le bouton « nouveau calque » en bas de la fenêtre des calques:

Dans la fenêtre de nouveau calque, on sélectionne « Transparence » puis on valide. Dans la fenêtre des calques, on place notre nouveau calque en bas de la pile et on le renomme en « peau » (pour renommer un calque: double-clic sur le titre du calque).

Nous allons donc utiliser notre calque « peau » pour coloriser la peau de notre sujet.

Tout d’abord, on choisit comme couleur de premier plan la couleur jaune caractéristique de la peau des Simpson: clic sur la couleur de premier plan dans la boite à outils:

Dans la fenêtre de sélection de la couleur, on cherche à s’approcher du « jaune Simpson » dans la palette de couleur (si vous ne voulez pas chercher, vous pouvez utiliser le code « f4d604″ dans le champ « Notation HTML »)

Maintenant, on va colorier la peau: sélectionnez le calque « Peau » puis l’outil pinceau, coloriez grossièrement toutes les partie de peau (jouez avec le diamètre de la brosse pour gagner du temps). Vous devriez obtenir ceci:

Maintenant, on va affiner notre barbouillage avec l’outil Gomme. Gommez toutes les zones jaunes qui dépassent des traits.

Je ne vais pas détailler pour toutes les autres zones du dessin alors je vous laisse faire pour les autres parties du dessin.

Pour chacune des zones suivantes, vous devez créer un nouveau calque (c’est important pour la suite) et le colorier en suivant le même principe que pour la peau:

Les yeux
la langue
le t-shirt
Le short et les chaussures
La feuille

Vous devriez obtenir quelque chose comme ça:

Ajout des ombres

La colorisation de l’image est maintenant finie, on peut s’arrêter là mais ce serait trop facile! On va donc voir comment ajouter des ombres à notre dessin pour lui donner un peu de relief.

Qui dit ombre dit lumière, alors la première chose à faire pour ombrer notre image est de définir où est la source lumineuse. La position de la lumière est à garder à l’esprit pour la suite car ça va servir pour que l’éclairage soit cohérent. Pour notre dessin, j’ai choisis de placer notre source à droite de Bart, dans le prolongement de son regard, comme indiqué sur l’image suivante:

On va d’abord travailler sur la peau: On duplique le calque « peau ». On sélectionne le calque « Copie de Peau » ainsi créé puis on ajoute un masque: clic droit -> « Ajouter un masque de calque ». Dans la fenêtre d’option, on choisit « Canal Alpha du calque ».

On sélectionne le calque « Copie de peau » (Attention: on sélectionne la calque et pas le masque) puis on l’efface en appuyant sur la touche « Suppr » ou en effaçant tout son contenue à la gomme (attention, on ne supprime pas le calque mais on efface son contenue). Résultat: le calque « Copie de peau » est vide (=transparent) et son masque correspond exactement à la forme de la peau:

On va maintenant peindre notre ombre sur ce calque (copie de peau). On sélectionne grossièrement la forme de notre ombre avec l’outil sélection:

On colorise en noir: menu « édition » -> « remplir avec couleur de PP » (attention: pensez à repasser les couleurs noir et blanc dans la boite à outil). On obtient le résultat suivant (ne vous inquiétez pas, ca deviendra une ombre!)

On fait de même, pour toutes les autres parties de la peau:

On désactive la sélection: Ctrl+Maj+A. On ajoute un flou: menu « Filtres » -> « Flou » -> « Flou Gaussien ». On donne une valeur de flou de 30 et on valide.

On obtient ceci:

Maintenant on va atténuer le noir en réduisant l’opacité du calque: On baisse le curseur « Opacité » jusqu’a 30 en haut de la fenêtre de calque.

Ce qui donne ceci:

Il ne vous reste plus qu’a faire de même pour toutes les autres parties du dessin et vous obtiendrez ceci:

Pour le fond, il suffit d’ajouter un calque tout en bas de la pile avec ce que vous voulez. Moi j’ai choisit un dégradé (bon il existe de bien meilleurs choix mais au moins le dégradé, c’est rapide à faire…)

Et finalement vous obtiendrez ceci:

Conclusion

J’ai essayé de vous montrer une méthode générale pour la colo (même si le dessin ici ne le justifiait pas forcement). L’impact sur votre façon de faire de la photo ne sera surement pas bouleversé après ce tuto mais il permet de voir l’utilisation de certains outils dans des contextes différents. Les masques par exemple sont des choses pas forcement facile à prendre en main alors un peu de pratique ne fait pas de mal!

Profitez gratuitement des services d'1point2vue :