1point2vue » déformation

Réaliser l’effet de mise en abime avec Gimp

Antoine — Thu, 17 Mar 2011 08:15:38 +0000

Réaliser l’effet de mise en abime avec Gimp sur 1point2vue

Dans ce tutoriel, nous allons réaliser un effet unique: la mise en abîme. Le principe est d’incruster une photo à l’intérieur d’elle-même. Le résultat est alors une image qui se perd dans les détails jusqu’à l’infini.

Voici ce que nous allons obtenir avec cet exercice:

La photo de départ

Voici la photo que nous allons utiliser:

Pour la prise de vue, il n’y a pas de contrainte particulière. Le plus simple est quand même d’avoir un repère pour pouvoir incruster l’image. Dans l’exemple, c’est la photo encadrée qui nous servira de guide.

La transparence

La première choses que nous allons faire, c’est de rendre l’intérieur du cadre transparent pour pouvoir incruster une copie de la photo de départ à l’intérieur.

Dans la boite à outil, prenez l’outil de sélection à main-levée.

Avec cet outil, tracez une sélection le long de la photo encadrée. Faites le tour du cadre en étant le plus précis possible (notamment au niveau des doigts).

Note: Zoomez sur l’image au besoin (Ctrl + molette souris) pour plus de précision pour tracer la sélection.

Une fois la sélection bouclée, nous allons l’utiliser pour créer un masque de calque. Faites un clic droit sur le calque « arrière-plan » dans la fenêtre des calques puis « ajouter un masque de calque ». Dans la fenêtre qui apparait, choisissez « sélection » et cochez la case « inverser le masque ». Le cadre devient alors transparent:

Note: Pour l’ajout du masque, l’option « sélection » permet de garder tout le contenu de la sélection et d’effacer tout le reste. L’option « inverser le masque » permet de faire le contraire.

Maintenant que nous avons notre cadre transparent, nous allons copier plusieurs fois le calque pour avoir notre effet. Cliquez plusieurs fois sur le bouton de copie de calque en bas de la fenêtre des calques.

Pour l’exemple, nous allons utiliser cinq copies du calque mais avec une autre image de départ, il en faudra peut-être plus.

Incrustation des calques

Nous allons maintenant déformer les calques un par un pour qu’ils s’incrustent les uns dans les autres. Nous allons commencer par le deuxième calque de la pile (pas besoin de toucher au premier).

Sélectionnez donc le deuxième calque (attention à bien cliquer sur la miniature du calque et pas sur le masque qui est à droite).

Dans la boite à outil, sélectionnez l’outil de déformation en perspective.

Avec cet outil, déformez le calque pour qu’il s’ajuste à la partie transparente que l’on a tracé précédemment. Il faut que le calque que vous déformez dépasse légèrement de la zone transparente de cette façon:

Pour valider la transformation, cliquez sur le bouton « Transformer ». Vous obtenez alors ceci:

Faites de même avec les calques suivants en les déformant pour qu’ils rentrent dans la zone transparente (qui est de plus en plus petite au fur à mesure que vous incrustez les calques). Vous arrivez alors au résultat final:

En théorie, il faudrait refaire cette étape à l’infini, mais l’infini, c’est très long ! En pratique, plus vous allez réduire la taille des calques et les incruster les uns dans les autres, plus le cadre transparent sera petit. Au bout de cinq calques, le cadre sera tellement petit qu’on ne le verra quasiment plus.

Conclusion

Comme souvent en retouche photo, c’est le détourage qui est le plus complexe (et pas le plus intéressant). Le résultat depend beaucoup de la qualité de la sélection que vous tracez au début de la manipulation, alors soignez-la bien.

Cet effet, bien qu’impressionnant, n’est finalement pas si compliqué à obtenir. Amusez-vous bien !

Profitez gratuitement des services d'1point2vue :

Simuler l’effet fisheye avec gimp

Antoine — Fri, 19 Nov 2010 11:07:09 +0000

Simuler l’effet fisheye avec gimp sur 1point2vue

Le fisheye est un type d’objectif qui se caractérise par une focale très courte (moins de 20mm). Le photos obtenues sont déformées à la façon d’une loupe (voir des exemples de photos prises au fisheye).

Dans ce tutoriel, nous allons voir une méthode très rapide pour imiter le rendu d’un fisheye en utilisant le logiciel de retouche Gimp.

Voici la photo de départ

Et voici ce que l’on va obtenir:

Prise de vue

L’effet loupe de la déformation à tendance à exclure les bords de l’image. Pensez alors à cadrer large pour que votre sujet ne soit pas tronqué par la transformation.

Préférez une photo avec une focale courte (zoom mini) pour approcher l’effet grand angle du fisheye.

Travaillez sur une image de la plus grande taille possible car le filtre de déformation est très destructeur. Avec une image de petite taille, le résultat sera de très mauvaise qualité.

Manipulation

Ouvrez votre photo avec Gimp.

Pour déformer l’image, utilisez le filtre de simulation de lentille: menu « filtres » -> « Distorsions » -> « Distorsion de lentille ».

Dans la fenêtre d’options du filtre, déplacez les trois premiers curseurs à 100 sans changer les autres.

Validez et voilà, c’est tout !

Vous obtenez alors le résultat final:

Pour affiner, vous pouvez ajouter un léger vignetage mais c’est facultatif.

Conclusion

Le résultat est quand même de moins bonne qualité qu’avec un vrai objectif fisheye mais c’est une piste…

Pour approcher l’effet très grand angle, il est préférable de faire cette manipulation sur une photo panoramique car elle couvre une plus grande surface.

Profitez gratuitement des services d'1point2vue :

Incruster une photo dans un cadre avec Gimp

Antoine — Tue, 13 Apr 2010 07:02:39 +0000

Incruster une photo dans un cadre avec Gimp sur 1point2vue

Dans ce tutoriel, nous allons utiliser Gimp pour incruster une photo dans un cadre en perspective. Nous allons utiliser les outils de perspectives et de masquage pour que l’insertion ait l’air le plus naturel possible.

Ce tutoriel peut être utiliser en complément du tuto sur l’effet hors cadre pour aller plus loin dans la photo-manipulation.

Voici ce que l’on va obtenir:

Et voici les deux images de bases:

Manipulation

Ouvrez la photo du décor avec Gimp puis ouvrez la photo du coucher de soleil comme un calque: menu « fichier » → »ouvrir en tant que calque ».

Vous avez donc deux calques: le décor et le couché de soleil. Dans la fenêtre de calque, faites glisser le calque du décor au-dessus de l’autre.

Découper le décor

Choisissez l’outil de sélection à main levée dans la boite à outil.

Avec cet outil, tracez une sélection correspondant à l’emplacement de la photo dans le décor:

Note: l’outil de sélection à main levée peut être utilisé de deux façons:

en maintenant la pression sur le clic, la sélection suit le curseur de la souris,
en cliquant de point en point la sélection sera composée de segments de droites.

Préférez la deuxième utilisation pour cette étape.

Une fois la sélection faite, nous allons rendre cette partie du calque transparente. Pour cela nous allons utiliser un masque de calque: dans la fenêtre des calques, faites un clic droit sur le calque « arrière-plan » puis « ajouter un masque de calque ».

Dans la fenêtre d’option choisissez « sélection » et cochez la case « inverser le masque » (on ne veut pas garder la sélection mais l’effacer). Une fois cette opération faites, désactivez la sélection: menu « sélection » → »Aucune » (ou Ctrl+Shift+A).

La photo du coucher de soleil apparait alors dans le cadre de la photo mais il faut encore soigner l’incrustation.

Incrustation

Nous allons maintenant nous occuper de la photo du coucher de soleil: sélectionnez le calque correspondant dans la fenêtre des calques puis sélectionnez l’outil « perspective » dans la boite à outil.

Avec cet outil, déformez la photo de façon à ce qu’elle entre dans le cadre découpé précédemment. Il n’y a pas besoin d’une grande précision sur cette étape car le calque contenant la photo est placé en dessous du calque avec le décor. Arrangez-vous juste pour que la photo déborde légèrement sur le cadre comme sur l’image ci-dessous:

Validez la transformation et la photo s’incruste dans le décor.

Pour fignoler l’incrustation, vous pouvez ajouter un léger flou sur le masque: sélectionnez le masque de calque puis menu « Filtres » → »Flou » → »Flou gaussien ». Entrez une valeur de 2px puis validez.

Vous obtenez alors le résultat final:

Conclusion

Ce type de montage est une base en photo manipulation. Pour cet exemple, j’ai choisi la simplicité en utilisant un décor qui contient déjà une feuille de papier pour servir de guide, cette solution permet d’avoir des proportions correctes et de ne pas avoir à s’occuper des ombres de la photo.

Le travail n’est pas encore fini, il reste à ajuster les couleurs du décor et de la photo (en travaillant séparément sur les deux calques) donc une fois de plus, ce tuto est un point de départ…

Profitez gratuitement des services d'1point2vue :

Ecrire sur un objet en relief

Antoine — Mon, 09 Nov 2009 11:00:05 +0000

Ecrire sur un objet en relief sur 1point2vue

Dans ce tutoriel je vous propose d’utiliser The Gimp pour écrire sur du papier froissé. On va utiliser les outils du logiciel pour que le texte suive le relief de la feuille de papier.

Voici la feuille de papier sur laquelle on va écrire.

Et voici ce que l’on va obtenir.

Insertion du texte

On ouvre la photo de la feuille de papier avec Gimp. On choisit l’outil texte (dans la boite à outils).

On écrit sur la feuille avec une grande police (ici, j’ai pris une taille 60).

Le texte apparait sur un nouveau calque. Nous avons donc deux calques: « arrière-plan » et le calque qui contient le texte.

Pour la suite, il faut que les deux calques aient les mêmes dimensions, or le calque de texte est plus petit, on va donc réparer ça: sélectionnez le calque de texte puis menu « Calque » -> »Calque au dimensions de l’image ». On va maintenant déformer le texte pour qu’il s’adapte au relief de la feuille: menu « Filtres » -> »Carte » -> »Déplacer selon une carte » (c’est pour ce filtre qu’on a fait la manip précédente).

Dans la fenêtre d’option qui apparait, mettez « 2″ comme valeur de déplacement en X et en Y. Dans le champs à droite de la valeur de déplacement choisissez le calque « arrière-plan » (voir la capture d’écran ci-dessous).

Apres validation, on obtient ceci:

On va amplifier l’effet en répétant le filtre précédant: appuyez plusieurs fois sur « Ctrl+F » (2 ou 3 fois jusqu’a ce que l’aspect de texte convienne). En répétant l’effet, le texte devient flou à certains endroit.

On va régler ceci en augmentant artificiellement la netteté: menu « Filtres » -> »Amélioration » -> »Renforcer la netteté ». Précisez les réglages suivant: Rayon à 10, Quantité à 2 et Seuil à 0.

On obtient ceci:

Mode de fusion

Il ne reste plus qu’a adapter le mode de fusion pour que le texte s’incruste mieux sur l’image. On passe le calque en mode « Fusion de grain » puis on passe l’opacité à « 80″.

On obtient donc le résultat final:

Conclusion

Dans l’exemple, j’ai appliqué un texte sur une feuille de papier mais c’est une méthode assez générale.

Les filtres de cartes sont très puissants et beaucoup d’autres applications sont possibles, j’en reparlerai surement dans un autre tutoriel.

Profitez gratuitement des services d'1point2vue :

Fabriquer une mini planète avec Gimp

Antoine — Wed, 08 Jul 2009 11:00:42 +0000

Fabriquer une mini planète avec Gimp sur 1point2vue

Dans ce tutoriel, nous allons voir comment créer une planète à partir d’un paysage avec Gimp.

Voici ce que l’on va obtenir:

Et voici l’image de base:

Principe

Le principe est simple (la réalisation un peu moins!): il s’agit de courber l’image sur elle même en passant en coordonnées polaires.

Il y a pas mal de boulot alors en route: on ouvre la photo avec Gimp.

Rendre l’image raccordable

La première étape est de rendre l’image raccordable. C’est à dire que le coté gauche s’accorde avec le cote droit pour qu’il n’y ai pas de discontinuité quand on va courber l’image. On choisit l’outil sélection rectangulaire et on trace une sélection qui englobe la moitié gauche de l’image comme sur l’image ci-dessous:

On coupe et on colle la sélection que l’on vient de créer: Ctrl+X (pour couper) puis Ctrl+V (pour coller). Un calque « Sélection flottante » apparait.

On transforme la sélection flottante en calque: clic droit sur « Sélection flottante » -> »Nouveau calque ». La sélection flottante se transforme en calque. On renomme le calque du haut « 01″ et le calque du bas « 02″.

On désactive le calque « 02″ (œil à gauche du calque dans la fenêtre des calques). On sélectionne l’outil « déplacement » dans la boite à outils et on coche l’option « Déplacer le calque actif ».

On sélectionne le calque « 01″ et on le déplace vers la droite à la limite du bord du cadre de l’image. Il faut absolument que le déplacement soit uniquement horizontal: pour cela, gardez la touche Ctrl enfoncée pendant le déplacement.

On réduit l’opacité du calque « 01″ à 50%.

On réactive le calque « 02″ (œil à gauche du calque dans la fenêtre des calques). Toujours avec l’outil déplacement, on déplace « 02″ vers la gauche de la même façon que précédemment de façon à ce que les deux calques se chevauchent (voir ci-dessous).

On ajoute un masque sur le calque « 01″: clic droit -> Ajouter un masque de calque. Dans la fenêtre d’option, on choisit « blanc (opacité complète) » et on valide. On sélectionne l’outil « dégradé » dans la boite à outil.

On sélectionne le masque de « 01″ puis on trace un dégradé sur la zone de transition entre les deux calques comme ci-dessous:

On repasse l’opacité du calque « 01″ à 100% et on obtient ceci:

Pour améliorer la transition entre les calques, il faut jouer du pinceau sur le masque. Je ne le ferai pas ici parce que la transition est pas trop mal (et qu’il faut bien que je vous laisse vous débrouiller un peu !).

On va maintenant fusionner nos deux calques en un seul: clic droit sur le calque « 01″ puis « fusionner vers le bas ». On obtient alors un seul calque qui s’appelle « 02″.

Ajuster le canevas

On va maintenant découper le canevas de l’image pour qu’il soit de la même taille que le calque.

note: le canevas est la zone de travail de l’image, les calques peuvent êtres plus grand ou plus petit que le canevas mais seuls les parties des calques dans le canevas sont visibles.
Quand on ouvre une photo avec Gimp, la photo devient un calque appelé « arrière-plan » et le canevas prends la même taille que ce calque. Dans notre cas, on a séparé la photo en deux calques qu’on a fait se chevaucher, le calque obtenue par la fusion est donc plus petit que celui du début. Le canevas lui n’a pas changé, il faut donc le réduire pour qu’il reprenne les mêmes dimensions que le calque.

Avec l’outil sélection rectangulaire, on trace une sélection qui affleure les bords de l’images (il faut être très précis: zoomer au besoin avec Ctrl+Molette souris).

Une fois que la sélection est définie: menu « Image » -> »découper la sélection ».

Proportions de l’image

Pour que le rendu soit meilleur quand on va passer en polaire il faut que la proportion terre/ciel soit d’environ 1/2. Nous avons ici une proportion 1/1, on va donc ajouter un peu de ciel.

Pour augmenter la proportion de ciel, on va augmenter la taille du canevas: menu « Image » -> »Taille de canevas ». Remplissez la fenêtre comme suit:

(A) Cliquez sur la chaine pour annuler la proportion.
(B) Entrez la même valeur pour la hauteur que pour la largeur. Vous n’avez pas forcement la même valeur que sur l’exemple, copiez bien la valeur de la largeur dans la hauteur (et pas l’inverse).
(C) Faites glisser l’image vers le bord inférieur. Puis validez.

On obtient ceci:

On va changer la couleur de premier plan: clic sur le cadre noir sous les outils.

Choisissez un bleu clair (qui servira à faire le ciel). Ici j’ai utilisé le code HTML « 255dff ».

On crée un nouveau calque: bouton « nouveau calque » en bas de la fenêtre de calque.

On choisit « couleur de premier-plan » dans la fenêtre de nouveau calque.

Un calque bleu apparait. On le place alors en dessous du calque « 02″.

On va faire une transition entre le vrai ciel et le calque bleu qu’on vient de créer: On ajoute un masque sur le calque « 02″: clic droit -> »Ajouter masque de calque » puis on choisit « blanc (Opacité complète) ». Reprenez le noir comme couleur de premier plan puis sélectionnez le masque. Avec l’outil dégradé, tracez un dégradé entre le sommet du ciel et la terre comme sur l’image ci-dessous.

Normalement, votre ciel doit se melanger avec le magnifique fond bleu ciel. Reste, plus qu’à réunir tous ça: Clic droit sur le calque superieur puis « fusionner vers le bas ».

Transformation polaire

L’image est enfin prête pour la déformation: menu « Filtres » -> »Distorsions » -> »Coordonnées Polaires ». Remplissez les champs comme suit:

Angle de décalage: entrez la valeur que vous voulez, cette valeur permet de faire tourner la planète.
Tracer à partir du haut: décocher pour obtenir l’effet planète.

Apres validation vous obtenez votre planète avec un contour transparent. Faites une sélection rectangulaire de ce que vous voulez garder:

Puis recadrez: menu « image » -> »découper la sélection ».

Et voila!

Conclusion

Je suis passé vite sur certaines étapes alors à vous de vous débrouiller pour vous en sortir. Cet effet n’est pas simple et demande de connaitre déjà les bases de Gimp. Il s’agit surtout de bidouillage et les traitement sont à affiner au cas par cas.

Nous avons ici utilisé le passage en coordonnées polaires, un meilleur rendu peut être obtenue en faisant un projection stéréographique (voir l’article sur Wikipedia). Gimp ne gère pas cette transformation mais peut-être qu’un add-on le fait, ça mériterait de fouiller un peu sur le web…

Profitez gratuitement des services d'1point2vue :

Caricaturer un portrait

Antoine — Tue, 30 Jun 2009 11:00:42 +0000

Caricaturer un portrait sur 1point2vue

Nous allons voir comment créer une caricature a partir d’un portrait avec Gimp.

Voici un exemple de ce que l’on peut obtenir (survoler avec la souris pour voir l’original):

(merci au model qui a bien voulu donner son accord pour que je le publie sous son plus beau jour!)

Manipulation

Ce type d’image est beaucoup plus facile à réaliser qu’il n’y parait.

On ouvre donc la photo avec Gimp. Pour déformer l’image, il suffit d’utiliser le filtre de…déformation: menu « Filtres » -> »Distorsions » -> »Déformation interactive ».

La fenêtre suivante s’ouvre:

Il ne reste plus qu’à jouer de la souris en déplaçant les zones de l’image dans l’aperçu que vous voulez déformer. Pour augmenter ou réduire la taille de la zone déformée, jouez sur le rayon de déformation.

Je ne vais pas aller plus loin dans la technique car l’utilisation de cet effet est assez intuitif et le résultat dépend de vos gout! Je vous conseil de tester tous les modes dans tous les sens pour vraiment les prendre en main.

Voici un récapitulatif rapide des modes de déformations:

	Image de base
	Déplacement Appliqué ici du coin supérieur gauche au coin inférieur droit
	Agrandir Appliqué au centre
	Reduire Appliqué au centre
	Tourbillon Appliqué au centre
	Enlever Ce mode permet d’annuler localement une déformation, il est ici appliqué à partir de l’image précédente (tourbillon) du coin inferieur gauche au coin supérieur droit.

Et voila, le but de cet article était surtout de présenter l’outil de déformation. Je n’ai pas détaillé les manips à faire sur l’image. Chaque photo est différente alors à vous de voir jusqu’a quel point vous voulez aller.

Profitez gratuitement des services d'1point2vue :