Tutorial PhotoImpact : Animation - Le lac

PI Tutorials

Traduit par Nadège Guilbert - Top Assistante
avec l'aimable autorisation de © Rosie Hardman-Ixer

ANIMATION : LE LAC
(À l’aide de PhotoImpact, Gif Animator et Reflet)

VERSION PI : 8 (réalisable également avec PI 7).

NIVEAU : Intermédiaire

PRINCIPAUX OUTILS UTILISES : Outils de Sélection, Gomme de Peinture d’Objet, Outil Dessin de Contours (Facultatif : si vous souhaitez ajouter un cadre à votre image), Programme Reflet, Gif Animator.

TELECHARGEMENT NECESSAIRE : Pour ce tutorial, vous aurez besoin de télécharger et d’installer un petit programme (français !) appelé Reflet.

Pour télécharger l’image que j’ai utilisé dans ce tutorial Cliquez ici.

CONDITIONS D’UTILISATION : Merci de lire

The finished animation

INSTRUCTIONS

The first selection

The selected piece

PREPARATION DE L’IMAGE POUR LE REFLET

1. Ouvrez l’image fournie dans PhotoImpact.

2. À l’aide de l’ Outil de Sélection/Rectangle, sélectionnez une zone depuis la rive de l’eau jusqu’en haut de votre image, et sur toute la largeur de votre image.

Pour être tout à fait certain de sélectionner toute la largeur de votre image, cliquez si nécessaire sur l’outil Transformation/Redimensionner, puis sur le bouton  'Sélection' de la barre d’outils Attributs et étendez manuellement votre sélection.

3. Clic Droit/Convertir en objet. Déplacez cette pièce vers un nouveau document.

4. Clic Droit/Fusionner et sauvegardez dans un repertoire de votre choix sous « reflet.jpg ».

Select the water

Invert the selection

The overlay on the transparent canvas

PREPARER LA SELECTION

5. Retournez à votre document original. Nous allons à présent utiliser l’Outil de Sélection/Lasso pour réaliser notre sélection.

Tout d’abord, à l’aide de l’outil Lasso: Fixer aux bords – Sensitivité 1, Bords doux 1, sélectionnez avec soin toute la section de l’image comportant de l’eau. Ne vous inquiétez pas si vous n’obtenez pas des contours parfaits autour de arbres et des feuilles, mais soyez aussi précis que possible.

6. Clic Droit/Inverser.

7. Clic Droit/Convertir en objet.

8. Ouvrez à présent un nouveau document et, sous l’option Document cochez ‘Transparent' et l’option 'Image active' et cliquez sur Ok.

9. A présent, déplacez votre sélection vers le document transparent et assurez-vous qu’il s’ajuste parfaitement de chaque côté.

10. Sauvegardez ce document sous ‘overlay.ufo’ (Cliquez sur Fichier/Sauvegarder sous - Type de fichier : UFO (Ulead File for Objects)).

Vous pouvez à présent refermer la photo originale.

11. À l’aide de la  Gomme de Peinture d’Objet et en optant pour une petite taille, nettoyez votre document transparent.

Pour cette image, j’ai dû opter pour une taille de 1 ou 2 pixels et contourner les bords des arbres et buisson et nettoyer la rive. Il arrive souvent qu'il reste une ligne d'une largeur de un pixel sur les côtés de l'image, dans la partie de l'eau lors de l'inversion de la sélection - vous pouvez également l'enlever.

12. (Facultatif) Vous pouvez également ajouter un cadre à votre image, à l’aide de l’Outil Dessin de Contours. Cependant, si optez pour ce choix, assurez-vous qu’il s’ajuste PARFAITEMENT à votre image. Si nécessaire, cliquez sur Format Taille de l’mage, cochez ‘Objet sélectionné’ et saisissez les dimensions exactes (pour cette image, il s’agit de 225 x 356 pixels). Vérifiez que le cadre soit parfaitement centré par rapport à votre document.

13. Remplissez-le avec le pré-réglage de votre choix (vérifiez que ce dernier ne modifie pas la taille de votre cadre !) et sélectionnez le cadre et la sélection, puis Clic Droit/Fusionner comme un seul Objet.

Gardez le document overlay.ufo ouvert dans PI durant la suite de ce tutorial.

Settings in Reflet

CREER L’ANIMATION

14. Ouvrez le programme Reflet. Cliquez sur l’icône jaune répertoire et parcourez votre disque dur jusqu’à l’emplacement du fichier reflet.jpg sauvegardé en tout début de ce tutorial. Sélectionnez-le et cliquez sur Ouvrir.

15. Utilisez les réglages suivants :

Images : 5
Hauteur (%) : 95
Perspective : Cochée

Si vous souhaitez faire un aperçu de votre document, cliquez sur le bouton 'Play' (les deux mains tenant un clap).

16. Cliquez sur Fichier/Exporter.

17. Dans la boîte de dialogue Format d'Export, sélectionnez ‘Séquence JPG’ et cliquez sur Ok. Sauvegardez ces images quelque part où vous pourrez aisément les retrouver.

18. Fermez le Programme Reflet.

The Duplicate Frame(s) button

The five frames at 15 delay

The Object Manager Panel

Preset Photo 128

The finished animation

CREER L’ANIMATION AVEC GIF ANIMATOR

19. A présent, ouvrez toutes les images que vous venez de réaliser avec Reflet dans PI. Vous remarquerez qu’elle sont intitulées reflet00.jpg, reflet01.jpg, reflet02.jpg, reflet03.jpg et reflet04.jpg.

20. Cliquez sur reflet00.jpg et Clic Droit/Copier (ou Ctrl + C).

21. De retour dans le document Overlay, Clic Droit/Coller (ou Ctrl + V). Clic Droit/Envoyer à l’arrière. Fermez reflet00.jpg

22. Répétez avec les fichiers reflet01.jpg, reflet02.jpg, reflet03.jpg et reflet04., en veillant bien à faire un Clic Droit/Envoyer à l’arrière à chaque fois.

23. Enregistrer à nouveau le fichier overlay ufo.

24. Fermez PI et ouvrez Gif Animator (ou cliquez sur le bouton Bascule en haut à droite de l’écran pour accéder directement à Gif Animator).

25. Quand l’assistant apparaît, cliquez sur 'Ouvrir un fichier image existant’. Parcourez votre disque dur et pointez le fichier overlay.ufo et ouvrez.

26. Cliquez sur le bouton Dupuliquer Image (s) quatre fois.

27. Majuscule Click pour sélectionner les 5 images, Clic Droit/Propriétés. Réglez le délai sur 15 et cliquez sur Ok.

28. Sélectionnez l’image 2 et, dans le panneau Gestionnaire d’objets, cliquez sur l’icône en forme d’oeil pour le 2e objet de la liste pour le cacher (Ignorez l’objet tout en haut de la liste, la sélection).

29. Sélectionnez l’image 3 et cliquez sur l’icône oeil pour les 2es et 3es objets de la liste pour les dissimuler.

30. Sélectionnez l’image 4 et cliquez sur l’icône oeil des deuxièmes, troisièmes et quatrièmes objets pour les dissimuler.

31. Sélectionnez l’image 5 et cliquez sur l’icône oeil des deuxièmes, troisièmes et quatrièmes objets – vous ne devriez plus voir que les images des couches supérieures et inférieures de votre liste.

32. Vous pouvez à present cliquer soit sur le bouton Play en bas de votre écran, soit sur l’onglet Aperçu pour contrôler votre animation.

33. Cliquez sur l’onglet Optimisation et, sous Preset sélectionnez Photo128 et sauvegardez votre animation !

Pour ce type d’animation, vous obtiendrez une animation de 70 - 90kbs. Pour réduire l’encombrement de votre fichier, vous pouvez soit réduire la taille de votre image, soit opter pour l’option Photo64 ou Photo32 mais cela peut engendrer des dégradations importantes de votre image.

Votre animation est terminée ! n’a-t-elle pas l’air formidable ?


REMARQUES : Ce tutorial constitue une base de depart pour réaliser une animation. Il se peut qu’en utilisant vos propres images vous deviez, après avoir importé les images depuis le logiciel Reflet dans PI, découper une partie du bas de votre selection pour qu’elle ait les mêmes dimensions que les images. Il se peut également que l’eau ne reflète pas parfaitement les objets de l’arrière-plan. Il existe bien sûr des solutions à ce problème mais elles dépassent le cadre de ce tutorial car le traitement diffère avec chaque image. Je souhaite cependant que ce tutorial vous aura incité à créer d’autres animations. Bon amusement!... Rosie

Well done!

VOTRE DIPLÔME

Une fois ce tutorial achevé, vous êtes cordialement invité à télécharger et afficher ce diplôme sur votre page web. Vous pouvez également soumettre votre résultat sur PI Newbies, le PING et/ou le PIRC Bulletin Board. Ce diplôme est délivré sur le principe de l'honneur. Cliquez sur le bouton droit de la souris et sauvegardez l'image sur votre disque dur. S'il vous plaît, NE PLACEZ PAS DE LIEN DIRECT pointant vers ce diplôme.

Ce tutorial a été réalisé par © Rosie Hardman-Ixer, 2001/2002/2003:
N'hésitez pas à me contacter par
EMAIL en cas de besoin d'aide ou pour toute suggestion
quant à l'amélioration de ce tutorial ou pour de nouveaux

INDEX DES TUTORIAUX

Pour accéder à la version originale du site de Rosie,



This site © Rosie Hardman-Ixer 2001/2/3