AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-45%
Le deal à ne pas rater :
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre 14 couverts – ...
339 € 622 €
Voir le deal

    Comment utiliser Animstack ?

    Whitemoon
    Whitemoon
    FémininAge : 24Messages : 695

    Mar 4 Aoû 2015 - 11:47

    Bonjour !
    Mon premier tuto, aaaah je suis toute excitée >w<

    Je vais vous présenter un script pour Gimp qui a révolutionné mon temps de travail sur les Gifs !
    Jusque là pour éditer des gifs ou faire des créations graphiques, il fallait absolument avoir la base d'un côté, puis exporter chaque image pour ensuite les assembler sur une autre fichier... Bref perte de temps fou.

    Animstack permet de nous supprimer toute cette besogne en transformant chaque frame du gifs en un groupe de calque, et copie les layers ajoutés à l'intérieur de ces groupes. En gros, plus besoin de se fouler, le travail est automatique, juste en lançant un script !

    Lien de téléchargement - FAQ (fanmade en anglais)


    Téléchargement et installation du script


    Merci Shane ♥
    Téléchargez le script (lien disponible plus haut). Décompressez, puis déplacez le script dans
    Code:
    C:\Program Files (x86)\GIMP 2\share\gimp\2.0\scripts
    ou autre emplacement suivant l'emplacement de votre dossier GIMP.

    Fermez gimp si celui-ci est ouvert. Rallumez. Le script est maintenant prêt à l'emploi.

    Exemple de travail avec animstack : Edit de gif



    Je vais donc vous montrer à l'appui d'une création comment cela fonctionne.
    Voici mon gif de base.

    Comment utiliser Animstack ? 1438681733-insta

    1. Ouvrez gimp et votre gif.

    Comment utiliser Animstack ? 1438681620-tuto-1

    Comme vous pouvez le voir, j'ai 105 calques de vidéo. J'ai pris une séquence longue pour vous montrer que finalement, animstack est plutôt facile à appliquer, même sur de très longs gifs.

    Si vous importez votre gif depuis un site etc... Il se peut que votre image soit en mode indexée par défaut. Pour pouvoir appliquer Animstack, il faut que l'image soit impérativement en mode RVB. Pour ce faire, allez dans Image > Mode et choisissez RVB. Merci Shane² .w.


    2. Ajoutez ce que vous voulez, textures, .xcf, watermark... Bref tout ce dont vous avez besoin pour que votre création soit réussie. Moi j'ai simplement mis quelques calques de couleurs.

    Comment utiliser Animstack ? 1438681620-tuto-2

    3.  Ajoutez les tags animstack. Si le calque devrait se trouver au dessus de l'animation, ajoutez « [fg] » (foreground) à la fin du calque. Si le calque doit se trouver en dessous de l'animation ajoutez « [bg] » (background) à la fin du calque. Vous devriez alors avoir le rendu qui suit :

    Comment utiliser Animstack ? 1438681613-tuto-3

    4. Allez dans Filtres > Animation > Process Animstack Tags.
    Comment utiliser Animstack ? 1438681616-tuto-4

    Le script va alors, comme dit plus haut, créer des groupes de calques et tout remplir.
    Vous devriez alors avoir le rendu qui suit :

    Comment utiliser Animstack ? 1438681615-tuto-5

    J'ai vu parfois des problèmes de rendu au niveau du rendu des images lors de l'éxécution de ce script. (Calques au mauvais endroit ou double-frame en un seul groupe ) M'est jamais arrivé personnellement...
    Pas de panique :
    - Pour les calques, déplacez les manuellement.
    - Pour les doubles-frames, c'est que le processing a foiré. Le ctrl+Z est votre ami.


    5. Allez dans Image > Flatten Layers groups

    Comment utiliser Animstack ? 1439135016-tuto6

    6. Enregistrez, puis exportez en .gif, mettez les options que vous voulez bref, votre création est maintenant terminée !

    Comment utiliser Animstack ? 1438681734-gif-final

    Les deux tags présentés ici, sont les tags qui vous serviront surtout à intégrer des gifs dans des création ou tout simplement modifier des gifs déjà existants. Seulement animstack, c'est bien plus que ça, il permet aussi de créer d'autres types d'animations, par exemple faire tourner des images fixes etc... Pour plus d'informations, visitez le site officiel. Vous y trouverez tous les tags disponibles. Et jetez un coup d'oeil à l'image présentée, l'xcf de référence est disponible en téléchargement au dessus.
    PS : Le tuto n'est pas sous hide mais un petit merci ou une petite review ne prend pas plus de 5 minutes de vos vies ❤


    Plop, des rendus:


    Dernière édition par Len kagamine le Dim 9 Aoû 2015 - 17:45, édité 8 fois



    Comment utiliser Animstack ? Kit_si10
    Anonymous
    Invité

    Sam 8 Aoû 2015 - 16:10

    Coucou !

    Ton tuto est hyper intéressant, mais je n'arrive tout simplement pas à le faire :hum:
    Dans Filtres > Animation le Process Animstack Tags est grisé, alors je ne sais pas trop ce que je fais de mal :hum:
    Whitemoon
    Whitemoon
    FémininAge : 24Messages : 695

    Sam 8 Aoû 2015 - 16:14

    Hm hm... Je peux voir un screen de ce que tu as é.è ? C'est peut être un problème de calques, tu as vérifié que tu n'avais rien de sélectionné ? Que tes calques étaient tous au même niveau ?



    Comment utiliser Animstack ? Kit_si10
    Anonymous
    Invité

    Sam 8 Aoû 2015 - 16:16

    Il me semble que oui, mais je ne comprends pas :hum:

    Voilà un screen ^^
    Whitemoon
    Whitemoon
    FémininAge : 24Messages : 695

    Sam 8 Aoû 2015 - 16:20

    Essaye d'ajouter le tag [bg] à ta dernière frame ?



    Comment utiliser Animstack ? Kit_si10
    Anonymous
    Invité

    Sam 8 Aoû 2015 - 16:21

    Non, ça ne change rien :hum:
    Whitemoon
    Whitemoon
    FémininAge : 24Messages : 695

    Sam 8 Aoû 2015 - 16:43

    J'ai trouvé ça sur le tumblr animstack ( FAQ disponible ici, je vais d'ailleurs rajouter le lien dans le tuto http://animstack.tumblr.com/faq )

    Animstack Tumblr a écrit:
    2. Process AnimStack tags is grayed out! What do?

    Your image is probably in Indexed mode (if you open a GIF file, it will be in Indexed mode). Indexed mode doesn’t support layer groups and other features AnimStack uses, so it is disabled in this mode. Go to Image - Mode - RGB mode to switch it to RGB mode.


    En effet, ton image est en mode indexée, alors que mon image est en RVB... Je vais l'ajouter au tutoriel du coup, pour éviter d'autres problèmes :3
    Voilà, j'espère que ça t'as aidé ! (j'ai appris un truc en passant, ce problème m'arrivait jamais vu que c'est moi qui créait les gifs :'( )



    Comment utiliser Animstack ? Kit_si10
    Anonymous
    Invité

    Sam 8 Aoû 2015 - 16:58

    Ça fonctionne ! Merci beaucoup *___*

    Tu aurais du indiquer aussi où copier le script pour ceux qui ne savent pas Wink (heureusement, je le savais de mon côté =D) Et une de tes captures d'écran a bugué ^^ (j'ai l'impression que tu as inversé tes 2 derniers screen et que du coup tu en as oublié un xD)

    Sinon j'adore ce petit tuto ! C'est super pratique et maintenant j'ai trouvé un moyen pour ajouter du texte facilement ! Merci beaucoup pour ce tuto <3

    Sinon je commence tout juste avec les gifs, je n'en crée pas encore par moi même xD (d'ailleurs j'aimerais bien savoir ce que tu utilises pour faire des gif à partir d'une vidéo :siffle:)

    Et hop, un petit rendu (pas bien beau xD)

    Whitemoon
    Whitemoon
    FémininAge : 24Messages : 695

    Sam 8 Aoû 2015 - 17:03

    Aaaah merci, trop de compliments  ♥
    Sinon merci pour le conseil, c'est pas évident d'ajouter un script ! Je vais l'ajouter 'o'
    T'as eu le droit à deux mentions spéciales du coup xD
    Et oui... Pour les captures tu as raison.... J'ai rédigé le tuto puis j'ai incrusté les images là où j'avais mis des balises [insérer image ici] mais j'ai du en louper une xD /organisation maggle/

    Pour faire des gifs à partir de vidéos, j'utilise instagiffer : http://instagiffer.com/ Prends le directement sur le site, pas sur un rétro, sinon pub et tout le tralala...
    Le logiciel est vraiment bien fait ! Gratuit, pas de pub... Le seul défaut c'est qu'il ne te propose qu'un emplacement pour enregistrer tes gifs, et pas de possibilité de renommer quand ton fichier à un nom déjà existant... (il remplace automatiquement... :x )

    Ton rendu est trop mignon >w<



    Comment utiliser Animstack ? Kit_si10
    Anonymous
    Invité

    Sam 8 Aoû 2015 - 17:20

    De rien et merci pour les compliments x3

    Instagiffer a l'air sympa, je vais aller l'essayer =DD Et merci pour les conseils (et le compliment sur mon gif >.<)
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Mar 24 Déc 2019 - 14:19

    Les images sont mortes, je déplace.



    Contenu sponsorisé


      La date/heure actuelle est Mer 8 Mai 2024 - 4:23