Valeur de cette activité : 5 points
Compétence :
ImageMagick - création/modification d'images en ligne de commande : disponible sous SLITAZ

A-Module 18 : 2D - Autres : 5 points - difficulté : 2

ImageMagick - création/modification d'images en ligne de commande

Description

ImageMagick est un programme de type "éditeur d'images" qui s'utilise en ligne de commande.

ImageMagick est également disponible sous Windows.



Les fonctions principales du logiciel ImageMagick sont :
  • animate
  • compare
  • composite
  • conjure
  • convert
  • display
  • identify
  • import
  • mogrify
  • montage
  • stream
Pour chacune de ces fonctions, il existe une multitude d'options à utiliser. Exemples de commandes de base

Guide

EXPLICATIONS

Description des principales fonctions disponibles

Exemples d'utilisation

Autres exemples d'utilisation

Autres exemples d'utilisation

Redimensionner, convertir, rotation, assemblage de plusieurs images au format .pdf

Les effets de texte avec ImageMagick

Les dégradés de avec ImageMagick

Cette activité vous permettra de découvrir les commandes de bases d'ImageMagick

IMPORTANT : Vous pouvez répéter cette activité 3 fois.

Pour chacun des travaux, vous devez utiliser trois commandes différentes et ainsi créer trois nouvelles images pour chacun des travaux présentés.


IMPORTANT : Si vous désirez afficher la liste des polices de caractères disponibles, tapez dans le terminal :
convert -list font


Voici une image que j'ai créée en utilisant une seule ligne de code :

convert -size 800x120 xc:white -font Times-Roman -pointsize 100 -fill yellow -annotate +20+80 'La Différence!' -fill darkblue -annotate +23+83 'La Différence!' -trim +repage logo.png

Voici une autre image que j'ai créée en utilisant une seule ligne de code :

convert -size 560x85 xc:transparent -font Times-Roman -pointsize 72 -draw "text 25,60 'La Différence'" -channel RGBA -gaussian 0x6 -fill black -stroke red -draw "text 20,55 'La Différence'" ladifim.png


Voici une planche-contact que j'ai créée en utilisant une seule ligne de code :

montage -label '%t\n%wx%h' -resize 150x150 /home/cb/collage/'*.jpg' -geometry +3+3 -tile 5x -frame 5 montage2.jpg

Voici un montage photo que j'ai créée en utilisant une seule ligne de code :

montage /home/cb/collage/'*.jpg' -border 2x2 -background black +polaroid -resize 50% -background LightGray -geometry -30-30 -tile x2 montage.jpg



Voici un montage photo que j'ai créée en utilisant une seule ligne de code :

convert tux.png -background transparent -vignette 10x10 magietux.png

Avant :


Après :




  1. Consultez cette page https://www.maketecheasier.com/performing-image-magic-with-imagemagick-3/ ou http://www.imagemagick.org/script/examples.php qui vous présente des exemples de ce que vous pouvez réaliser à l'aide de ce logiciel.


  2. Installez le logiciel ImageMagick en tapant dans le terminal
    sudo apt-get install imagemagick

  3. Téléchargez dans le répertoire "cb" une image au format .jpg que vous nommerez "magie.jpg"

  4. Convertissez cette image au format .png en utilisant cette ligne de commande
    convert /home/cb/magie.jpg /home/cb/magie.png

  5. Remarquez que l'image magie.png est maintenant dans votre répertoire /home/cb/

  6. Redimensionnez votre image magie.jpg en utilisant cette ligne de commande
    convert /home/cb/magie.jpg -resize 50% /home/cb/magie2.jpg

  7. Utilisez maintenant les informations disponibles sur un de ces sites ;
    1. http://www.imagemagick.org/Usage/
    2. http://www.imagemagick.org/script/
    3. http://www.imagemagick.org/script/command-line-options.php
    4. http://www.xrings.net/xrings/article.php3?id_article=192
    5. http://doc.ubuntu-fr.org/imagemagick
    6. voir la liste des exemples en bas de page
    et utilisez une autre fonction du logiciel ImageMagick de votre choix (exemple : ajouter une bordure à l'image, effectuer un photo-montage, appliquer une vignette transparente ).

  8. Appliquez la modification choisie à votre image magie.jpg et nommant cette image modifiée magie3.jpg

    Tutoriel : incruster une image dans une autre (superposition d'images)

  9. Téléchargez vos documents dans votre espace de téléchargement.
  10. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 72643

  11. Inscrivez dans le champ titre : ImageMagick

  12. Sélectionnez la section : MODULE 2D-Autres

  13. Sélectionnez la matière : informatique

  14. Inscrivez dans le champ no de la directive : 72643

  15. Inscrivez dans votre page le titre de niveau 1 : ImageMagick

  16. Ajoutez un SAUT DE LIGNE et le texte "Image initiale :"

  17. Insérez votre image initiale magie.jpg

  18. Ajoutez un SAUT DE LIGNE et le texte "Image modifiée au format .png :"

  19. Insérez un SAUT DE LIGNE et votre image magie.png

  20. Ajoutez un saut de ligne et le texte "Image redimensionnée :"

  21. Insérez un SAUT DE LIGNE et votre image magie2.jpg

  22. Ajoutez un SAUT DE LIGNE et le texte "Autre fonction :"

  23. Insérez un SAUT DE LIGNE et votre image magie3.jpg

  24. Ajoutez ensuite SAUT DE LIGNE et la ligne de commande utilisée

  25. Ajoutez un SAUT DE LIGNE et le texte "Autre fonction 2 :"

  26. Insérez un SAUT DE LIGNE et votre image magie4.jpg

  27. Ajoutez ensuite SAUT DE LIGNE et la ligne de commande utilisée

  28. Visualisez votre page et apportez des modifications au besoin.

  29. Notez que vous auriez également pu utiliser l'interface graphique d'IMAGEMAGICK en tapant dans le terminal display /home/cb/votreimage.jpg ou display.im6(j'aurai pu vous le dire plus tôt, mais une fois habitué, c'est beaucoup plus rapide en ligne de commande!!!)


Exemples de commandes ImageMagick

 
--creation d'une image masque
convert collage.gif -bordercolor LimeGreen -compose Dst_Out -border 5 star_border_copy.gif

valeurs possible pour -compose : Over Copy Src Dst Dst_In Dst_Out

--diviser une image en parties
convert image.jpg -crop 50x50 +repage +adjoin i_50x50_%02d.gif

ou diviser en parties égales

convert image.jpg -crop 50x50@ +repage +adjoin i_50x50_%02d.gif

ou diviser en 4 parties avec 20 pixels overlap

convert image.jpg -crop 2x2+20+20@ +repage +adjoin image_2x2+20+20@_%d.gif

--planche contact
montage -label '%t %wx%h' -resize 150x150 /home/cb/collage/'*.jpg' -geometry +3+3 -tile 3x -frame 5 planche.jpg

-- créer un montage photo en une seule commande
montage /home/cb/collage/'*.jpg' -border 2x2 -background black +polaroid -resize 50% -background LightGray -geometry -30-30 -tile x2 collage.jpg

-- Pour couper (et non redimensionner) une image
convert image.jpg -crop 350x350+0+0 aaaa.jpg

--superposer deux images c1.jpg sur fin.png
composite -geometry +15+30 c1.png fin.png fin.png

--créer une image de couleur de dimensions 200x200 d'une couleur donnée
convert -size 200x200 xc:wheat beige.png

--redimensionner toutes les images jpg d'un répertoire
mogrify -resize 256x256 *.jpg

-- Appliquer une rotation à une image
mogrify -rotate 90 patate.png


-- redimensionner une image
mogrify -resize 50% patate.png


-- convertir une image d'un format vers un autre format
convert chien.jpg chien.png
--écrire du texte sur une image
mogrify -fill yellow -gravity SouthEast -pointsize 20 -font Ubuntu-Bold -draw 'text 15,255 "La Chine"' c1.jpg

--convertir toutes les images gif d'un répertoire en images jpg
mogrify -format jpeg *.gif

-- convertir toutes les images JPG aux dimensions 120x120
mogrify -resize 120x120 +profile '*' *.png

-- Affiche les informations courtes de l'image
identify img.png

-- Affiche les informations courtes des images
identify a.miff b.png c.jpg d.gif

-- Affiche les informations détaillées de l'image
identify -verbose img.jpg

-- combiner les images A et B dans une nouvelle image C
composite A.jpg B.jpg C.jpg

-- combiner la difference des images A et B dans une nouvelle image C
composite -compose difference A.png B.png C.png

-- Place A a un endroit spécifique dans B et crée une nouvelle image C.
composite -geometry +100+150 A.png B.png C.png

-- Dissoudre A 20% et combine avec B, et crée une nouvelle image C.
composite -dissolve 20 A.jpg B.jpg C.jpg

-- Rotation de A à 40 Degree and combine avec B et crée une nouvelle image C..
composite -rotate 40 A.jpg B.png C.gif

-- Ajouter un cadre autour d'image image
convert a.png -mattecolor Tomato -frame 10x10+5+5 c.png


-- création d'une vignette
convert A.jpg -background green -vignette 100x100 b.png


Paramètres permis :
* animate - anime une séquence d'images.
* compare - mathematiquement et visuellement annote la difference entre deux images.
* composite - superpose une image sur une autre.
* conjure - interprete et execute des scripts écrits en langage Magick Scripting Language (MSL).
* convert - convertir dans un format d'image donné et redimensionne, flou, découpe, dessine sur, flip, unir, etc....
* display - affiche une image
* describe - décrit le format et les caractéristique d'une image
* import - capture-écran image
* mogrify - resize an image, blur, crop, despeckle, dither, draw on, flip, join, re-sample, and do more editing.
* montage - crée une composition(mosaique)
* stream - ...