Midilibre.fr
Tous les blogs | Alerter le modérateur| Envoyer à un ami | Créer un Blog

22/11/2009

[gimp] - Effet de reflet en perspective

Puisqu'on parle de gimp en ce moment, et comme je n'avais pas fait de tutoriel sur gimp depuis longtemps, j'ai décidé de combler ce manque. Un effet sympa à faire est de faire un reflet avec un dégradé pour simuler un effet de miroir, comme ci dessous :

wirelizard_Lion_Ornament.png

Sur un objet plat cela fonctionne trés bien, mais lorsque l'image est en perspective c'est plus délicat, comme sur un carton par exemple :

cart1.jpg

Prenons ce carton, (en l'enregistrant sous...) il fait 228 de large et 240 de haut. En premier lieu il nous faut doubler la hauteur de la zone de travail, avec Image -> Taille du Canevas. Et mettons les tailles de 228 en largeur et 480 de hauteur. Pensez à décovher la petite chaîne qui lie la largeur et la hauteur de manière a ne plus avoir de relation entre les deux. Placer votre carton tout en haut de l'image et dupliquer le (MAJ+CTRL+D) ou Calque -> Dupliquer le calque.

Appliquer sur le nouveau calque une symétrie axiale(shift + f) , le plus simple est d'utiliser l'outil de retournement (MAJ+F) et de choisir l'option Vertical :

1.jpg

Déplacer en suite le deuxième carton de manière a ce que les pointes se touchent :

2.jpg

Maintenant la partie astuce qui va nous permettre de faire un effet de reflet avec notre carton : Découpez la partie gauche du carton jusqu'a la pliure avec l'outil R comme ceci :

3.jpg

Une fois la sélection faites, utiliser l'outil de cisaillement (MAJ+S) et appliquer une ampleur de cisaillement Y de 93 devrait être suffisant. Faites la même chose avec la partie droite du carton (l'ampleur sera plus grande car l'angle est plus élevé, j'ai mis 350). Vous devriez obtenir ceci :

4.jpg

Réglez l'opacité du calque sur 30, et ajoutez lui un masque de calque (en faisant un clic droit sur le calque). Prenez l'outil de dégradé, et choisissez le dégradé (PP vers transparent en noir). Faites un dégradé sur le calque en question, et voila notre reflet en perspective :

5.jpg

Pour plus de réalisme il est conseillé de couper les volets inférieur(voir sélection ci dessous) de manière a ne laisser apparaitre que les volets ouvert vers nous, et donc se reflettant vraiment sur une surface plane.

6.jpg

30/04/2009

[gimp] - Effet Sténopé (Camera obscura)

source1.pngSi vous vous sentez l'âme d'un bricoleur vous pouvez facilement construire un Sténopé l'expérimentation est le maître mot de ce procédé car il faut parfois attendre des heures avant d'arriver à un résultat... vous trouverez ici des exemples parfait d'utilisation de cet "outil" photographique :http://www.stenopes.com

Si maintenant vous ne vous sentez ni le courage, ni la patience de vous lancez dans l'aventure, il y a une solution pour vous : the Gimp peut vous aidez à créer des Sténopé trés rapidement. L'effet créee est trés intéressant, car une banale image, devient trés rapidement un objet qui capte l'attention. Prenons l'image ci dessous par exemple, en soit si ce n'est le fait qu'elle à été prise sur les abords de Saint Flour (Cantal) et qu'il y faisait trés froid. La photo en elle même ne présente que trés peu d'interêt. Voyons comment en faire une image "Sténopé".

source.png

La première chose à faire est de désaturer l'image (attention pas une simple transformation en niveau de gris), nous allons utiliser le menu :
Couleurs -> Désaturer
Selon l'image choisissez ce qui vous convient, pour mon image j'ai pris "clarté". Une image prise avec un Sténopé étant diffuse (puisqu'il n'y a pas a proprement parler  d'objectif) nous allons maintenant utiliser le menu :
Filtre -> Artistique -> Lueur douce
Mettez Rayon de flou et Luminosité au maximum, et jouez avec l'augmentation du contraste.
L'autre caractéristique d'une photo prise au Sténopé, est le contour flou, il nous faut donc tracer une ellipse autour de l'image pour flouter et assombrir les bords.

1.jpg

Comme sur l'image ci dessous tracer donc votre ellipse et  inverser la sélection (CTRL+i). Comme nous voulons que le flou se fasse progressivement nous allons dire au gimp de travailler en douceur avec :
Sélection -> Adoucir -> 100px, ce qui permettra d'avoir un fondu de 100pixel sur nos opérations.
Nous allons ensuite assombrir les bords avec :
Couleurs -> Courbes

cour.jpg

Prenez la moitié de la courbe et appliquez lui une déformation vers le bas. La photo s'assombrit autour de l'ellipse de manière douce sur 100px.
Reste à flouter l'image :
Filtres -> flou -> Flou gaussien
J'ai laissé les paramétres par défaut (5 et 5) ce qui devrait être suffisant dans la majorité des cas.
Voila, nous avons notre Sténopé

Pour peaufiner, on peut colorer légérement l'ensemble (j'ai choisi bleuté, mais on peut tester avec du rouge par exemple cela rends assez bien pour les fonds d'écran) : Ajoutez un nouveau calque, remplissez ce dernier avec la couleur de votre choix (ici du 175eff) chosissez le mode de calque "Couleur" et mettez l'opacité de ce calque sur 30%.

result.jpg

15/01/2009

[gimp] - Gmic4Gimp pléthore d'effets pour The gimp !

capture-1.pngJ'espère que vous connaissez tous G'mic de David Tschumperl ! Cet outil en ligne de commande permet de faire des miracles avec vos photos (transformations, conversions...). Si cela n'est pas le cas je vous conseille de vous ruer sur la page de documentation en français pour installer ce logiciel :  http://doc.ubuntu-fr.org/gmic

A l'issue de la sortie de la version 1 du logiciel une idée est arrivé sur la mailling list de linonroot-dev : pourquoi ne pas faire une interface à ce Gmic ? l'idée d'interfacer G'mic avec The Gimp est apparu comme une évidence et une option géniale. Aprés un premier jet en python par votre serviteur et David, des limitations sont trés vite apparu (notamment au niveau de python-gimp qui ne permettait pas de traiter correctement certains éléments). David à donc pris à bras le corps GTK et nous à livré un plugin pour le Gimp : http://registry.gimp.org/node/13469

Des binaires sont disponibles ici pour 32bits et 64bits ...

L'installation est on ne peut plus simple : il suffit de copier le fichier dans le répertoire ~/.gimp-2.*/plug-ins/ et une nouvelle option apparait dans les filtres : G'mic toolbox. Il ne vous reste plus qu'a choisir votre filtre G'mic et à régler les différentes valeurs de celui ci.

04/11/2008

[gimp] - Tutoriel pour mettre une photo en relief

ter2.jpgJ'ai  eu l'idée de ce tutoriel hier, en regardant ma fille tourner les pages de son livre Spot le chien, vous savez ce sont ces livres ou des petits volets sur les images peuvent se touner pour monter ce qu'il y a derrière.

Pré-requis : savoir utiliser gimp-resynthetiser (mon tutorial ici)

Nouveauté que nous allons aborder : l'outil chemin (touche b) et non plus les ciseaux pour faire un tracé vraiment précis.

Comme source nous allons prendre une jolie image de bouteille.

Le première étape consiste a déterminer le tracé de la bouteille, pour cela prennez l'outils Chemin (touche b) et placer vos points (un peu à la manière des ciseaux) Sauf que si vous zoomer sur votre tracé vous pourrez voir que les angles ne sont pas arrondis, pour cela il suffit de jouer avec les carrés qui contiennent chaque point. La touche CTRL maintenu vous fait passez en mode édition, et vous permets de modifier l'angle inférieur et supérieur de chaque point. L'interêt par rapport au ciseaux : votre tracé est ultra pécis. Cela demande un peu d'entrainement mais une fois maitrisé vous obtiendrez des tracés, pour vos découpes, trés fin. Vous pouvez bien entendu déplacer vos points pour affiner. Pour boucler il suffit avec la touche CTRL et le clic gauche de revenir sur le premier point tracé.

2.png 2a.png 2b.png

Une fois votre chemin définit nous avons tout les éléments pour pouvoir utiliser gimp-resynthetiser et découper la bouteille. Il nous suffit de cliquer sur le boutton "Sélection depuis le chemin" dans le menu outil du chemin pour tracer une selection sur notre bouteille, avant de supprimer définitivement notre bouteille  faisons une copie de la bouteille, (Edition Copier et Coller ou CTRL+C et CTRL+V). Masquez ce calque (en cliquant sur l'oeil à gauche du calque)
Ensuite créez un nouveau calque remplissez le de noir et utilisez Script-Fu -> Enhance -> Smart remove selection. Cela supprimera la bouteille. Masquer le calque noir. Nous avons les éléments pour faire notre relief. La première partie consiste à mettre en perspective la photo sans la bouteille, cliquez sur le premier calque, et utilisez l'outil Perspective (ou MAJ+P) pour placer la photo correctement :

3.jpg

Pour faire propre rajoutez un Filtre -> Ombres et lumières -> Ombre portée et mettez les décalages  sur 0. Affichez ensuite le calque de la bouteille et placez correctement l'élément de manière réaliste (en général à l'endroit ou était la bouteille). Il nous reste à rajouter un ombré Filtre -> Ombres et lumières -> Perspective, j'ai laissé les valeurs par défaut, mais il est conseillé de faire plusieurs test pour que l'ombre en perspective cadre avec la perspective du calque avec la photo.

Voici quelques résultats obtenu rapidement (la première est plus rose car j'ai joué avec Couleurs -> Teintes saturation.)

ter1.jpg ter3.jpg ter4.jpg ter2.jpg

28/10/2008

[gimp] - Faire un effet Bokeh

bokeh1.pngAvant de commencer, une petite définition photographique, l'effet Bokeh est un flou artistique d'arrière plan permettant de mettre en avant un sujet principal. C'est un effet que j'aime beaucoup, et que je suis arrivé à reproduire avec un bridge (un finepix s5600), mais pour ceux qui n'ont qu'un numérique heureusement gimp va vous aider pour le post-traitement.

Comme d'habitude prenons notre fichier exemple (la gare de brioude en haute loire... avant un retour en pays Gardois)

Commencez par dupliquer l'image de fond. Et sur le deuxième calque, appliquer un flou (filtres -> flou -> flou gaussien 50 en horizontal et vertical). Ajoutez un masque de calque (clic droit sur le calque, et ajoutez un masque de calque -> Noir transparence totale)

capture-5.png
Masquez le deuxième calque(en cliquant sur l'oeil), et sur le calque d'arrière plan, découpez avec le plus de précisions possible l'objet (ici notre wagon) avec notre outil ciseau (que vous commencez à connaitre). Une fois cela fait, réaffichez le calque (en cliquant sur l'oeil) et sélectionnez le en cliquant sur le carré noir (le masque de calque).
Nous allons intervertir la sélection pour découper tout ce qui est autour de l'objet (clic droit sur l'image Sélection -> inverser ou CTRL+i) puis coupez (clic droit Edition-> couper ou CTRL+X). Il reste à affiner certains contours avec le pinceau (en noir) toujours sur le masque de calque.Pour finalisez la jonction entre le flou et le non flou vous pouvez utilisez l'outil de flou et de netteté (la goutte ou MAJ+u)
Une fois terminé, pour donner toujours plus de peps à la photo, cliquez sur le carré avec la photo dans les calques, et sur votre image, mettez un coup de saturation (clic droit Couleurs -> teintes saturations... montez la saturation vers 20).
capture-7.png

21/10/2008

[gimp] - Tutorial pour faire un boutton glossy

prev_butt.jpgVous voulez faire un peu de pub pour votre site, et fournir des jolis boutons ?
Heureusement La Linuxerie pense à vous, je vais vous expliquer comment créer un bouton en moins de quelques clic.

Le tutoriel va se passer en 2 parties, la première consistera à créer la trame qui se collera par dessus le bouton (en l'occurence un trait diagonal) et la deuxième sera le bouton en lui même.

Créez tout d'abord une image de 5 pixels par 5 pixels, avec un fond transparent, sélectionnez l'outil crayon avec la plus petit taille, et tracer une diagonale en noir (faites un clic dans le coin inférieur gauche et maintené la touche en SHIFT avant d'aller cliquez dans le coin supérieur droit). Vous avez une belle diagonale noir sur un fond transparent (n'hésitez pas à beaucoup zoomer pour voir ou vous placer vos points):

button1.jpg

Un fois cela fait, sélectionnez votre oeuvre (CTRL+A) et copier la (CTRL+C).

Nous allons maintenant créer le bouton, nous allons le faire d'une taille de 200*20 pixels, créez donc une image de cette taille en fond transparent. Ajoutez un claque (toujours transparents) et utilisez le pot de peinture (MAJ+B) et dans le menu outil cliquez sur Remplissage avec le motif (normalement il est sur "presse papier") cela signifie que vous allez remplir le calque avec une répétition de ce qui est dans le presse papier (en l'occurence notre diagonal) : cliquez n'importe ou dans le calque. Passez le calque en lumière douce. Vous devriez avoir quelque chose comme ceci :

button2.jpg

Nous avons fait le plus dur, reste à remplir l'arrière plan d'un jolie dégradé (touche L) de nombreux choix vous sont proposé par défaut. Une fois cela fait créez un nouveau calque au dessus des deux autres, nous allons maintenant placer le texte. Ecrivez ce que vous voulez, moi j'ai écrit "La Linuxerie"... allez savoir pourquoi. J'ai pris du blanc pour que cela ressorte bien. Mais pour avoir plus d'impact, il nous faut entourer le texte d'une couleur plus sombre. Faites un clic droit sur le calque avec le texte, et cliquez sur alpha vers sélection, votre texte va s'entourer. Nous allons agrandir cela en faisant : Sélection -> Agrandir ... j'ai pris 1 pixel. Nous avons donc maintenant une selection d'un pixel plus grand autour de notre texte. Créez un nouveau calque (toujours transparent) et remplissez le de la couleur souhaitez pour le tour du texte. Une fois cela fait passez ce calque en dessous du texte. Ayant pris du noir, j'ai réduit un peu l'opacité. Cela commence a prendre forme :

button3.jpg

Reste à peaufiner, nous allons rajouter un effet "glossy" par dessus le bouton, pour cela rajoutez un calque au dessus de tout les autres, et sélectionnez l'outil de sélection Elliptique (touche E) et tracer une demie ellipse(en partant au dessus de l'image) dans la partie supérieure, remplissez ce calque de blanc,  et réglez l'opacité à 20%. Dernier raffinement, créez un calque juste au dessus de votre dégradé et prenez la brosse "Sparks" tracez un trait en diagonal selon votre humeur... avec cela nous finalisons notre bouton, mais vous pouvez rajouter votre logo, un icone.... A vous de voir. Voici diverses création pour mon blog, juste en changeant le dégradé.
Voila, voila, une note à double emploi, ditacticielle et auto-promotionelle...

3.png

2.png

1.png

18/10/2008

[linux] - Comment finaliser une installation lorsque ca gèle?

debian-logo-portrait.jpgAttention cette note décrit un processus de chroot dans un cas très spécifique et  particulier, cela n'est absolument pas à tester dans le cas ou tout se passe bien (d'ailleurs je me demande si c'est à faire tout court)!

Hier j'ai installé une Debian lenny (toujours en beta, car je vous rappelle que la version définitive sortira finalement en Juin 2009)... donc je faisais les manipulations à mes propres risques. Je l'avais déjà  installé sur une autre machine et tout s'étais très bien passé. Mais sur ce PC je ne sais pas pourquoi, cela a bloqué sur Gconf2 (je pense que la faible mémoire du PC est en cause).... au bout d'une demie-heure je me suis dit que quelque chose était anormal.

J'ai donc switché vers un autre terminal avec CTRL+ALT+F2 et un coup de ps -ef m'a bien confirmé que gconf2 était toujours en train de s'installer mais vu le temps passé  c'était étonnant,le problème est que si je rebootait je perdais tout ce que je venais de faire (quasiment une heure tout de même) et j'aurais eu tout à refaire (vu que la configuration de grub se fait à la fin).

J'ai donc tué le processus d'installation. Et j'ai fait un chroot /target (répertoire d'installation pour une debian). me voila logué en shell sur mon système a moitié installé, j'ai supprimé gconf2 (apt-get remove gconf2), installé grub  (apt-get install grub) (c'était l'urgence pour pouvoir booter sur le système)... un coup de exit et voila je pouvais rebooter en paix et retenter mon install de gconf2 qui est passé cette fois, et finaliser mon installation (apt-get dist-upgrade) mais au moins je n'ai pas eu à refaire tout le processus d'installation, ni à retélécharger tout les paquets.

Je venais de gagner un bon paquet de temps car je n'ai pas eu à reprendre toute l'install du début. Depuis tout va bien...Lenny s'annonce bien.
C'est là ou on se dit que Gnu/Linux tout de même c'est rudement bien fait.... c'était ma petite  histoire d'avant week-end.

15/10/2008

[gimp] - Faire une photo "digitale"

prev.jpgHier j'ai été confronté à un problème : comment une photo de nature peut elle apparaitre hi-tech?..... je me suis tordu les méninges. Aprés analyse du mot hi-tech (c'était le mot d'ordre de mon client ;-)) je me suis dis bon, prenons les pixels comme base de départ et tachons de faire quelque chose de cohérent. je vous livre ici mon petit tutorial pour transformer une simple image d'abeille en quelque chose de beaucoup plus moderne.

Ci dessous notre image de départ:

800px-BeeOnFlower.jpg

La première étape sera de dupliquer cette image (quatrième option tout en bas ou MAJ+CTRL+D) et d'appliquer un filtre de pixellisation avec : Filtres -> flou -> pixeliser et mettez 20 à largeur et à hauteur

Capture-1.png


Mettre le calque en mode Lumière douce et le dupliquer à nouveau. Sur ce dernier calque appliquer un nouveau filtres pour marquer les contour de nos pixels :
Filtres -> Détection des bords -> Contour Laissez l'algorithme sur sobel, quantité 2 et Etaler

Capture-2.png

Mettre ce calque en lumière douce
Et pour affiner un peu on peut ajouter un masque de calque sur le dernier calque (clic droit ajouter un masque de calque) et avec un pinceau assez epais on peut tracer un cercle sur l'abeille pour la faire ressortir. Voici le résultat que je trouve assez intéréssant :

Capture-3.png

 

08/10/2008

[gimp] - Mélanger couleur et noir-blanc

2bd92b76ccd38c7b35d41d0be1718171.jpgNous allons apprendre à réaliser un effet simple dans la pratique mais avec un rendu trés intéressant : la superposition d'une image en couleur sur un fond en noir et blanc.
Pré-requis : avoir pris connaissance de mon tutoriel sur les ciseaux ici
Vous pouvez obtenir la source de l'image ici
La première étape est donc de détourer le papillon avec les ciseaux, une fois cela fait il faut faire une sélection (que vous savez faire puisque vous avez suivi le tutoriel sur les ciseaux...sinon pour rappel il faut faire le tour avec les ciseaux boucler le tour, et cliquez dans le centre des points).
Une fois votre papillon sélectionné (comme ci dessous) il faut le copier (soit avec CTRL+C, soit avec Edition -> Copier)
40df537acba85daac0c6d56840631c83.jpg
Passez ensuite votre image en niveaux de gris : Image -> Mode -> Niveaux de gris.
Et repassez immédiatement en mode RVB : Image -> Mode ->RVB
Collez ensuite votre papillon (CTRL+V ou Edition Coller), vous allez avoir ceci :
8c14ff800e778a9418d9e070ad5fcae9.jpg
Il ne vous restera plus qu'a ajuster la position du papillon pour qu'il soit placé exactement au dessus de l'autre. Et voila le résultat.
2bd92b76ccd38c7b35d41d0be1718171.jpg

29/09/2008

[gimp] - Faire un effet polaroid avec Le Gimp

6dd66a879754015f1319f3cd08f866ad.jpgAujourd'hui nous allons faire un effet polaroïd, sur une image, cela permet d'égailler un peu les compositions. Et le tout, encore une fois, trés simplement.

La première étape est de d'ouvrir notre image avec le Gimp. 

Dans le menu Calque -> Nouveau Calque (ou les touches CONTROL + SHIFT + N), vérifiez bien que Transparence soit coché. Votre nouveau calque est placé au dessus de l'image, nous allons le mettre en dessous, en cliquant et en restant cliqué et en déplaceant le calque transparent dessous l'image.

Il nous reste a réduire un petit peu l'image source (cliquez sur le calque de l'image) : 

Calque -> Echelle et taille du calque et réduisez de 15% l'image. Déplacez un petit peu vers le haut l'image (en appuyant sur la touche M vous aurez la croix pour déplacer)

Vous devriez obtenir ceci :

778f627eedd06559dc9e2d667db73f19.jpg
Nous allons maintenant tracé un rectangle sous la photo, avec une partie basse plus large (pour faire l'effet polaroid) :
Prenez l'outil de sélection rectangulaire (touche R) et tracez le rectangle. Une fois cela fait prenez une couleur blanche et remplissez votre rectangle avec le pot de peinture (MAJ+R). Rajoutez un autre calque et déplacez le dessous tout les autres. Voici le résultat de cette étape :
0f5147449fa41659bc74a04ca560c3e7.jpg
Remplissez ce calque transparent avec un gris léger (outil pot de peinture). Sélectionnez le calque blanc (le tour de la photo) et allez dans Filtres -> Ombres et Lumières -> Ombres Portée et mettez 0 à décalage X et Y, décochez Permettre le redimensionnement et Validez, vous aurez un effet d'ombré diffu autour de la photo trés sympa.
Vous pouvez rajouter un texte sur la partie basse, et même appliquer un effet de rotation (MAJ+R)
 
544da42587329213553610a684613ab2.jpg
8fb5bfdbfab4046f9f0c615048dc8718.jpg