Photoshop Forum

Le petit forum photoshop.

Vous n'êtes pas connecté.

Annonce

AttentionN'oubliez pas de consulter nos Tutoriaux

#1 22-06-2006 15:42:50

Diane
Elève timide
Date d'inscription: 05-06-2006

[Tuto]Intégration d'un gif dans une image

Bon je sais pas trop ou mettre ce tuto, mais bon vu qu'ici on est dans une salle de classe je pense que c'est le meilleur endroit neutral.

Tutorial pour intégrer un gif à une image (ici une bannière)
et merci à SupraDolph pour m'avoir expliquer comment faire.

Bon ce tuto se fait en 3 étapes:
I Création du gif (inutile si vous avez déja un gif)
II Intégration et optimisation du gif dans l'image


Donc les programmes nécessaires sont:
Image ready inclu dans Photoshop
VirtualDub (gratuit, que j'ai dans une version traduite)
Animation shop (en anglais et trouvé en shareware facilment, perso j'ai la verison 3.05)
Bon le tuto est sans aucun doute réalisable avec d'autres programmes. Mais moi je peux vous guider que avec ceux que je connais (logique neutral)

I Création du gif (VirtualDub et animation shop)
    Pensez à ne pas choisir une scène trop longue.
   
    1.Bon d'abord vous ouvrez VirtualDub.
   
    2.Vous ouvrez la vidéo qui vous intéresse
        Version FR en bleu: Fichier/Ouvrir un fichier vidéo ... ou CTRL-O
        Version AN en vert: File/Open vidéo file
        Moi j'ai choisi FF10
            http://img54.imageshack.us/img54/6241/tuto13uo.jpg
   
    3.En bas vous faites glisser le curseur jusqu'au début de la scène voulue
        Pour cela vous pouvez vous aider de la fonction image par image (mais c'est pas obliger c'est juste que je suis pointilleuse tongue)
            Edition/Image précédente ou Gauche
            Edition/Image suivante ou Droite
   
    4.Vous faites la manipulation suivante pour sélectionner la partie inutile qui précède la scène voulue
        Edition/Indiquer la fin de la séléction ou Fin
        Edit/Set selection end
   
    5.On supprime cette partie de la vidéo
        Edition/Supprimer ou Suppr
        Edit/Delete
       
    Voila pour supprimer ce qui précède la scène
    Donc pour supprimer ce qui la suit c'est pareil sauf pour définir la sélection (3.et 4.)
        3.Au lieu de glisser le curseur au début de la scène vous le metter à la fin.
        4.Puis vous faites:
            Edition/Indiquer le début de la sélection ou Début (c'est quoi ce raccourcit au fait ?)
        Ensuite vous glisser jusqu'a la toute fin de la vidéo et vous faites:
            Edition/Indiquer la fin de la sélection ou Fin
            Edit/Set selection end
    C'est comme ca qu'on définit une sélection avec son point de départ et sa fin. Ce qui vous permet d'effacer une partie au milieu de la scène si vous le souhaitez.
   
    6.Enregistrez le fichier en AVI
        Fichier/Enregistrer sous ... ou F7
        Edit/Save as AVI
       
    Maintenant on passe sur Animation shop
    7.Ouvrez le fichier AVI
        File/Open... ou CTRL-O
    Cette fenetre apparait
    http://img45.imageshack.us/img45/5648/tuto27tx.jpg
   
    8.    "Range of frames to import" correspond aux nombres d'images que vous importez, laissez "All frames".
        "Sampling" ça je sait pas ce que ca veut dire ... (bouhh ya pas de smiley qui est géné lol), pas grave l'important c'est d'enregistrer que c'est pour alléger la vidéo en virant régulièrement des images. Ca dépend donc de la longueur de votre scène, personnelement la mienne fait 192 images j'ai donc décidé de prendre une image toutes les 3 frames.
        Laissez "Merge identical frame into one"
        Puis cliquez sur "OK". Attention si le fichier est trop gros à cause d'un tro grand nombre d'image votre pc va lagger, c'est pour ça que je vous fait surpprimer des images à l'ouverture.
        http://img148.imageshack.us/img148/4664/tuto34im.jpg
   
    Pour voir régulièrement ce que donne le gif utilisez le 2ème bouton vers la gauche en partant de la droite.
   
    9. Bon la vous pouvez rognez votre image si vous le souhaitez avec l'outil rogner qui a la même "tête" que dans photoshop (même éditeur c'est pas étonnant)
        Ensuite vous redimensionnez
            Animation/Resize animation... ou SHIFT-S
            Les options sont un peu près les mêmes que dans photoshop, redimensionner avec le nombre de pixels en pourcentages etc...
   
    10. Sauvegarder en tant que gif
            File/Save as...
            Dans la fenêtre qui apparait diminuer la qualité de votre gif si celui est trop gros. Cependant le mieux est de laissez tel quel d'appuyer sur next jusqu'a ce qu'on vous donne les données à propos du temps de chargement avec différentes connections internet. Ensuite adaptez en fonction du temps de chargement, vu que votre gif est déstiné au net.
   
    Etape de création du gif fini ... enfin smile
   
    Le prochain épisode c'est pour ce soir tongue, enfin normalement neutral

Dernière modification par Diane (30-06-2006 13:28:04)


http://perso.wanadoo.fr/totoros/ban-l2_1.png

Hors ligne

 

#2 22-06-2006 22:55:07

Diane
Elève timide
Date d'inscription: 05-06-2006

Re: [Tuto]Intégration d'un gif dans une image

SUITE

II Intégration et optimisation du gif dans l'image (Image Ready)

    1.Ouvrez votre image dans Image ready
        Fichier/Ouvrir... CTRL-O
    2.Ouvrez votre gif
        Fichier/Ouvrir CTRL-O
    Une barre d'animation apparait pour chaque fichier. Si vous ne l'avez pas faites Fenêtre/Animation.
    3.Sélectionner les images de l'animation.
        Dans la barre d'animation du gif, cliquez sur la petite flêche a en haut à droite puis sur "Sélectionner toutes les images".
    4.Copiez ces images puis collez les dans la barre d'animation de votre image.
        Cliquez sur la flêche puis "Copier les images"
        Allez dans la barre d'animation de votre image, cliquez sur la flêche puis "Coller les images".
        Sélectionner "Coller après la sélection" et cocher "Lier les calques ajoutés".
    5.Déplacer le gif dans l'image
        Dans la barre d'animation laissez les images sélectionner, si elles ne sont pas sélectionner refaites la manipulation du 3.
        Dans la fenêtre des calques sélectionner un des calques de l'animation et déplacer le.
    6.Effacez une partie de votre image la où se trouve le calque.
    7.Unifier la visibilité avec le bouton en haut à droite dans la fenètre das calques afin que votre image apparaisse dans toute l'animation.
    8.Enregistrez une copie optimisée du gif.
   
Voila fin du tuto. smile
J'espere qu'il vous as plu et n'hésitez pas a faire des critiques.

http://img53.imageshack.us/img53/2654/tuto5pr.gif

Dernière modification par Diane (30-06-2006 13:31:51)


http://perso.wanadoo.fr/totoros/ban-l2_1.png

Hors ligne

 

#3 20-07-2006 11:34:22

Mika502
Bon élève
Date d'inscription: 20-07-2006

Re: [Tuto]Intégration d'un gif dans une image

Merci pour ce tuto


http://img201.imageshack.us/img201/9131/signmikauz6.png

Hors ligne

 

Pied de page du Forum

Powered by PunBB Brush ITD
© Copyright 2002?2005 Rickard Andersson