• Incruster une animation dans une photo

    Article d'Ey@el

    Available in English

    Cliquer sur chaque image pour l'agrandir

    Today, there are many free online or downloadable applications to create animated GIF from videos. Such a commonplace manipulation, you might say. Let's use the idea to embed the animations you'll make (or find) into still images with a little bit of ingeniosity for striking and totally original look. As always this tutorial is based on Paint Shop Pro which is the image editing software I use, but it's very easy to adapt it to any other program provided you master the basics. In order to do so, you'll find a link to download the companion application to Paint Shop Pro while it was still manufactured by JASC now available as abandonware (therefore free). It runs on Windows only (though Linux users might be able to run it on Wine?), but there are many similar applications that you may use instead. The important is to get the idea, then you can always find different ways to achieve it.

    Matériel nécessaire

    - une image avec un objet suffisamment grand dans lequel on va pouvoir incruster une animation (jumelles, objectif photo, lunettes, miroir, fenêtre, télévision, cadre photo, etc.)

    - un GIF animé

    Animation Shop (à installer)

    Patch de francisation pour AS (à installer dans dossier de AS original)

    Reflet pour lentille (facultatif)

    Instructions

    1. Ouvrir le GIF animé dans Animation Shop. Sélectionner toutes les images (CTRL+A) et via le menu Fichier - Enregistrer les images sous, les sauvegarder au format PSP pour Paint Shop Pro en veillant surtout à bien cocher « Enregistrer les images sous forme de calques ». Si vous utilisez un autre logiciel de retouche photo, choisissez le format JPG et vous les récupérez une par une pour l'incrustation. Au passage, notez-bien la durée d'affichage inscrite sous chaque image car vous en aurez besoin plus tard.

    2. Charger l'image multi-calque ainsi créée dans Paint Shop Pro. Dans la palette des calques, se positionner sur l'image 0, en bas de la pile et ajouter un nouveau groupe de calques. Y faire glisser les autres images de manière à ce que l'ordre soit respecté, la dernière image devant toujours être en haut de la pile à l'intérieur du groupe. Redimensionner l'image au besoin si elle est trop grande pour tenir en entier dans l'objet devant la réceptionner (dans ce cas, ne pas oublier l'option « Redimensionner tous les calques »).

    3. Ouvrir une copie de l'image cible dans laquelle vous allez incruster l'animation. La redimensionner au besoin et la convertir en calque raster (indispensable pour obtenir une transparence à l'étape suivante).

    4. Attention, c'est la partie la plus délicate : avec le lasso ou la gomme suivant la complexité de la forme à détourer, sélectionner la zone à effacer qui contiendra l'animation puis supprimer (sauf si vous avez utilisé la gomme qui aura déjà effacé la zone indésirable).

    5. Copier le groupe de calques de l'animation et le coller dans l'image à retoucher. Descendre ce groupe sous le calque détouré. Positionner correctement l'animation à l'endroit désiré (comme les calques sont groupés, déplacer le groupe affecte la position de tous les calques qu'il contient en même temps). J'ai effectué une rotation de 15° à droite sur chaque calque du groupe de l'animation afin de respecter l'angle de prise de vue.

    6. Si vous incrustez l'animation dans un objet en verre comme ici (lentilles de jumelles ou bien un objectif photo, des lunettes ou autre) pour plus de réalisme, il est possible de rajouter une image (ou de la créer si vous savez le faire) pour simuler des reflets. Ouvrir une copie de celle fournie à cet effet et la redimensionner à la taille de votre zone détourée avant de la positionner entre de l'animation et le calque détouré. Pour cet exemple, j'ai dû la coller deux fois (une pour chaque lentille) en réglant le mode de mélange sur Recouvrement. Comme l'effet n'était pas assez prononcé, j'ai dupliqué chacun de ces calques et réglé le mode de mélange sur Éclaircir. Cela dépend en fait des images utilisées, il faut donc faire des essais et voir quel est le meilleur rendu.

    7. Voici maintenant l'étape la plus fastidieuse pour laquelle tous les calques du groupe doivent être affichés. Copier avec fusion puis relancer Animation Shop (si vous l'aviez fermé) et Coller comme nouvelle animation. De retour dans le logiciel de retouche, masquer le dernier calque du groupe en haut de la pile (celui qui a le numéro le plus élevé), recommencer Copier avec fusion et dans Animation Shop, Coller avant l'image active. Répéter ces étapes en respectant bien l'ordre jusqu'à ce que tous les calques du groupe aient été utilisés.

    8. Votre animation finale devra comporter autant d'images que celle d'origine. Sélectionner tout et régler la durée d'affichage (ALT+Entrée) qui doit être identique à celle notée à l'étape 1.

    9. Lancer l'assistant d'optimisation (menu Fichier) en sélectionnant « Fichier GIF animé » puis faire Suivant. Choisir « Meilleure qualité » et cliquer sur Personnaliser.

    Onglet Couleurs :
    - Nombre de couleurs : 255
    - Créer la palette à partir de octree optimisé
    - Réduire les couleurs par diffusion d'erreur

    Onglet Optimisations :
    - Cocher toutes les cases

    Cliquer OK puis Suivant pour lancer l'optimisation. Vous pouvez maintenant enregistrer votre animation au format GIF via le menu Fichier.

    Cliquer sur chaque image pour l'agrandir

    NOTE : Dans ce second exemple, pour le détourage de l'objectif, j'ai contracté la taille de ma sélection et j'ai ajouté une progressivité du même nombre de pixels que ceux que je lui ai retirés de manière à ce que la démarcation soit invisible. Comme l'objectif de l'image original était mat et sans reflet, je n'ai rajouté aucun effet de superposition.

    Amusez-vous bien, laissez libre court à votre imagination et surtout soyez créatifs !

    Ey@el

    La reproduction du contenu de ce billet est strictement interdite.
    © lapensinemutine.eklablog.com. Tous droits réservés.

    Haut de page

    Bas de page

    « Cinq conseils pour reconnaitre les rêves d'avertissements relatifs à notre santéLa réflexologie »

    Tags Tags : , , , ,
  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :