imagemagick article en cours d'écriture

le traitements des images et des vidéos sous linux-debian



cadre bois

* Pour manipuler des images, des vidéos en CLI, installez au minimum ces paquets

*Première partie:imagemagick- convert-mogrify.

**convert et mogrify**
1) Redimensionner et réduire le poids dune image en en ligne de commande
2) Compresser une image en utilisant un taux de compression à 55%
3) Réduire et redimensionner le poids en une seule ligne.
4) Exemple :réduire le poids d’une image de 1,1Mega à 341ko avec
5) la même, mais à 53,3 Ko




**les cadres et les montages**

Pour créer un cadre biseauté, on utilise l’option -raise, qui permet d’éclairer une image pour créer un effet 3D

On utilisera -raise ou +raise selon que l’on souhaite un effet relief ou creux.
On notera que l’option -raise utilise ici les pixels de l’image pour créer le cadre.
Les dimensions de l’image restent donc identiques.
Pour encadrer une photo, petit filet blanc et encadrement en gris :(turquoise étant le nom de mon image)


cadre
image illustrant la commande au dessus


Pour un filet noir, un blanc et un encadremant gris clair


cadre
image illustrant la commande au dessus


Pour obtenir un petit cadre bois


cadre bois
image illustrant la commande au dessus



On complique un peu les affaires
Créer une image texte avec une ombre
Amusez vous à changer les paramètres et voyez les résultats

ecriture de momo avec une ombre

Pour bouger votre image à l'envers toute

ecriture de momo avec une ombre


ecriture de momo à l'envers

Et on reretourne le momo

ecriture de momo retourné

Rotattion sur l'image

ecriture de momo avec rotatio(n

Mettre une légende

légende sous l'image

Mettre la légende dans un cadre

légende dans un fond blanc

Inclure la légende dans l’image

légende incluse dans l'image

Deux jolies images en ligne de commande


boule argentée

rectangle argenté
Créer un carré coloré, vous changerez les dimensions avec size et les couleurs avec channel

The GIMP: créer boutons-logos


bouton image d'un bouton


The GIMP: transformer une image


image transformé


The GIMP: plugin gmic


image plugin gminc


The GIMP: animations-globe tournant


image gif globe-tournant


The GIMP: image animée GIF


image gif


The GIMP: image cliquable

Fichier — ouvrir une image
– Si la taille ne vous satisfait pas, sachez qu’il vaut mieux ne pas réduire ces images après
la configuration, comme les gifs, sinon ça ne fonctionne pas.
Redimensionner votre image avec le menu
Échelle et taille de l’image
ouvrez cette image redimensionnée.
Maintenant aller à :
Filtre - Web image cliquable web
Gimp vous ouvre une nouvelle fenêtre, c’est là que vous allez choisir vos emplacements pour les images cliquables.
En haut à gauche vous choisissez
Définir une zone : rectangulaire, circulaire ou rond-ovale

choisir la selection

Cliquez à l’endroit voulu, agrandissez la forme choisie comme vous le voulez puis clic gauche pour valider,
ceci va ouvrir la nouvelle fenêtre « Paramètres de la zone »
Saisissez votre lien web, cliquez sur Appliquer et Valider.
Recommencez la même opération pour chaque zone cliquable de votre image.
Puis, « Fichier » « Enregistrer sous » mon_fichier.map et fermez la fenêtre. Cela va générer un fichier texte .map
Vous êtes de nouveau sur votre image refaire « exporter » et fermer gimp.
Ouvrez votre code généré par gimp (le fichier mon_fichier.map) et gardez le ouvert dans un coin.

résultat ci-dessous
Exemple du code généré : sans votre paramétrage.


cette image contient 3 URL, cliquez au bon endroit


The GIMP: menu filtres divers

Le menu Filtres - Mappages illusion fractaliser peut donner d'innombrables images
à vous de tester

choisir la selection


choisir la selection


choisir la selection


The GIMP: Améliorer le contraste d’une photo: par Emmanuel

Cet été, j’ai pris cette photo devant la cathédrale de Lectoure. Elle a été prise à contre-jour, de sorte
qu’on ne voit pas bien les détails de la sculpture.
Avec le gimp, peut-on essayer d’arranger ça ?

imagemagick contraste


Agir sur les niveaux de couleurs :

Je commence par regarder les niveaux des couleurs, qui va me dire si toute ma palette de niveaux de couleurs est correctement utilisée.
Je clique donc sur le menu Couleurs/Niveaux et je vois cette fenêtre :

imagemagick contraste


Elle me dit que j’ai deux zones très distinctes sur ma photo :

– Une partie très sombre (petit pâté de gauche)
– Une partie très claire (gros pâté de droite)

Et rien entre les deux. En plus le diagramme me montre qu’il y a "de la place perdue" dans mon paquet de bits, puisque à gauche (vers les foncés) c’est vide, et à droite (vers les clairs) c’est vide aussi.

On peut améliorer ça en agissant sur les deux petits triangles à gauche et à droite du diagramme : le but du jeu est de ramener
le triangle de droite à droite du pâté de droite, le triangle de gauche à gauche du pâté de gauche.
On peut aussi modifier la valeur moyenne en agissant sur le triangle du milieu.
Dès qu’on bouge l’un de ces triangles les couleurs de l’image changent. J’ai joué un petit peu avec tout ça, j’ai validé et ça m’a donné la photo ci-dessous.
Pas mal, en tous cas on voit mieux le bonhomme. Mais qu’est-ce que le ciel est laid !!!

imagemagick contraste


En arrière toute !

Finalement je reviens à la situation précédente pour retrouver mon beau ciel, et je vais choisir une autre stratégie. Donc pour commencer je reviens en arrière et je tape : CTRL-Z

Agir sur les niveaux de couleurs, en sélectionnant le bonhomme

En fait, j’aurais bien aimé modifier les couleurs de mon bonhomme mais laisser le ciel bleu tel quel. Pour ça, il suffit de sélectionner le bonhomme et de changer à nouveau les niveaux de couleur : la partie non sélectionnée de l’image sera inchangée.
Sélectionner le bonhomme
Oui, mais comment faire ? Bien sûr on peut utiliser les ciseaux intelligents comme expliqué là, mais intelligents ou pas ces ciseaux vont me faire péter les plombs, le dessin est bien trop compliqué pour ma (faible) patience. Ici on a une situation particulièrement favorable, puisque les couleurs du bonhomme sont très différentes des couleurs du ciel.
On peut donc utiliser la " baguette magique" (outil de sélection contiguë) qui sélectionne les pixels dont la couleur est proche de la zone sur laquelle je clique. Puisque la magie ne va pas opérer toute seule du premier coup, on peut cliquer plusieurs fois de suite sur le bonhomme sans oublier de mettre la sélection en mode "Ajouter" (sinon à chaque fois qu’on clique on annule la sélection précédente). Et si vous avez sélectionné un bout de ciel en trop n’oubliez pas de presser sur CTRL-Z pour revenir à l’étape précédente. Quelques options :
On peut cliquer sur Adoucir les bords
On peut jouer sur le seuil, qui permet de définir "qu’est-ce qu’une couleur proche".
Un seuil trop petit et vous ne sélectionnerez presque rien à chaque clic, un seuil trop grand et vous sélectionnerez une zone trop importante.
Bref je sélectionne mon bonhomme, et je clique à nouveau sur Couleurs/niveaux la fenêtre qui s’ouvre ressemble à ça :
imagemagick contraste


Un seul pâté, qui est la version agrandie du pâté de gauche sur le diagramme précédent : en effet on n’a que les niveaux de couleurs de mon bonhomme. Je peux jouer avec les triangles comme précédemment, sauf que seule la zone sélectionnée sera impactée. Et voici le résultat final, un joli bonhomme sur fond de ciel bleu de chez bleu :
imagemagick contraste


imagemagick "montage"


dans le premier cas les 2 premiers tux n’ont pas la même dimension que les 6 autres, le logiciel adaptera la configuration …

imagemagickmontagep


Changeons la présentation de nos tuxs

imagemagick montage


Je vais garder que les 6 images de la même dimension et faire des encadrements

imagemagick montage


Pour faire de plus gros cadres
On voit que -frame 19 à la place de -frame 5 donne des cadres beaucoup plus larges.
Et geometry +4+4 est l’écartement entre les cadres.

imagemagick montage


Si je veux rajouter un titre au dessus des tuxs je ferai

imagemagick montage



Si je veux un fond coloré entre mes tuxs

imagemagick montage



Maintenant,je voudrai avoir le nom des tuxs en dessous de chacun d’eux.
Je laisse assez de place pour que les noms tiennent en entier, soit +18+18.

imagemagick montage


ah ! jamais content, on fait le même avec des gros cadres et les noms

imagemagick montage


Rajoutons un titre

imagemagick-gimp


Allez, une image de plus pour le plaisir

imagemagick-gimp


The GIMP: plugin arrow (flèche)




plugin flèche dans ginp