Affichage des articles dont le libellé est Atelier du graphiste. Afficher tous les articles
Affichage des articles dont le libellé est Atelier du graphiste. Afficher tous les articles

jeudi 11 juillet 2019

Créer un modèle Pixel Art avec GIMP et GMIC

Dans mon dernier billet, j'avais expliqué comment créer des mandalas facilement avec The Gimp. 
Aujourd'hui, nous allons de nouveau occuper vos bambins en leur demandant de reproduire des modèles en Pixel Art.
Si vous ne connaissez pas, ne vous inquiétez pas, eux savent ce dont il s'agit...

chiot en Pixel Art créé avec GIMP et G'MIC


Il vous faudra avoir préalablement installé sur votre machine The GIMP et son greffon G'MIC, ce que je ne saurais trop vous conseiller.

Étape 1 : Choisir une image très simple avec des couleurs franches. J'ai trouvé la mienne ici.



Étape 2 : L'ouvrir avec The GIMP. On s'en serait bien un peu douté...

Étape 3 : Nous allons utiliser un filtre de G'MIC.
Filtres -> G'MIC QT -> Arrays and Tiles -> Grid [cartesian]
Augmenter la taille des carreaux en x et en y en vous servant de l'aperçu.
J'ai mis ici 13x13. Faire ok pour valider.


Étape 4 : Pour faire apparaître la grille, qui est en traits transparents, nous allons remplacer la couleur transparente par du noir.
Pour cela :
- mettre le noir en couleur d'arrière-plan (ou une autre couleur plus à votre goût)

- puis: Calques -> Transparence -> Supprimer le canal alpha.
Et voilà:


Étape 5 : Il y a beaucoup trop de couleurs ! Vous allez devoir investir dans une énorme boîte de feutres ou alors, on réduit leur nombre :
Image -> Mode -> Couleurs indexées -> Générer une palette optimale. Nombre maximum de couleurs .... Là, vous changez la valeur indiquée (exemple 256) par 16.



Et pour obtenir l'image finale présentée au début du billet, on peut augmenter légèrement le contraste.
Couleurs -> Luminosité et Contraste.

À vous de jouer !


dimanche 7 juillet 2019

Créer des mandalas avec GIMP

Voici venu le temps des vacances et vous ne savez pas comment occuper vos bambins.
Ils adorent colorier des mandalas. Si on en faisait en deux coups de cuillère à pot ?

Mandala, couleurs, The Gimp, outil kaléidoscope


Étape 1 : Lancez votre logiciel de retouche d'image préféré : The GIMP et créez une nouvelle image.

Étape 2 : Vous prenez l'outil crayon et vous gribouillez... Rien de plus simple...

Étape 3 : Nous allons maintenant utiliser le kaléidoscope de GIMP.
Filtres -> distorsions -> kaléidoscope.
(Si vous n'avez pas cet outil, mettez à jour votre version de GIMP.)
Augmentez le nombre de miroirs. (ici je suis passée à 8 miroirs).
Réduisez le zoom. (ici je suis passée de 100 à 33). Plus le zoom est réduit, plus le mandala est complexe.

Mandala en noir et blanc, The Gimp, outil kaléidoscope


Vous n'avez plus qu'à exporter pour immortaliser votre oeuvre et à l'imprimer...

Vous pouvez aussi créer une seconde version en couleur de votre gribouillage avec l'outil de peinture "remplissage", ce qui vous permettra de réaliser un modèle colorié.
Voici le gribouillage colorié de départ :


Avec un kaléidoscope à 10 miroirs, on obtient le dessin mis en début de billet.

Bon amusement !

jeudi 20 avril 2017

Fleurs psychédéliques en vitrail avec GIMP et GMIC

C'est bientôt le printemps. Profitons-en pour créer des images fleuries originales.

Nous allons utiliser ici des photos de fleurs en gros plan, le logiciel The GIMP et son greffon G'MIC.
Et voici ce que nous pouvons obtenir à partir d'une photo de rose ou de reine-marguerite.




Vous voulez essayer ?
Lancez The GIMP et ouvrez votre photo (ici la reine-marguerite).


Appliquez le filtre d'effet vitrail de G'MIC :
Filtres->G'MIC->Patterns-> Stained Glass

Si à ce stade, le résultat vous plaît, sauvez votre œuvre. L'effet vitrail de G'MIC est déjà une vraie réussite en lui-même.


Mais nous allons ajouter un effet supplémentaire artificiel de relief et d'éclairage.
Filtres -> G'MIC -> Lights & shadows -> Relief light


Mais comme la luminosité de la photo est désormais un peu forte, nous allons la corriger.
Couleurs -> Luminosité-contraste : Luminosité à -40 et Contraste à +20

jeudi 23 juillet 2015

Faire sortir un élément du cadre d'une photo

Vous avez peut-être déjà vu des photomontages où des parties de la photo semblaient jaillir en 3D du cadre de l'image.
Nous allons aujourd'hui voir comment obtenir ce résultat avec le logiciel The GIMP et son extension G'MIC.

fleur qui sort d'une photo


Pour comparaison, voici l'image de départ que nous allons ouvrir avec the GIMP :



Détourer la fleur et sa tige :
- détourer la fleur et sa tige avec les ciseaux intelligents - copier et coller cette sélection comme un nouveau calque

Donner un effet de perspective à la photo de départ
- sélectionner le calque du bas et utiliser l'outil perspective pour lui donner la forme d'un trapèze

Nous allons ombrer ce calque pour lui donner un effet de profondeur.
- créer un nouveau calque juste au dessus
- sélectionner ce nouveau calque
- sélectionner avec l'outil de sélection à main levée la forme du trapèze en cliquant à ses 4 sommets
- utiliser l'outil de peinture dégradé en mode PP vers transparent  (la couleur noire étant choisie) pour remplir cette sélection avec du noir s'estompant vers le bas
- appliquer un degré de transparence (fenêtre des calques, baisser l'opacité) à ce calque destiné à créer une ombre sur la photo
- une fois que cela vous semble correct, fusionner ce calque avec le calque du dessous (la photo en perspective)


Associer à la fleur découpée une ombre 3D
Attention, très important, nous allons appliquer un filtre G'MIC qui va altérer si on n'y prend pas garde le calque de notre photo en perspective. Donc nous allons le sauver :
- sélectionner le calque ainsi fusionné et le coller comme une nouvelle image GIMP
- sélectionner maintenant le calque avec la fleur et lui appliquer le filtre G'MIC Lights & Shadows->Drop shadow

Comme prévu, le calque du bas est tronqué.


- copier le calque avec la fleur et venir le coller sur l'image de sauvegarde qui va devenir notre image GIMP finale, celle sur laquelle vous allez continuer de travailler.
- positionner le calque de la fleur au bon endroit par rapport à la photo du bas

Finalisation
Calque de la fleur :
- augmenter le contraste et la luminosité du calque fleur pour la faire ressortir
- gommer avec une opacité de 50% le bas de la tige pour qu'elle se confonde avec la photo
- en sélectionnant le bourdon et en appliquant Filtres->amélioration->renforcer la netteté
- ajouter à la main des effets d'ombrage si vous le souhaitez

Calque de la photo en perspective :
- ajouter un effet d'éclairage compatible avec le sens de l'ombrage sur la fleur au calque de la photo en perspective Filtres->ombres et lumières->effets d'éclairage
- créer une ondulation sur la photo en perspective grâce à G'MIC Déformations -> random en baissant l'amplitude par défaut

- donner un effet de texture à la photo grâce à G'MIC Patterns-> canvas texture

Et voilà... Admirez votre œuvre. Je n'ai extrudé qu'un élément de la photo mais vous pouvez choisir de le faire sur plusieurs.

samedi 25 avril 2015

Effet de relief rapide avec Gimp : votre main en 3D

Peut-être avez-vous déjà suivi ces vidéos qui vous expliquent comment obtenir un dessin de votre main en pseudo-relief en traçant un jeu de lignes parallèles incurvées à l'intérieur de son contour.
C'est très facile à réaliser, mais c'est très long.
L'objet de ce billet est de vous expliquer comment coloriser le tracé au crayon noir en un temps record et de vous présenter au passage quelques effets du greffon G'MIC du logiciel The Gimp.

Vous obtiendrez une main avec un effet irradiant de phosphorescence :

Main 3d version2

Si vous ne connaissez ce pas à quoi je fais allusion, ce lien vous en donnera un exemple :
  Une astuce facile pour dessiner votre main en 3D 
 Merci au passage à +Ema Sandron pour m'avoir inspiré ce billet. 

Pré requis : vous devez avoir installé sur votre machine le logiciel The GIMP ainsi que son greffon G'MIC.

Préliminaire :
-Tracer sur papier au crayon noir les lignes espacées de 1 cm et incurvées autour du contour de votre main.
- Scanner l'ensemble pour récupérer votre oeuvre sur votre machine.

Voici donc le dessin de départ :


Mais pour mieux percevoir le relief, il faut l'observer en perspective :


Étape 1 : Épaissir les traits
Si, comme quoi, vous avez repassé votre tracé au crayon avec un feutre pointe fine très rapidement sans même utiliser de règle, vous pouvez très facilement rattraper le coup après avoir ouvert votre dessin scanné sous The GIMP :
-> filtres->distorsions->propagation de valeur->plus noir



Étape 2 : Emplir l'intervalle entre les contours 
-> filtres->G'MIC->contours-> Local orientation en augmentant smoothness à 0,42
Enlever les effets d'irisation en couleurs :
-> couleurs->coloriser

Étape 3 : Adoucir les transitions entre les valeurs claires et foncées
-> filtres->G'MIC->Black  & white -> Pencil
-> filtres->G'MIC->Artistic->Dream Smoothing

Étape 4 : Apporter de la couleur à l'ensemble
->filtres->G'MIC->Artistic->Finger Paint

On peut s'arrêter à cette étape :
main 3d version1

Étape 5 : Essayer d'autres effets...
-> Couleurs->luminosité et contraste->augmenter le contraste (à 61)
-> filtres->G'MIC->Artistic->Rodilius (Amplitude, Thickness : 10, sharpness : 300)
-> filtres->G'MIC->Artistic->poster edges
-> Couleurs->niveaux->seuil bas du niveau d'entrée mis à 69
-> filtres->G'MIC->colors->boost chromaticity


jeudi 8 mai 2014

L'effet Rodilius de G'MIC sur un papillon

L'objet de ce présent billet est de vous présenter un filtre G'MIC très sympathique, le filtre artistique Rodilius, en réalisant ce papillon, étincelant comme un joyau :



Nous utilisons ici G'MIC sous forme de greffon dans l'application The GIMP.

Ouvrir une photographie de votre papillon avec The GIMP.


Sélectionner le papillon avec le masque rapide. En suivant le lien, vous accéderez à la méthode détaillée. N'oubliez pas de sauver la sélection dans un canal au cas où...
Personnellement, j'ai créé ensuite 2 calques : un avec la papillon seul et un autre avec le fond seul, mais ce n'est nullement obligatoire.

Traiter l'arrière-plan de l'image :

Inverser la sélection : Sélection -> inverser

Appliquer l'effet Rodilius avec les paramètres par défaut :
Filtres -> G'MIC -> artistic -> Rodilius -> reset -> apply.


Traiter l'avant-plan de l'image :

Inverser la sélection : Sélection -> inverser

Appliquer l'effet Rodilius
 - Filtres -> G'MIC -> artistic -> Rodilius -> reset
 - modifier les paramètres en fonction de votre image, ici :
           - amplitude : 8.3
           - thickness : 2.99
           - sharpness : 395
 - appliquer l'effet par : Apply

Forcer le contraste sur le papillon :
- Couleurs -> Niveaux -> amener l'onglet de gauche des niveaux d'entrée au début de la courbe.



Ajouter un effet d'éclairage au fond :

Inverser la sélection : Sélection -> inverser

Dans la fenêtre ancrable Canaux, dévalider le canal Rouge.

Filtres -> Ombres et lumières -> Effets d'éclairage -> onglet "Lumières"
Baisser l'intensité de la lumière 1 à 0,6 puis ajouter une 2ème lumière de type point, également d'intensité 0.6.
Déplacer le point matérialisant la lumière 2 dans la fenêtre de prévisualisation.




Dans la fenêtre Canaux, revalider le canal rouge.


Sauver votre projet.

lundi 28 avril 2014

Une mer onirique avec G'MIC sous GIMP


Cet été, les pieds dans l'eau, vous avez sorti votre appareil et immortalisé une vague bien anodine.
Comment transformer ce cliché en une image onirique, irréelle et colorée telle que celle-ci :


Vous remarquerez, en cliquant sur cette image pour en voir les détails, que l'écume semble s'enrouler en douces volutes bien différentes des gouttes fines de la photo initiale visible ci-après.

Vos outils seront ceux-ci : The GIMP et son greffon G'MIC.

D'abord, ouvrez l'image source avec The GIMP.


Ensuite activez le filtre le plus important pour notre effet
- Filtres -> G'MIC -> artistic -> dream smoothing -> apply
Patience, si votre image est grande, cela demandera un léger temps de calcul.


Vous remarquerez que les couleurs et le contraste sont un peu durs. Nous allons adoucir l'ensemble.

Il nous faut ajouter un second calque.
- Calque -> dupliquer le calque
- Dans la fenêtre des calques, sélectionnez par un clic le calque du dessus.

(Au cas où votre fenêtre "calques" n'est pas déjà ouverte, activez la par Fenêtres -> fenêtres ancrables -> calques)


Appliquons un filtre de The GIMP à ce nouveau calque:
- Filtres -> artistiques -> lueur douce
Puis, toujours dans la fenêtre des calques, mettez le calque en mode "diviser" et fixez l'opacité à 15%.




Dernière étape, ajoutons de la couleur !
- Filtres -> G'MIC -> colors -> boost-fade -> apply


C'est fini.


samedi 9 février 2013

Un tableau impressionniste avec The Gimp


Si vous êtes un fan de Monet, des impressionnistes en général, de leurs effets de lumière, de leurs touches si particulières, vous avez probablement déjà tenté de reproduire les œuvres qui ornent nos musées.

Comment transformer une de vos photos en tableau impressionniste ?
Vous pourrez très rapidement obtenir ce genre de résultats avec The Gimp :


Préparer le logiciel :
- lancer le logiciel The Gimp.
- ouvrir la fenêtre des calques si nécessaire (fenêtres -> fenêtres ancrables -> calques)
- ouvrir la photo



- dupliquer le calque de la photo pour en garder une sauvegarde (clic droit sur le calque dans la fenêtre des calques -> dupliquer le calque)
- redimensionner la largeur de la photo à 640 en gardant ses proportions (image -> échelle et taille de l'image -> fermer la chaîne entre la largeur et la hauteur -> fixer la largeur à 640)
Si l'on ne redimensionne pas la photo, les traits apparents de pinceaux seront trop petits.
- cliquer sur la loupe et faire un zoom avant pour bien voir l'évolution du travail.

Accentuer le contraste de l'image :
- utiliser l'outil courbes (couleurs -> courbes -> canal valeur : rapprocher le point en bas à gauche du pied grisé de la courbe et décaler le point en haut à droite d'un carreau vers la gauche)
Si on accentue trop cet effet, des taches de couleurs vives apparaîtront dans le tableau final.

Lancer le filtre permettant d'obtenir un effet impressionniste :
Réaliser l'effet impressionniste (filtres -> artistiques -> GIMPressionniste)
Les paramètres ont été dans mon exemple fixés comme suit (mais vous pouvez les faire varier à l'infini...)
- Papier : canvas2
- Brosse : paintbrush04 - Proportions : 0 - Relief : 15
- Orientation : Directions : 20 - Intervalle d'angles de 0 à 180 - Orientation : Teinte
- Taille : Variantes de taille : 20 - Taille de 30 à 60 en fonction de : adaptatif
- Placement : aléatoire - densité des tracés de la brosse : 30
- Couleur : Moyenne sous la brosse - perturbations de la couleur : 15

Autre exemple :

Image d'origine :


 Image finale :


mercredi 23 novembre 2011

Une carte de Noël originale avec The Gimp

Bientôt les fêtes et votre petit dernier s'est lancé dans sa 1ère œuvre d'art numérique. 



Soyons clair, ce n'est pas encore Michel-Ange. Mais vous pouvez tout de même transformer ce dessin sommaire en une carte de vœux personnalisée que vous serez fier d'envoyer à tous les membres de la famille.

Là encore, rien de plus simple. Il suffit d'utiliser, comme d'habitude, le logiciel The Gimp.

Tout d'abord, cassons les couleurs unies par un effet de bruitage et de barbouillage:
- filtre -> bruit -> piquer ou mélanger en augmentant fortement la répétition
- outil de peinture -> barbouiller (avec contour dur) : former les branches du sapin vers le bas, barbouiller les ombres pourpres des collines neigeuses en les étirant, tracer des rayons de soleil grossiers

Ajoutons un effet de relief à l'ensemble:
- filtre -> distorsion -> relief en mode carte du relief

Une touche d'éclairage pour finaliser:
- filtre ->ombres et lumières ->effets d'éclairage : ajouter deux éclairages de type "point", un de chaque côté de l'image
- au pinceau, ajouter des points jaunes sur sapin et le soleil, des points bleu clair sur le ciel et des points très clairs sur la neige
- filtre ->ombres et lumières-> supernova : choisir une couleur chaude et placer la supernova sur le soleil

Le dessin initial, en quelques secondes, a bien changé... Il ne nous reste plus qu'à signer:


Et si le cœur vous en dit, ajoutez donc un "Joyeux Noël" en lettres métallisées et dorées!

jeudi 31 mars 2011

Coloriser un dessin au crayon avec The Gimp


Aujourd'hui j'ai griffonné en quelques secondes au crayon de papier une tête de ces fameux aliens appelés "petits gris". Je l'ai scanné et sauvé sur mon disque. Imaginons que vous souhaitiez coloriser ce dessin... Je vais vous présenter une méthode possible avec The Gimp.

L'objectif étant d'arriver à ce résultat :


Pour que la démonstration soit plus parlante les "petits gris" ont viré aux "petits verts". Désolée pour les puristes!

A terme, il faudra utiliser sous The Gimp 5 calques (pour les néophytes en la matière, jeter un oeil ici) :
- un calque avec un fond. J'ai choisi un fond étoilé.
- un calque avec le dessin au crayon que j'ai appelé (quelle originalité!) "dessin"
- un calque avec la couleur que l'on vient passer sur le dessin
- un calque destiné à assombrir le rendu
- et dans mon cas, un calque avec un effet de brillance pour l'éclat de l'oeil du méchant extraterrestre


1ère étape : s'occuper du tracé au crayon
- ouvrir avec The Gimp le dessin au crayon
- si ce n'est pas déjà fait, ouvrir la fenêtre calques et en profiter pour renommer le calque "dessin"
- pour renforcer les tracés au crayon, utiliser l'outil courbes - valeur : incurver la courbe en abaissant son point central, on améliore le contraste du dessin, un peu trop pâlot au départ. Le dessin devient plus contrasté.
- pour estomper légèrement les traits au crayon : barbouiller le tracé avec l'outil de peinture barbouiller
- pour détourer la tête d'alien (enlever le blanc autour) : ajouter un canal alpha au calque en faisant un clic droit sur le calque, puis utiliser l'outil ciseaux-intelligents pour sélectionner la tête et faire ensuite dans le bandeau de menu "sélection-> Inverser". Appuyer sur la touche SUPPR.

2ème étape : ajouter un calque avec les couleurs à appliquer
- créer un nouveau calque au-dessus du calque "dessin" en mode "couleur" avec une opacité de 65% et colorier au pinceau la tête en vert et les yeux en marron sur ce calque.
- appeler ce calque "colorisation"
- à tout moment, on peut voir l'effet produit en visualisant les deux calques "dessin" et "colorisation"
- ajouter des ombres plus foncées à l'aérographe sur ce calque



3ème étape : ajouter un calque destiné à casser le côté trop vif et trop clair du rendu.
- dupliquer le calque "colorisation". Le nouveau calque placé au dessus sera en mode "Assombrir" avec une opacité de 41%. On peut l'appeler "assombrissement".
- sur ce calque , dans le bandeau, appeler "couleur -> luminosité et contraste", baisser la luminosité à -50, augmenter le contraste de 50



4ème étape : ajouter un calque de fond
- créer un nouveau calque appelé "fond" sous le calque "dessin"
- par un clic droit sur ce calque, supprimer son canal alpha
- emplir ce calque avec l'outil de remplissage en cochant remplissage avec le motif Starfield
- ajouter un effet d'éclairage sur ce calque de fond

5ème étape : créer un dernier calque pour la brillance de l'oeil
- en haut de la pile, ajouter un nouveau calque appelé "lumière_oeil"
- sur ce calque, mettre une lumière dans l'oeil de l'alien grâce à filtre-> ombres et lumières-> supernova

Dernière étape : admirer son oeuvre en demandant à voir tous les calques en même temps!

Mentions légales

Droits d'auteur