Comment animer GIF dans ImageMagick

Une animation est plutôt cool. Je veux dire, c'est animé, comment pouvez-vous ne pas l'aimer, à droite? Mais saviez-vous qu'une animation n'est rien de plus qu'un tas d'images assemblées et en joué l'une après l'autre, super rapide? Quand vous voyez une animation, ce n'est rien de plus qu'un tas d'images qui sont jouées assez rapidement pour que vos yeux ne puissent pas dire qu'ils sont des photos. Vos yeux les interprètent comme un petit film. Maintenant, que nous savons comment une animation est faite, allons-y et en faisons.

Dans ce tutoriel, nous vous montrerons comment animer en utilisant l'imageMagick. Veuillez noter que ImageMagick est un package très complet, et vous pouvez faire beaucoup. Donc, nous ne couvrirons que les bases de l'animation.

Installation d'imageMagick

Nous avons besoin d'imageMagick pour ce processus, alors installons-le d'abord en utilisant la commande suivante:

sudo apt-get install ImageMagick

Animation de base

Les images sont la base d'une animation. Pour cette animation, nous avons 10 photos. La première image est une toile vierge. Le second a un L. Le troisième a un L et un I dessus. Le quatrième a un L, un I et N dessus, et ainsi de suite jusqu'à ce qu'il termine d'épeler "Linuxhint".

N'oubliez pas que lorsque vous comptez les photos, vous devez faire attention. Dans ce cas, si nous avions numéroté les photos sous forme de PIC-1 jusqu'à PIC-10, le programme n'aurait pas généré le même GIF que si nous l'avions numéroté comme PIC-01 jusqu'à PIC-10. C'est parce que Pic-10 vient après Pic-1. Mais PIC-10 ne vient pas juste après PIC-01; PIC-02 vient après PIC-01. Donc, si vous avez 100 photos, vous souhaitez utiliser trois chiffres pour les numéroter. Par exemple, utilisez les numérations PIC-001 jusqu'à PIC-100.

Commençons à animer.

Téléchargements de CD
(Accédez au dossier qui contient vos images.)

converti -delay 20 -loop 0 pic- *.animation gif.gif

pic- *.GIF: les 10 images initiales que nous avons (l'étoile signifie inclure des images avec n'importe quoi dans cette position).

animation.GIF: le nom de la sortie (le gif animé).

-Loop: Loop est le nombre de fois que l'animation doit être rejouée. Si vous définissez ce numéro sur zéro, ce sera une boucle infinie (boucle sans fin).

-retard: définit le retard en 1 / 100e de seconde.

Qu'avons-nous écrit ici? Nous prenons les 10 photos que nous avons créées et nous créons une animation qui joue les images l'une après l'autre avec un léger retard entre les images. Une fois le GIF généré, il sera nommé «Animation.gif »et se rejouera en continu.

Si vous souhaitez redimensionner l'animation, utilisez la commande suivante:

Convert -Size 768x576 -delay 70 -loop 0 pic- *.gif animation02.gif

Le fait est que vous pouvez ajouter autant de paramètres que vous le souhaitez.

Animation de page

Dans l'exemple précédent, nous avons joué une photo à la fois. Mais chaque fois qu'une image est lue, l'image précédente est supprimée. PIC-01 a été joué en premier, alors pic-02, alors pic-03. Mais dans ce cas, PIC-01, PIC-0, jusqu'à ce que PIC-10 ne soit pas tous dans le même cadre à un instant. Dans une animation de page, pic- *.GIF est tous sur la toile à la fin. Donc, l'image précédente n'est pas supprimée. Pour vous donner une idée de ce que c'est, prenons un nouvel ensemble de photos.

Convert -Delay 100 -Size 1000x1000 xc: SkyBlue \
-Page + 0 + 0 Photo11.jpg \
-Page + 500 + 0 Photo22.jpg \
-Page + 0 + 500 Photo33.jpg \
-Page + 500 + 500 Photo44.jpg \
-Loop 0 Animation03.gif

Nous savons ce que font le retard et les commutateurs de boucle.

-Taille: c'est la taille de votre toile. Vous pouvez le définir sur n'importe quelle dimension que vous souhaitez. Dans notre exemple, nous l'avons réglé sur 1000 × 1000.

XC: SkyBlue: c'est la couleur d'arrière-plan. Dans ce cas, nous avons choisi SkyBlue comme couleur d'arrière-plan.

-Page: Le commutateur de page est suivi des valeurs de décalage. En d'autres termes, après le changement de page, notez un signe plus et où sur l'axe x voulez-vous que l'image soit, puis sur l'axe y. N'oubliez pas que le coin supérieur gauche est 0, 0 ou + 0 + 0. Ici, la photo11.L'image JPG est placée à (0,0). Le photo22.L'image JPG est placée à (500,0). Le photo33.L'image JPG est placée à (0,500). Et enfin, la photo44.L'image JPG est placée à (500 500). N'oubliez pas non plus que pour l'axe y, la baisse est positive. Toutes les images ici ont une résolution de 500 × 500. Après les valeurs de décalage, vous pouvez noter le nom de l'image pour laquelle ce décalage s'applique.

animation03.GIF: le nom de la sortie.

Disposer auparavant

Dans l'exemple suivant, si nous voulons que l'image revienne à la toile initiale avant de continuer, prenons le code.JPG, placez-le sur la toile, retirez-le de la toile, revoyez à la toile d'arrière-plan, puis placez la nourriture.photo jpg, etc. Voyons vous montrer un exemple:

convertir -Dispose nul -delay 0 \
-Taille 1000x1000 XC: SkyBlue + Antialias \
-disposer de -delay précédent 100 \
-Page + 0 + 0 Photo11.jpg \
-Page + 500 + 0 Photo22.jpg \
-Page + 0 + 500 Photo33.jpg \
-Page + 500 + 500 Photo44.jpg \
-Loop 0 Animation04.gif

Ici, il n'y a qu'un seul nouveau terme: l'interrupteur Dispose. Lorsque vous utilisez le mot précédent avec l'interrupteur Dispose, il renvoie la toile à l'état précédent avant de mettre l'image suivante dessus. Ici, la toile permanente initiale est la toile avec une couleur skyblue dessus - c'est notre toile d'arrière-plan. Ensuite, nous ajoutons le code.Image JPG et après un court délai, nous retournons à notre toile d'arrière-plan. Ensuite, nous affichons la nourriture.Image JPG et revenir à notre toile d'arrière-plan, etc. Vous obtenez l'image, bien?

Pour plus d'informations sur les animations à l'aide de l'imageMagick, visitez https: // héritage.ImageMagick.org / usage / anim_basics /.

Conclusion

Les animations sont plutôt cool et ils ont tendance à être utiles ici et là. En utilisant l'imageMagick, vous pouvez faire beaucoup en termes d'animation. Cependant, dans ce tutoriel, nous n'avons appris que sur les bases des animations. Dans sa forme la plus simple, vous pouvez avoir de nombreuses images correctement étiquetées que vous pouvez utiliser pour créer un diaporama - essentiellement en affichant les photos dans un ordre donné (pic01, puis pic02, puis pic03, etc.). Dans la deuxième méthode, vous pouvez superposer des images. Nous avons pic1, puis pic1 / pic2, puis pic1 / pic2 / pic3, etc. À l'aide de la méthode précédente disposer, vous pouvez afficher une image, revenir à la toile d'origine, puis afficher une deuxième image, etc. (arrière-plan, pic01, arrière-plan, pic02, arrière-plan, pic03, etc.). Quelle que soit la méthode que vous utilisez, vous pouvez créer d'excellentes animations en un clin d'œil. Bien que le code ait l'air fastidieux, c'est toujours une ligne!